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