@extends('layouts.admins.cpanel')

@section('page_title', __('admin.tickets-index-title'))

@section('page_content')
    <x-page-content pageTitle="{{ __('admin.tickets-index-title') }}">
        <x-slot:pageCaption>
            {{ __('admin.tickets-index-desc', ['app_name' => config('app.name')]) }}
        </x-slot:pageCaption>

		<div class="block">
			<x-table.table>
                <x-table.thead>
                    <x-table.th>
                        {{ __('table.name') }}
                    </x-table.th>
                    <x-table.th>
                        {{ __('table.email') }}
                    </x-table.th>
                    <x-table.th>
                        {{ __('table.status') }}
                    </x-table.th>
                    <x-table.th>
                        {{ __('table.date') }}
                    </x-table.th>
                </x-table.thead>
                <x-table.tbody>
                    @unless($tickets->isEmpty())
                        @foreach ($tickets as $ticketData)
                            <x-table.tr>
                                <x-table.td>
                                    <a class="hover:underline" href="{{ route('admin.tickets.show', $ticketData->id) }}">
                                        {{ $ticketData->name }}
                                    </a>
                                </x-table.td>
                                
                                <x-table.td>
                                    {{ $ticketData->email }}
                                </x-table.td>
                                <x-table.td>
                                    <span class="status-badge status-{{ $ticketData->status }}">
                                        {{ $ticketData->status->label() }}
                                    </span>
                                </x-table.td>
                                <x-table.td>
                                    {{ $ticketData->created_at->getOrdinal() }}
                                </x-table.td>
                            </x-table.tr>
                        @endforeach
                    @else
                        <x-table.tr>
                            <x-table.td colspan="5">
                                <x-table.placeholder message="{{ __('admin.no-tickets') }}"></x-table.placeholder>
                            </x-table.td>
                        </x-table.tr>
                    @endif
                </x-table.tbody>
            </x-table.table>
            
			@unless($tickets->isEmpty())
				<div class="mt-6">
					{{ $tickets->withQueryString()->links('pagination.tailwind') }}
				</div>
			@endif
		</div>
    </x-page-content>
@endsection