@extends('layouts.app')
@section('title', 'post-template-default')
@section('idname', 'single')
@section('content')

@section('content')
<div class="features" style="box-shadow: none;">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="">    <a href="{{ route('ticket.history') }}" class="text-primary">Tickets History</a></div>
            <div class="">{{ __('messages.ticket_create_support_ticket') }}</div>

            <div class="card-body">
                @if(session('success'))
                    <div class="alert alert-success" role="alert">
                        {{ session('success') }}
                    </div>
                @endif
                
                @if(session('error'))
    <div class="alert alert-danger">
        {{ session('error') }}
    </div>
@endif

@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
                <form method="POST" action="{{ route('tickets.store') }}">
                    @csrf
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="name">{{ __('messages.ticket_name') }}</label>
                            <input type="text" class="form-control" value="@auth{{ auth()->user()->name }}@endauth" id="name" name="name" required>
                        </div>

                        <div class="form-group col-md-6">
                            <label for="email">{{ __('messages.ticket_email') }}</label>
                            <input type="email" class="form-control" id="email" value="@auth{{ auth()->user()->email }}@endauth" name="email" required>
                        </div>
                    </div>

                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="priority">{{ __('messages.ticket_priority') }}</label>
                            <select class="form-control" id="priority" name="priority" required>
                                <option value="low">{{ __('messages.ticket_low') }}</option>
                                <option value="medium">{{ __('messages.ticket_medium') }}</option>
                                <option value="high">{{ __('messages.ticket_high') }}</option>
                            </select>
                        </div>

                        <div class="form-group col-md-6">
                            <label for="department">{{ __('messages.ticket_department') }}</label>
                            <select class="form-control" id="department" name="department" required>
                                <option value="sales">{{ __('messages.ticket_sales') }}</option>
                                <option value="support">{{ __('messages.ticket_support') }}</option>
                                <option value="billing">{{ __('messages.ticket_billing') }}</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="title">{{ __('messages.ticket_title') }}</label>
                        <input type="text" class="form-control" id="title" name="title" required>
                    </div>

                    <div class="form-group">
                        <label for="description">{{ __('messages.ticket_description') }}</label>
                        <textarea class="form-control" id="description" name="description" rows="4" required></textarea>
                    </div>
                    
                    <div class="form-group">
      
            <!-- CAPTCHA Field -->
            <div class="captcha">
                <span id="captcha"></span>
                <input type="hidden" id="captcha_answer" name="captcha_answer_hidden">
                <input type="text" id="user_captcha_answer" name="captcha_answer" class="form-control" placeholder="Enter the result">
            </div>
         
        
    </div>

                    <button type="submit" class="btn btn-red register">{{ __('messages.ticket_submit_ticket') }}</button>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection