@extends('layouts.app')

@section('content')
    @php
        $locale = session()->get('locale') ? session()->get('locale') : App\Helpers\ConstantHelper::ENGLISH;
    @endphp
    <form class="form" role="post-data" method="POST" action="/api/tickets/store" redirect="/tickets">
        @csrf
        <section class="pay-booking py-4 py-sm-5">
            <div class="container">
                <div class="row align-items-end">
                    <div class="col-md-8">
                        <div class="top-head">
                            <h2>{{ __('label.create_ticket') }}</h2>
                            <p class="top-sub-ttile mb-0">{{ __('label.add_more') }}</p>
                        </div>
                    </div>
                    <div class="col-md-4 text-right">
                        {{-- <a href="help.html" class="btn btn-primary btn-sm"><i class="far fa-check-square"></i> Publish</a> --}}
                        <button type="button" class="btn btn-primary btn-sm" role="button" data-request="ajax-submit"
                            data-target="[role=post-data]"><i class="far fa-check-square"></i>
                            {{ __('label.publish') }}</button>
                        <a href="/tickets"><button type="button" class="btn btn-secondary btn-sm"><i
                                    class="fa fa-chevron-circle-left"></i> {{ __('static.cancel') }}</button></a>
                    </div>
                </div>
            </div>
        </section>

        <section class="py-2 py-sm-4">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 mb-3 mb-sm-0">
                        <div class="personal-detailstext creticktxt">
                            <h3>{{ __('label.Enter_the_details_below_for_create_edit_ticket_support') }}</h3>
                        </div>

                        <div class="row mt-2 mt-sm-4">
                            <div class="col-md-6 col-12">
                                <div class="form-group custominnergroup">
                                    <label class="pay-label">{{ __('label.ticket_ID') }} <span
                                            class="text-danger">*</span></label>
                                    <div class="search-group">
                                        <input type="text" name="ticket_number" class="form-control"
                                            placeholder="{{ __('placeholder.enter_ticket_id') }}"
                                            value="{{ $ticketNumber }}" readonly>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="form-group custominnergroup">
                                    <label class="pay-label">{{ __('label.type') }} <span
                                            class="text-danger">*</span></label>
                                    <div class="search-group">
                                        <select name="ticket_type_id" class="form-control">
                                            <option value="">{{ __('static.select_type') }}</option>
                                            @foreach ($ticketTypes as $ticketType)
                                                <option value="{{ $ticketType->id }}"
                                                    {{ old('ticket_type_id', $ticketType->ticket_type_id) == $ticketType->id ? 'selected' : '' }}>
                                                    {{ $locale == App\Helpers\ConstantHelper::ARABIC ? $ticketType->name_ar : $ticketType->name_en }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 col-12">
                                <div class="form-group custominnergroup">
                                    <label class="pay-label">{{ __('label.subject') }} <span
                                            class="text-danger">*</span></label>
                                    <div class="search-group">
                                        <input type="text" name="subject" class="form-control"
                                            placeholder="{{ __('placeholder.enter_subject') }}">
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12 col-12">
                                <div class="form-group custominnergroup">
                                    <label class="pay-label">{{ __('label.description') }} <span
                                            class="text-danger">*</span></label>
                                    <div class="search-group">
                                        <textarea class="form-control" name="comments" rows="5"
                                            placeholder="{{ __('placeholder.enter_comments_here') }}"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </section>
    </form>
@endsection

@section('script')
@endsection