@if($carCards->isEmpty())
    <div class="mx-3">
        <x-record-not-found />
    </div>
@else
    <div id="carcard-total-count-hidden" style="display: none;">{{$carCards->total()}}</div>
    <div class="table-responsive">
        <table class="table table-hover table-bordered fs-10">
            <thead class="sticky-top shadow-sm">
                <tr>
                    <th>{{ __('global.no') }}</th>
                    <th>{{ __('card.employee')}}</th>
                    <th>{{ __('card.id_number')}}</th>
                    <th>{{ __('card.issue_date')}}</th>
                    <th>{{ __('card.expiry_date')}}</th>
                    <th>{{ __('card.carcard.car_model')}}</th>
                    <th>{{ __('card.carcard.car_shacy_number')}}</th>
                    <th>{{ __('employee.designation')}}</th>
                    <th>{{ __('card.attachment')}}</th>
                    <th>{{ __('card.created_date')}}</th>
                    @if(auth()->user()->hasPermissionTo('CarCard - Edit Car Card') || auth()->user()->hasPermissionTo('CarCard - Delete Car Card'))
                        <th colspan="3" class="text-center" style="width: 10%;"><i class="bx bx-cog"></i></th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @php $counter = ($carCards->currentPage() - 1) * $carCards->perPage() + 1; @endphp
                @foreach($carCards as $carcard)
                    <tr>
                        <td>
                            <button type="button" class="btn btn-sm text-center btn-primary lh-10">{{$counter++}}</button>
                        </td>
                        <td>{{$carcard->employee->name}}, {{$carcard->employee->father_name}} [{{$carcard->employee->last_name}}]</td>
                        <td>{{$carcard->id_number}}</td>
                        <td>{{getHijriDate($carcard->date_of_issue)}}</td>
                        <td>{{getHijriDate($carcard->date_of_expiry)}}</td>
                        <td>{{$carcard->car_model}}</td>
                        <td>{{$carcard->car_shacy_number}}</td>
                        <td>{{@$carcard->employee->designation->name }}</td>
                        <td>
                            @if ($carcard->attachment)
                                <a href="{{ asset('assets/attachment/card/carcard/document/'.$carcard->attachment) }}" target="_blank"><i class="fas fa-file-pdf"></i></a>
                            @endif
                        </td>
                        <td>{{getHijriDate($carcard->created_at)}}</td>
                        @if(auth()->user()->hasPermissionTo('CarCard - Edit Car Card'))
                            <td style="padding: 5px;text-align: center;">
                                @if($carcard->status != 'deactive')
                                    <i class="btn btn-outline-primary mdi mdi-account-off custom-a btn-sm deactiveBtn" data-id="{{ encryption($carcard->id) }}" data-url="deactive_carcard_route" data-toggle="tooltip" title="{{ __('employee.deactive')}}"></i>
                                @else
                                    <span class="bg-warning">{{ getHijriDate(@$carcard->deactivate_at) }}</span>
                                @endif
                            </td>
                        @endif
                        @if(auth()->user()->hasPermissionTo('CarCard - Edit Car Card'))
                            <td style="padding: 5px;text-align: center;"><i class="btn btn-outline-primary mdi mdi-lead-pencil custom-a btn-sm editBtn" data-id="{{ encryption($carcard->id) }}" data-toggle="tooltip" title="{{ __('employee.edit')}}"></i></td>
                        @endif
                        @if(auth()->user()->hasPermissionTo('CarCard - Delete Car Card'))
                            <td style="padding: 5px;text-align: center;"><i class="btn btn-outline-danger btn-sm mdi mdi-trash-can-outline text-danger deleteButton" data-id="{{ encryption($carcard->id) }}" data-url="deletes_carcard_route" data-toggle="tooltip" title="{{ __('employee.delete')}}"></i></td>
                        @endif
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="col-lg-12">
        <x-pagination-links :paginator="$carCards" />
    </div>
@endif