@if($idCards->isEmpty())
    <div class="mx-3">
        <x-record-not-found />
    </div>
@else
    <div id="idcard-total-count-hidden" style="display: none;">{{$idCards->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>{{ __('employee.designation')}}</th>
                    <th>{{ __('card.attachment')}}</th>
                    <th>{{ __('card.created_date')}}</th>
                    @if(auth()->user()->hasPermissionTo('IDCard - Edit ID Card') || auth()->user()->hasPermissionTo('IDCard - Delete ID Card'))
                        <th colspan="3" class="text-center" style="width: 10%;"><i class="bx bx-cog"></i></th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @php $counter = ($idCards->currentPage() - 1) * $idCards->perPage() + 1; @endphp
                @foreach($idCards as $idcard)
                    <tr>
                        <td>
                            <button type="button" class="btn btn-sm text-center btn-primary lh-10">{{$counter++}}</button>
                        </td>
                        <td>{{$idcard->employee->name}}, {{$idcard->employee->father_name}} [{{$idcard->employee->last_name}}]</td>
                        <td>{{$idcard->id_number}}</td>
                        <td>{{getHijriDate($idcard->date_of_issue)}}</td>
                        <td>{{getHijriDate($idcard->date_of_expiry)}}</td>
                        <td>{{@$idcard->employee->designation->name }}</td>
                        <td>
                            @if ($idcard->attachment)
                                <a href="{{ asset('assets/attachment/card/idcard/document/'.$idcard->attachment) }}" target="_blank"><i class="fas fa-file-pdf"></i></a>
                            @endif
                        </td>
                        <td>{{getHijriDate($idcard->created_at)}}</td>
                        @if(auth()->user()->hasPermissionTo('CarCard - Edit Car Card'))
                            <td style="padding: 5px;text-align: center;">
                                @if($idcard->status != 'deactive')
                                    <i class="btn btn-outline-primary mdi mdi-account-off custom-a btn-sm deactiveBtn" data-id="{{ encryption($idcard->id) }}" data-url="deactive_idcard_route" data-toggle="tooltip" title="{{ __('employee.deactive')}}"></i>
                                @else
                                    <span class="bg-warning">{{ getHijriDate(@$idcard->deactivate_at) }}</span>
                                @endif
                            </td>
                        @endif
                        @if(auth()->user()->hasPermissionTo('IDCard - Edit ID 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($idcard->id) }}" data-toggle="tooltip" title="{{ __('employee.edit')}}"></i></td>
                        @endif
                        @if(auth()->user()->hasPermissionTo('IDCard - Delete ID 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($idcard->id) }}" data-url="deletes_idcard_route" data-toggle="tooltip" title="{{ __('employee.delete')}}"></i></td>
                        @endif
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

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