@if($allCars->isEmpty())
    <div class="mx-3">
        <x-record-not-found />
    </div>
@else
    <div id="car-total-count-hidden" style="display: none;">{{$allCars->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>{{ __('transport.car.no')}}</th>
                    <th>{{ __('transport.car.name')}}</th>
                    <th>{{ __('transport.car.brand')}}</th>
                    <th>{{ __('transport.car.shacy_number')}}</th>
                    <th>{{ __('transport.car.pallet_number')}}</th>
                    <th>{{ __('transport.car.color')}}</th>
                    <th>{{ __('transport.car.picture')}}</th>
                    <th>{{ __('transport.traveled_km')}}</th>
                    <th>{{ __('transport.car.created_date')}}</th>
                    <th>{{ __('transport.status')}}</th>
                    @if(auth()->user()->hasPermissionTo('Vehicle - Edit Vehicle') || auth()->user()->hasPermissionTo('Vehicle - Delete Vehicle'))
                        <th colspan="3" class="text-center" style="width: 10%;"><i class="bx bx-cog"></i></th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @php $counter = ($allCars->currentPage() - 1) * $allCars->perPage() + 1; @endphp
                @foreach($allCars as $car)

                    @php
                        $hasBooking = $car->bookTransports->first(function ($b) use ($from, $to) {
                            return $b->date === now()->toDateString() &&
                                (
                                    ($from <= $b->start_time && $b->start_time <= $to) ||
                                    ($from <= $b->end_time && $b->end_time <= $to)
                                );
                        });
                        // Correct: reserved if there is a booking, else available
                        $car->status = $hasBooking ? __('transport.reserved') : __('transport.available');


                        $picturePath = public_path('assets/transport/car/image/' . $car->picture);
                    @endphp
                    <tr id="tr-{{ $car->id }}">
                        <td>
                            <button type="button" class="btn btn-sm text-center btn-primary lh-10">{{$counter++}}</button>
                        </td>
                        <td>{{$car->name}}</td>
                        <td>{{$car->carBrand->name}}</td>
                        <td>{{$car->shacy_number}}</td>
                        <td>{{$car->pallet_number}}</td>
                        <td>
                            @switch($car->color)
                                @case('white')
                                    {{ __('transport.color.white')}}
                                    @break
                                @case('black')
                                    {{ __('transport.color.black')}}
                                    @break
                                @case('silver')
                                    {{ __('transport.color.silver')}}
                                    @break
                                @case('gray')
                                    {{ __('transport.color.gray')}}
                                    @break
                                @case('red')
                                    {{ __('transport.color.red')}}
                                    @break
                                @case('blue')
                                    {{ __('transport.color.blue')}}
                                    @break
                                @case('green')
                                    {{ __('transport.color.green')}}
                                    @break
                                @case('yellow')
                                    {{ __('transport.color.yellow')}}
                                    @break
                                @case('other')
                                    {{ __('transport.color.other')}}
                                    @break
                                @default
                            @endswitch
                        </td>
                        <td>
                            @if ($car->picture)
                                <a href="{{ asset('assets/transport/car/image/'.$car->picture) }}" target="_blank">
                                    <img src="{{ $car && $car->picture && file_exists($picturePath) ? asset('assets/transport/car/image/' . $car->picture) : asset('assets/img/default-img.png') }}"
                                    alt="{{ $car->name }}" style="width:40px;height:25px; margin:0 auto;" class="bg-primary font-size-16 mb-1">
                                </a>
                            @endif
                        </td>
                        <td>
                            {{
                                $car->bookTransports->reduce(function ($carry, $transport) {
                                    if ($transport->start_km <= $transport->end_km) {
                                        return $carry + ($transport->end_km - $transport->start_km);
                                    }
                                    return $carry;
                                }, 0)
                            }} {{ __('transport.km')}}
                        </td>
                        <td>{{ getHijriDate($car->created_at) }}</td>
                        <td>{{ $car->status }}</td>
                        @if(auth()->user()->hasPermissionTo('Vehicle - Edit Vehicle'))
                            <td style="padding: 5px; text-align:center;">
                                <a href="{{ route('viewVehicle', ['id'=> encryption($car->id) ]) }}"
                                    data-toggle="tooltip"
                                    title="{{ __('global.view')}}"
                                    class="btn btn-outline-primary custom-a btn-sm show-edit-btn"
                                    style="font-size: 12px; font-weight: bold;" target="_blank">
                                    <i class="fa fa-eye"></i>
                                </a>
                            </td>
                            <td style="padding: 5px; text-align:center;">
                                <a href="{{ route('editVehicle', ['id'=> encryption($car->id) ]) }}"
                                    data-toggle="tooltip"
                                    title="{{ __('global.edit')}}"
                                    class="btn btn-outline-primary custom-a btn-sm show-edit-btn"
                                    style="font-size: 12px; font-weight: bold;" target="_blank">
                                    <i class="fa fa-pen"></i>
                                </a>
                            </td>
                        @endif

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

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