<x-app-layout>
    <div class="m-area">
        <p class="title">Create New Ticket</p>
        <hr>
        <p class="desc">If you need to contact us in any case, you may use the form bellow. For now, we only provide
            <b>English</b> support. We will reply the messages <b>within 48 hours</b>.</p>
        <div class="form-row form">
            <div class="col">
                <label for="username">Username</label>
                <input type="text" class="form-control" id="username" placeholder="Username" value="{{ Auth::user()->name }}"
                    disabled="">
            </div>
            <div class="col">
                <label for="mail">E-Mail</label>
                <input type="email" id="mail" class="form-control" placeholder="E-Mail" value="{{ Auth::user()->email }}"
                    disabled="">
            </div>
        </div>
        <form id="form-new-ticket" name="form-new-ticket" action="{{ route('tickets.store') }}" method="post">
        @csrf
            <div class="form-row form">
                <div class="col">
                    <label for="subject">Subject</label>
                    <input type="text" class="form-control" id="subject" name="subject" placeholder="Subject"
                        required="" autocomplete="off">
                </div>
            </div>
            <div class="form-row form">
                <div class="col">
                    <label for="description">Message</label>
                    <textarea class="form-control" id="description" name="description" placeholder="Message"
                        required=""></textarea>
                </div>
            </div>
            <button type="submit" class="btn btn-primary button">Create Ticket</button>
            <div class="clearfix"></div>
        </form>
    </div>
    <x-footer></x-footer>
</x-app-layout>