@php
    $supportTicket = app()->make(\App\Models\Collection\Support\SupportTicket::class);
@endphp

<table class="table" wire:loading.class="d-none">
    <thead class="table-light">
    <tr>
        <th class="text-center">{{ __('views.support.index_table.ticket_number') }}</th>
        <th class="text-center">{{ __('views.support.index_table.status') }}</th>
        <th class="text-center">{{ __('views.support.index_table.request_type') }}</th>
        <th class="text-center">{{ __('views.support.index_table.request_reason') }}</th>
        <th class="text-center">{{ __('views.support.index_table.names') }}</th>
        <th class="text-center">{{ __('views.support.index_table.phone_number') }}</th>
        <th class="text-center">{{ __('views.support.index_table.cedula') }}</th>
        <th class="text-center">{{ __('views.support.index_table.origin') }}</th>
        <th class="text-center">{{ __('views.support.index_table.created_at') }}</th>
        <th class="text-center">{{ __('views.support.index_table.updated_at') }}</th>
        <th class="text-center">{{ __('views.support.index_table.action') }}</th>
    </tr>
    </thead>
    <tbody>
    @foreach($tickets as $ticket)
        <tr>
            <td>{{ $ticket->external_id }}</td>
            <td>
                @php
                    $status = $ticket::getStatusDescription($ticket->status);
                    $background = match ($status) {
                        __('support_ticket.status.' . $supportTicket::STATUS_RECEIVED) => 'border-warning text-warning',
                        __('support_ticket.status.' . $supportTicket::STATUS_PROCESSING) => 'border-secondary text-secondary',
                        __('support_ticket.status.' . $supportTicket::STATUS_COMPLETED) => 'border-success text-success',
                        default => 'border-dark text-dark',
                    }
                @endphp

                <span class="badge bg-transparent border {{ $background }}">{{$status}}</span>
            </td>
            <td>{{ strip_tags($ticket->type) }}</td>
            <td>{{ strip_tags($ticket->reason) }}</td>
            <td>{{ $ticket->client_name }}</td>
            <td>{{ $ticket->client_phone }}</td>
            <td>{{ $ticket->document }}</td>
            <td>{{ $ticket->initiator }}</td>
            <td>{{ toDate($ticket->created_at) }}</td>
            <td>{{ toDate($ticket->updated_at) }}</td>
            <td>
                <div class="row d-flex flex-row-reverse">
                    <div class="col-auto d-flex">
                        <a href="{{config('app.url')}}/admin/support/edit/{{ $ticket->id }}" class="me-2 cursor-pointer">
                            <i class="fa-regular text-secondary fa-pen-to-square fs-14"></i>
                        </a>
                        @if($authUserRole === 1)
                            <span class="cursor-pointer" wire:click="deleteTicket({{$ticket->id}})" wire:confirm="{{ __('views.support.index_table.confirm_delete') }}">
                                <i class="fas fa-trash text-secondary fs-14"></i>
                            </span>
                        @endif
                    </div>
                </div>
            </td>
        </tr>
    @endforeach
    </tbody>
</table>