@extends('laravelticket::layouts.master')
@section('page', trans('laravelticket::lang.create-ticket-title'))
@section('page_title', trans('laravelticket::lang.create-new-ticket'))

@section('laravelticket_content')
    {!! html()->form('POST', route($setting->grab('main_route').'.store'))->open()!!}
    <div class="space-y-6">
        {{-- Subject --}}
        <div>
            <x-input-label for="subject" :value="trans('laravelticket::lang.subject')" />
            {!! html()->text('subject', null)
                ->id('subject')
                ->class('mt-1 block w-full border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm')
                ->required(true) !!}
            <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">{!! trans('laravelticket::lang.create-ticket-brief-issue') !!}</p>
        </div>

        {{-- Description --}}
        <div>
            <x-input-label for="content" :value="trans('laravelticket::lang.description')" />
            <textarea name="content" id="content" rows="6" required
                      class="mt-1 block w-full border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm"></textarea>
            <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">{!! trans('laravelticket::lang.create-ticket-describe-issue') !!}</p>
        </div>

        {{-- Priority & Category --}}
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
            <div>
                <x-input-label for="priority_id" :value="trans('laravelticket::lang.priority')" />
                {!! html()->select('priority_id', $priorities, null)
                    ->id('priority_id')
                    ->class('mt-1 block w-full border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm')
                    ->required() !!}
            </div>
            <div>
                <x-input-label for="category_id" :value="trans('laravelticket::lang.category')" />
                {!! html()->select('category_id', $categories, null)
                    ->id('category_id')
                    ->class('mt-1 block w-full border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm')
                    ->required() !!}
            </div>
        </div>

        {!! html()->hidden('agent_id', 'auto') !!}

        {{-- Actions --}}
        <div class="flex items-center gap-4">
            <a href="{{ route($setting->grab('main_route').'.index') }}"
               class="text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 underline">
                {{trans('laravelticket::lang.btn-back')}}
            </a>
            <x-primary-button>
                {{ trans('laravelticket::lang.btn-submit') }}
            </x-primary-button>
        </div>
    </div>
    {!! html()->closeModelForm() !!}
@endsection