@if($allHoliday->isEmpty())
    <div class="mx-3">
       <x-record-not-found />
    </div>
@else
    <div class="hr">
        <hr>
    </div>

    <div class="table-responsive">
        <table class="table table-bordered table-striped" style="font-size:10px;">
            <thead class="sticky-top shadow-sm">
                <tr>
                    <th scope="col">{{__('global.no')}}</th>
                    <th scope="col">{{__('holiday.name')}}</th>
                    <th scope="col">{{__('holiday.date')}}</th>
                    <th scope="col">{{__('holiday.type.header')}}</th>
                    <th scope="col">{{__('holiday.description')}}</th>
                    <th scope="col">{{__('holiday.attachment')}}</th>
                    <th scope="col">{{__('holiday.created_date')}}</th>
                    @if(auth()->user()->hasPermissionTo('Holiday - Edit Holiday') || auth()->user()->hasPermissionTo('Holiday - Delete Holiday'))
                        <th colspan="2" class="text-center" style="width: 10%;"><i class="bx bx-cog"></i></th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @php $counter = ($allHoliday->currentPage() - 1) * $allHoliday->perPage() + 1; @endphp
                @foreach($allHoliday as $holiday)
                    <tr id="tr{{ $holiday->hdate}}">
                    <td>
                        <button type="button" class="btn btn-sm text-center btn-primary lh-10">{{$counter++}}</button>
                    </td>
                    <td>{{ $holiday->hname}}</td>
                    <td>{{ getJalaliDate($holiday->hdate) }}</td>
                    <td>
                        @switch($holiday->htype)
                            @case('public')
                                {{ __('holiday.type.public')}}
                                @break
                            @case('national')
                                {{ __('holiday.type.national')}}
                                @break
                            @case('religious')
                                {{ __('holiday.type.religious')}}
                                @break
                            @case('cultural')
                                {{ __('holiday.type.cultural')}}
                                @break
                            @case('perosnal')
                                {{ __('holiday.type.perosnal')}}
                                @break
                            @default
                        @endswitch
                    </td>
                    <td>{{ $holiday->hdescription}}</td>
                    <td>{{ $holiday->attachment ? $holiday->attachment : ''}}</td>
                    <td>{{ getJalaliDate($holiday->created_at)}}</td>

                    @if(auth()->user()->hasPermissionTo('Holiday - Edit Holiday'))
                        <td style="padding: 5px; text-align:center;">
                            <a data-bs-toggle="modal" data-bs-target="#editHoliday" data-date="{{ $holiday->day_date }}" data-id="{{ $holiday->id }}"
                                data-toggle="tooltip"
                                title="{{ __('holiday.edit')}}"
                                class="btn btn-outline-primary custom-a btn-sm show-edit-btn editButton"
                                style="font-size: 12px; font-weight: bold;" target="_blank">
                                <i class="fa fa-pen"></i>
                            </a>
                        </td>
                    @endif

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

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