@php
    @$slot_edit = userCan('slot.update');
    @$slot_delete = userCan('slot.delete');
@endphp

@if (userCan('slot.view'))
    <div class="">
        <div class="row ">
            <div class="detail-list">
                <table class="table">
                    <thead>
                        <tr>
                            <th scope="col">Slot Id</th>
                            <th scope="col">slot Name</th>
                            <th scope="col">Sloat Timing</th>
                            <th scope="col">Status</th>
                            @if (@$slot_edit)
                                <th scope="col">Action</th>
                            @endif
                            
                        </tr>
                    </thead>
                    <tbody id="slot_table">
                        @if ($slots->count() > 0)
                            @foreach (@$slots as $slot)
                            
                                <tr>
                                    <th>{{ @$slot->id }}</th>
                                    <td>{{ @$slot->name }}</td>
                                    <td>
                                        {{ TimeShowHourseMiniteAmPm(@$slot->time_to) }} to {{ TimeShowHourseMiniteAmPm(@$slot->time_from) }}
                                    </td>
                                    <td>
                                       
                                        @if($slot->status == "1")
                                            <span class="badge badge-success" style="background: green">Active</span>
                                        @else
                                            <span class="badge badge-danger" style="background: red">Inactive</span>
                                        @endif
                                    </td>
                                    @if (@$slot_edit)
                                    <td>
                                            <a href="{{ route('slot.edit', $slot->id) }}" class="badge" style="background: #fff;">
                                                <i class="fas fa-edit" style="color: green;"></i>
                                            </a>
                                    </td>
                                    @endif
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="10">
                                    <div class="container text-center">
                                        <x-not-found message="{{ __('no_data_found') }}" />
                                        @if (userCan('slot.create'))
                                            <a href="{{ route('slot.create') }}"
                                                class="plan-btn btn btn-primary">
                                                {{ __('add your first slot') }}
                                            </a>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @endif
                    </tbody>
                </table>
                {{-- <div class="mt-3 d-flex justify-content-center">
                                    
                                    {{ @$slots->links() }}
                                </div> --}}
                                
                <center>
                    <div>


                        @if (@$allslot > @$request->length)
                            @php
                                $lengthOptions = [10, 20, 30, 40];
                            @endphp

                            <select class="" name="length" id="length" onchange="get_slot()"
                                style="    padding: 6px;
                                        border: 1px solid #d9dadb;
                                        background: white;">
                                @foreach ($lengthOptions as $option)
                                    <option @if (isset($request->length) && $request->length == $option) selected @endif
                                        value="{{ $option }}">{{ $option }}</option>
                                @endforeach
                            </select>
                            <input type="text" value="" name="page" id="page" hidden>


                            <nav style="display: inline-block;" aria-label="Page navigation example">
                                <ul class="pagination" id="paginationList">
                                    @php
                                        $currentPage = $request->page ?? 1;
                                        $totalPages = ceil($allOrders / ($request->length ?? 10));
                                    @endphp
                                    @if ($currentPage > 1)
                                        <li class="page-item">
                                            <a class="page-link" href="#" onclick="handlePageClick('Previous', {{ $totalPages }})">Previous</a>
                                        </li>
                                    @endif
                            
                                    @for ($i = 1; $i <= $totalPages; $i++)
                                        @if ($i == 1 || $i == $totalPages || ($i >= $currentPage - 2 && $i <= $currentPage + 2))
                                            @if (($i == $currentPage - 2 && $i > 2) || ($i == $currentPage + 2 && $i < $totalPages - 1))
                                                <li class="page-item">
                                                    <span class="page-link">...</span>
                                                </li>
                                            @else
                                                <li class="page-item {{ $currentPage == $i ? 'active' : '' }}">
                                                    <a class="page-link" href="#" onclick="handlePageClick('{{ $i }}', {{ $totalPages }})">{{ $i }}</a>
                                                </li>
                                            @endif
                                        @endif
                                    @endfor
                            
                                    @if ($currentPage < $totalPages)
                                        <li class="page-item">
                                            <a class="page-link" href="#" onclick="handlePageClick('Next', {{ $totalPages }})">Next</a>
                                        </li>
                                    @endif
                                </ul>
                            </nav>

                        @endif

                    </div>
                </center>
            </div>
        </div>
@endif