@php
    @$democlass_copy = userCan('DemoClass.copy');
    @$democlass_edit = userCan('DemoClass.update');
    @$democlass_delete = userCan('DemoClass.delete');
@endphp

@if (userCan('DemoClass.view'))
    <style>
        /* #length {
            width: 35px;
        } */
        .main .single-input{
            border: 0px;
        }
        .badge-success {
            background: green;
        }
        .badge-danger{
            background: red;
        }
    </style>
    <div class="main m-0 border-0">
        <div class="detail-list border-1 mt-3">
            <table class="d-table hoverTable">
                <thead>
                    <tr>
                        <th class="table-head">Class Id</th>
                        <th class="table-head">User</th>
                        <th class="table-head">Tutor</th>
                        <th class="table-head">Test Type</th>
                        <th class="table-head">Class Date Time</th>
                        <th class="table-head">Mode</th>
                        <th class="table-head">Cancel Class</th>
                        <th class="table-head">Attendence</th>
                        @if (@$democlass_edit)
                            <th class="table-head">Action</th>
                        @endif

                    </tr>
                </thead>
                <tbody id="slote_table">
                    @if (count(@$democlasses) > 0)
                        @foreach (@$democlasses as $democlass)
                        <tr>
                            <td class="table-col">{{ @$democlass->id }}</td>
                            <td class="table-col">{{ @$democlass->name }}</td>
                            <td class="table-col">{{ @$democlass->tutor_name }}</td>
                            <td class="table-col">{{ @$democlass->test_type }}</td>
                            <td class="table-col">
                                {{ dateMonthFormat(@$democlass->date) }}
                                {{ TimeShowHourseMiniteAmPm(@$democlass->time_to) }} to
                                {{ TimeShowHourseMiniteAmPm(@$democlass->time_from) }}
                            </td>
    
                            <td class="table-col">
                                {{ $democlass->mode }}
                                @if ($democlass->mode == 'Offline' && $democlass->location !== null)
                                    ({{ $democlass->location }})
                                @endif
                            </td>
                            <td class="table-col">
                                {{-- @if (@$democlass->active_class == 1)
                                    <span class="badge badge-success">Active</span>
                                @else
                                    <span class="badge badge-danger">Inactive</span>
                                @endif --}}
    
                                <div class="single-input select-list" style="background:transparent;" >
                                    @php
                                        $currentDateTime = time();
                                        $date_time = $democlass['date'] . '' . $democlass['time_to'];
    
                                        $date_time_unix = strtotime($date_time);
    
                                    @endphp
    
                                    @if ($date_time_unix > $currentDateTime)
                                        @if (@$democlass->attend != 1)
                                        <div class="form-switch">
                                            <input class="form-check-input" type="checkbox" id="active_class{{ $democlass['id'] }}" name="active_class" {{ @$democlass->active_class ? 'checked' : '' }} onchange="change_class_status({{ $democlass['id'] }}, '{{@$request->page}}')">
                                            <label for="active_class{{ $democlass['id'] }}" class="toggle-label"></label>
                                        </div>
                                        @else
                                            @if(@$democlass->active_class == 1)
                                                Cancel Class
                                            @endif
                                        @endif
                               
                                    @endif
                                </div>
                            </td class="table-col">
                            <td class="table-col">
                                
                                @if (@$democlass->attend == 1)
                                    <span class="badge badge-success">Attend</span>
                                @else
                                    <span class="badge badge-danger">Not Attend</span>
                                @endif
                            </td>
                            <td class="table-col">
                                @if (@$democlass_edit && $democlass->active_class != 1)
                                    @if ($date_time_unix > $currentDateTime)
                                        <a href="{{ route('DemoClass.edit', $democlass->id) }}"  class="badge"
                                            >
                                            <i class="fas fa-edit" style="color: green;"></i>
                                        </a>
                                    @endif
                                @endif
    
                            </td>
                        </tr>
                        @endforeach
                    @else
                        <center>
                            No Record Found
                        </center>
                    @endif
                </tbody>
            </table>

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

                        <select class="" name="length" id="length" onchange="get_classes()"
                            style="    padding:10px 12px; border: 1px solid #d9dadb; border-radius:7px; 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($allslote / ($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