@if($archivedTrasnports->isEmpty())
    <div class="mx-3">
        <x-record-not-found />
    </div>
@else
    <div id="transport-total-count-hidden" style="display: none;">{{$archivedTrasnports->total()}}</div>

    <div class="table-responsive">
        <table class="table table-hover table-bordered fs-10">
            <thead class="transport-thead sticky-top shadow-sm">
                <tr>
                    <th>{{ __('global.no')}}</th>
                    <th>{{ __('transport.request_user')}}</th>
                    <th>{{ __('transport.source')}}</th>
                    <th>{{ __('transport.destination')}}</th>
                    <th>{{ __('transport.date')}}</th>
                    <th>{{ __('transport.start_time')}}</th>
                    <th>{{ __('transport.end_time')}}</th>
                    <th>{{ __('transport.type')}}</th>
                    <th>{{ __('transport.car.header')}}</th>
                    <th>{{ __('transport.driver.header')}}</th>
                     <th>{{ __('transport.traveled_km')}}</th>
                    <th>{{ __('transport.created_date')}}</th>
                    @if(auth()->user()->hasPermissionTo('Transport - Edit Transport') || auth()->user()->hasPermissionTo('Transport - Delete Transport'))
                        <th colspan="3" class="text-center" style="width: 10%;"><i class="bx bx-cog"></i></th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @php $counter = ($archivedTrasnports->currentPage() - 1) * $archivedTrasnports->perPage() + 1; @endphp
                @foreach($archivedTrasnports as $transport)
                    <tr id="tr-{{ $transport->id }}" class="@if($transport->status == 'complete') bg-success text-white @endif">
                        <td>
                            <button type="button" class="btn btn-sm text-center btn-primary lh-10">{{$counter++}}</button>
                        </td>
                        <td>{{$transport->requestUser->name}}  {{$transport->requestUser?->employee?->last_name ?? '' }}</td>
                        <td>{{$transport->sourceOrganization->name}}</td>
                        <td>{{$transport->destinationOrganization->name}}</td>
                        <td>{{ getHijriDate($transport->date) }}</td>
                        <td>{{$transport->start_time}}</td>
                        <td>{{$transport->end_time}}</td>
                        <td>
                            @if($transport->type == 'official') {{ __('transport.official') }} @else {{ __('transport.unofficial') }} @endif
                        </td>
                        <td>{{$transport->car->name ?? ''}}</td>
                        <td>{{$transport->driver->name ?? ''}}</td>
                        <td>
                            @if (!is_null($transport->end_km))
                                @if ($transport->start_km <= $transport->end_km)
                                    {{ $transport->end_km - $transport->start_km }} {{ __('transport.km') }}
                                @else
                                    <span style="color: red;">{{ __('transport.invalid_km') }}</span>
                                @endif
                            @endif

                        </td>
                        <td>{{ getHijriDate($transport->created_at) }}</td>

                        @if(auth()->user()->hasPermissionTo('Transport - Edit Transport'))
                            <td style="padding: 5px; text-align:center;">
                                @if (!is_null($transport->end_km))
                                    <i class="bx bxs-lock-alt"></i>
                                @else
                                    <a href="{{ route('editTransport', ['id'=> encryption($transport->id) ]) }}" data-toggle="tooltip"
                                        title="{{ __('transport.edit')}}"
                                        class="btn btn-outline-primary custom-a btn-sm show-edit-btn"
                                        style="font-size: 12px; font-weight: bold;">
                                        <i class="fa fa-pen"></i>
                                    </a>
                                @endif 
                            </td>
                        @endif
                        @if(auth()->user()->hasPermissionTo('Transport - View Transport'))
                            <td style="padding: 5px; text-align:center;">
                                <a href="{{ route('viewTransport', ['id'=> encryption($transport->id) ]) }}"
                                    data-toggle="tooltip"
                                    title="{{ __('transport.view')}}"
                                    class="btn btn-outline-primary custom-a btn-sm"
                                    style="font-size: 12px; font-weight: bold;">
                                    <i class="fa fa-eye"></i>
                                </a>
                            </td>
                        @endif

                        @if(auth()->user()->hasPermissionTo('Transport - Delete Transport'))
                            <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($transport->id) }}" data-url="deletes_tranzport_route" data-toggle="tooltip" title="{{ __('global.delete')}}"></i></td>
                        @endif
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <div class="col-lg-12 text-xs-center">
        {{$archivedTrasnports->links("pagination::bootstrap-4")}}
    </div>
@endif