@extends('laravelticket::layouts.master')

@section('page', trans('laravelticket::lang.index-title'))
@section('page_title', trans('laravelticket::lang.index-my-tickets'))

@section('laravelticket_header')
    <a href="{{ route($setting->grab('main_route').'.create') }}"
       class="inline-flex items-center px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium rounded-md transition-colors">
        {{ trans('laravelticket::lang.btn-create-new-ticket') }}
    </a>
@stop

@section('laravelticket_content_parent_class', 'p-0')

@section('laravelticket_content')
    {{-- Search bar --}}
    <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700">
        <form method="GET" action="" class="flex gap-2 max-w-sm">
            <input type="text"
                   name="search"
                   value="{{ $ticketSearch }}"
                   placeholder="{{ trans('laravelticket::lang.table-search') }}"
                   class="flex-1 rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-900 dark:text-gray-100 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 text-sm">
            <button type="submit"
                    class="px-3 py-2 bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-medium rounded-md transition-colors">
                {{ trans('laravelticket::lang.table-search') }}
            </button>
            @if($ticketSearch)
                <a href="{{ request()->url() }}"
                   class="px-3 py-2 bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600 text-gray-700 dark:text-gray-300 text-sm font-medium rounded-md transition-colors">
                    &times;
                </a>
            @endif
        </form>
    </div>

    @include('laravelticket::tickets.partials.datatable')

    {{-- Pagination --}}
    @if($tickets->hasPages())
        <div class="px-4 py-3 border-t border-gray-200 dark:border-gray-700">
            {!! $tickets->render('pagination::tailwind') !!}
        </div>
    @endif
@stop