@if($allProtocols->isEmpty())
    <div class="mx-3">
        <x-record-not-found />
    </div>
@else
    <div id="protocol-total-count-hidden" style="display: none;">{{$allProtocols->total()}}</div>
    <div class="table-responsive">
        <table class="table table-hover table-bordered fs-10">
            <thead class="sticky-top shadow-sm">
                <tr>
                    <th>{{ __('protocol.no')}}</th>
                    <th>{{ __('protocol.request_user')}}</th>
                    <th>{{ __('protocol.incoming_organization')}}</th>
                    <th>{{ __('protocol.person_count')}}</th>
                    <th>{{ __('protocol.vehicle_count')}}</th>
                    <th>{{ __('protocol.date')}}</th>
                    <th>{{ __('protocol.entrance_time')}}</th>
                    <th>{{ __('protocol.type')}}</th>
                    <th>{{ __('protocol.created_date')}}</th>
                    @if(auth()->user()->hasPermissionTo('Protocol - Edit Protocol') || auth()->user()->hasPermissionTo('Protocol - Delete Protocol'))
                        <th colspan="2" class="text-center" style="width: 10%;"><i class="bx bx-cog"></i></th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @php $counter = ($allProtocols->currentPage() - 1) * $allProtocols->perPage() + 1;
                @endphp
                @foreach($allProtocols as $protocol)
                @php
                    $organizationIds = json_decode($protocol->incoming_organization, true) ?? [];
                @endphp
                    <tr id="tr-{{ $protocol->id }}" @if($protocol->action == 'approve') class="bg-success text-white" @endif>
                        <td>
                            <button type="button" class="btn btn-sm text-center btn-primary lh-10">{{$counter++}}</button>
                        </td>
                        <td>{{$protocol->requestUser->name ?? '' }} {{$protocol->requestUser?->employee?->last_name ?? '' }}</td>
                        <td>
                            @foreach ($organizationIds as $orgId)
                                @if(isset($selectedOrganizations[$orgId]))
                                    <span class="badge bg-info">{{ $selectedOrganizations[$orgId]->name }}</span>
                                @else
                                    <span class="badge bg-secondary">Unknown (ID: {{ $orgId }})</span>
                                @endif
                            @endforeach
                        </td>
                        <td>{{$protocol->person_count}}</td>
                        <td>{{$protocol->vehicle_count}}</td>
                        <td>{{ getHijriDate($protocol->date) }}</td>
                        <td>{{$protocol->entrance}}</td>
                        <td>
                            @if($protocol->type == 'official') {{ __('protocol.official') }} @else {{ __('protocol.unofficial') }} @endif
                        </td>
                        <td>{{ getHijriDate($protocol->created_at) }}</td>
                        @if(auth()->user()->hasPermissionTo('Protocol - Edit Protocol'))
                            <td style="padding: 5px; text-align:center;">
                                <a @if($protocol->action == 'approve')  href="{{ route('viewProtocol', ['id'=> encryption($protocol->id) ]) }}" @else href="{{ route('editProtocol', ['id'=> encryption($protocol->id) ]) }}" @endif
                                    data-toggle="tooltip"
                                    title="@if($protocol->action == 'approve') {{ __('protocol.view')}} @else {{ __('protocol.edit')}} @endif"
                                    class="btn btn-outline-primary custom-a btn-sm show-edit-btn"
                                    style="font-size: 12px; font-weight: bold;" target="_blank">
                                    <i class="fa @if($protocol->action == 'approve') fa-eye @else fa-pen @endif"></i>
                                </a>
                            </td>
                        @endif

                        @if(auth()->user()->hasPermissionTo('Protocol - Delete Protocol'))
                            <td style="padding: 5px;text-align: center;"><i class="mdi mdi-trash-can-outline text-danger deleteBtn btn btn-outline-danger btn-sm" data-id="{{ encryption($protocol->id) }}" data-url="deletes_protocol_route" data-toggle="tooltip" title="{{ __('global.delete')}}"></i></td>
                        @endif
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <div class="col-lg-12">
        <x-pagination-links :paginator="$allProtocols" />
    </div>
@endif