@php
    if (Auth::user()->role == 1 || Auth::user()->role == 5) {
        $Layout = 'layouts.admin';
    } else {
        $Layout = 'layouts.teacher';
    }
@endphp
@extends($Layout)

<title>{{ config('app.name', 'Laravel') }} | Teacher | Profile</title>
<style>
    .edit:hover {
        color: #fff !important;
        background-color: blue !important;
        border-color: #696cff !important;
        border-radius: 5px !important;
    }

    .delete:hover {
        color: #fff !important;
        background-color: #E3242B !important;
        border-color: #E3242B !important;
        border-radius: 5px !important;
    }

    .dtbl_dropdown .dataTables_length {
        width: 65px;
    }

    .dtbl_dropdown .dataTables_length label {
        width: 100%;
    }

    input[type="checkbox"].attendence_checkbox {
        width: 15px;
        height: 15px;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: whitesmoke;
        border: 2px solid #949494;
        border-radius: 4px;
        outline: none;
        transition: background-color 0.3s ease;
    }

    input[type="checkbox"]:checked.attendence_checkbox {
        background-color: #696cff;
        border-color: #696cff;
    }

    input[type="checkbox"].attendence_checkbox:checked::before {
        content: '\2714';
        display: block;
        color: white;
        font-size: 10px;
        text-align: center;
        line-height: 12px;
    }

    input[type="checkbox"].stud_OnLeave {
        background-color: red !important;
        border-color: red !important;
    }

    /* The Modal (background) */
    .modal {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 1;
        /* Sit on top */
        padding-top: 100px;
        /* Location of the box */
        left: 0;
        top: 0;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: rgb(0, 0, 0);
        /* Fallback color */
        background-color: rgba(0, 0, 0, 0.4);
        /* Black w/ opacity */
    }

    /* Modal Content */
    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
    }

    /* The Close Button */
    .close {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
</style>
@include('datepicker')
@section('main-content')
    <!-- Content wrapper -->
    <div class="content-wrapper">
        <!-- Content -->
        {{-- <input type="hidden" id="present_student_list"/> --}}
        <div class="container-xxl flex-grow-1 container-p-y">
            <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Promote Students</span></h4>
            <div class="d-flex justify-content-between align-items-center m-2">
                <div class="text-end">
                    <button href="javascript:void(0);" class="btn btn-primary text-white submitStudentAttendance"
                        @if (isset($old_users) && count($old_users) != 0) onclick="openingModal()"
                    @else
                    onclick="return alert('There are no student to promote')" @endif>Promote
                        Students</button>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="card mb-4">
                        <!-- Account -->
                        <div class="card">
                            <h5 class="card-header">Old Students List ( {{ $currentClass->class_name }} )</h5>
                            <div class="table dataTable text-nowrap dtbl_dropdown">
                                <table class="table" id="services">
                                    <thead>
                                        <tr>
                                            <th class="">S.No</th>
                                            <th class="ps-1">Class Name</th>
                                            <th class="ps-1">First Name</th>
                                            <th class="ps-1">Last Name</th>
                                            <th class="ps-1">Email</th>
                                            <th class="ps-1">Phone</th>
                                            <th class="text-center">Promotion</th>
                                        </tr>
                                    </thead>
                                    <tbody class="table-border-bottom-0">
                                        @if (isset($old_users) && count($old_users) != 0)
                                            @foreach ($old_users as $key => $user)
                                                <tr id="row_{{ $user->id }}">
                                                    <td class="">{{ $key + 1 }}</td>
                                                    <td class="ps-1 name_{{ $user->id }}">
                                                        {{ ucwords($user->student_class) }}</td>
                                                    <td class="ps-1 name_{{ $user->id }}">
                                                        {{ ucwords($user->first_name) }}</td>
                                                    <td class="ps-1 name_{{ $user->id }}">
                                                        {{ ucwords($user->last_name) }}</td>
                                                    <td class="ps-1 email_{{ $user->id }}">
                                                        @if ($user->parent_id !== null && $user->parent->email !== null)
                                                            {{ ucwords($user->parent->email) }}
                                                        @else
                                                            {{ ucwords($user->email) }}
                                                        @endif
                                                    </td>
                                                    <td class="ps-1 phone_{{ $user->id }}">
                                                        @if ($user->parent_id !== null)
                                                            {{ $user->parent->phone }}
                                                        @else
                                                            {{ $user->phone }}
                                                        @endif
                                                    </td>

                                                    <td class="text-center">
                                                        <input type="checkbox" value="{{ $user->uuid }}"
                                                            class="attendence_checkbox promote_checkbox"
                                                            style="cursor: pointer;" checked />
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else
                                            <tr>
                                                <td><span>{{ 'No record found' }}</span></td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!-- /Account -->
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="card mb-4">
                        <!-- Account -->
                        <div class="card">
                            <h5 class="card-header">Promoted Student List</h5>
                            <div class="table dataTable text-nowrap dtbl_dropdown">
                                <table class="table" id="services">
                                    <thead>
                                        <tr>
                                            <th class="">S.No</th>
                                            <th class="ps-1">Class Name</th>
                                            <th class="ps-1">First Name</th>
                                            <th class="ps-1">Last Name</th>
                                            <th class="ps-1">Email</th>
                                            <th class="ps-1">Phone</th>
                                        </tr>
                                    </thead>
                                    <tbody class="table-border-bottom-0">
                                        @if (isset($new_users) && count($new_users) != 0)
                                            @foreach ($new_users as $key => $user)
                                                <tr id="row_{{ $user->id }}">
                                                    <td class="">{{ $key + 1 }}</td>
                                                    <td class="ps-1 name_{{ $user->id }}">
                                                        {{ ucwords($user->student_class) }}</td>
                                                    <td class="ps-1 name_{{ $user->id }}">
                                                        {{ ucwords($user->first_name) }}</td>
                                                    <td class="ps-1 name_{{ $user->id }}">
                                                        {{ ucwords($user->last_name) }}</td>
                                                    <td class="ps-1 email_{{ $user->id }}">
                                                        @if ($user->parent_id !== null && $user->parent->email !== null)
                                                            {{ ucwords($user->parent->email) }}
                                                        @else
                                                            {{ ucwords($user->email) }}
                                                        @endif
                                                    </td>
                                                    <td class="ps-1 phone_{{ $user->id }}">
                                                        @if ($user->parent_id !== null)
                                                            {{ $user->parent->phone }}
                                                        @else
                                                            {{ $user->phone }}
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else
                                            <tr>
                                                <td><span>{{ 'No record found' }}</span></td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!-- /Account -->
                    </div>
                </div>
            </div>
        </div>
        <!-- / Content -->
        <!-- The Modal -->
        <div id="myModal" class="modal" style="padding-top: 50px;">
            <!-- Modal content -->
            <div class="modal-content" style="width: 40%;">
                <div><span class="close text-end">&times;</span></div>
                <h4 class="text-center" id="text_in_modal">Select Class</h4>
                <div class="text-center mb-5">
                    <div class="mb-3">
                        <label class="form-label" for="basic-icon-default-fullname">Classes</label>
                        <div class="input-group">
                            <select class="form-control form-select" id="selectClass" name="selectClass">
                                @if ($classes->isEmpty())
                                    <option selected disabled>No classes available</option>
                                @else
                                    @foreach ($classes as $class)
                                        @if ($class->class_name == 'Other')
                                            <option selected value="{{ $class->id }}">
                                                {{ $class->other_class_name }}</option>
                                        @else
                                            <option selected value="{{ $class->id }}">{{ $class->class_name }}
                                            </option>
                                        @endif
                                    @endforeach
                                @endif
                            </select>
                        </div>
                        <div class="mt-3">
                            <select class="form-control form-select" id="newYearRange" name="newYearRange">
                                <option>{{ $yearRange }}</option>
                                <option selected>{{ $nextYearRange }}</option>
                            </select>
                        </div>
                    </div>
                    <div class="text-end">