@php
    use App\Models\payments\paymentstudents;
    use App\Models\students\studentattendance;
@endphp
@extends('student.layouts.main')
@section('main-section')
    {{-- <meta name="csrf-token" content="{{ csrf_token() }}"> --}}
    <!-- ============================================================== -->
    <!-- Start right Content here -->
    <!-- ============================================================== -->
    <div class="main-content">
        <style>
            .listHeader {
                display: flex;
                justify-content: space-between;
            }

            @keyframes blink {
                0% {
                    opacity: 1;
                }

                50% {
                    opacity: 0;
                }

                100% {
                    opacity: 1;
                }
            }

            .blinking-icon {
                animation: blink 1s infinite;
            }
            
            .red{
                color:#f06548;
            }
            .green{
                color: #0ab39c;
            }

            .blue{
                color: #405189
            }
            .lightblue{
                color:#3577f1;
            }

            .avalability i{
                padding-left: 10px;
            }
            /* New style for slots booked by the current user */
            .booked-by-me {
                background-color: rgb(169, 1, 1);
                /* color: #fff; Set text color to white for better visibility */
            }

        </style>

        <div class="page-content">
            <div class="container-fluid">
                @if (Session::has('success'))
                    <div class="alert alert-success">{{ Session::get('success') }}</div>
                @endif
                @if (Session::has('fail'))
                    <div class="alert alert-danger">{{ Session::get('fail') }}</div>
                @endif

                <div id="" class="mb-3 listHeader page-title-box">
                    <h3>Enroll Now</h3>
                    {{-- <a href="completed-classes"> <button class="btn btn-primary">Completed Classes</button></a> --}}
                    
                </div>
                <div class="avalability">
                    <i class="fa fa-square red" aria-hidden="true"></i><span>&nbsp;Not Available</span>
                    <i class="fa fa-square green" aria-hidden="true"></i><span>&nbsp;Available</span>
                    <i class="fa fa-square lightblue" aria-hidden="true"></i><span>&nbsp;Your Bookings</span>
                    <i class="fa fa-square blue" aria-hidden="true"></i><span>&nbsp;Current Selection</span>

                </div>
                <form id="payment-search" action="{{ route('student.updateslots') }}" method="POST">
                    @csrf
                    <div class="row ">


                        <div class="col-md-3 mt-4">

                            <label for="">Tutor</label>
                            <input type="hidden" id="tutorenrollid" name="tutorenrollid"
                                value="{{ $enrollment->tutor_id }}">
                            <input type="text" class="form-control readonly" name="tutorenroll" id="tutorenroll" readonly
                                value="{{ $enrollment->tutor_name }}">
                            <span class="text-danger">
                                @error('tutorenrollid')
                                    {{ $message }}
                                @enderror
                            </span>
                        </div>
                        <div class="col-md-3 mt-4">
                            <label for="">Subject</label>
                            <input type="hidden" id="subjectenrollid" name="subjectenrollid"
                                value="{{ $enrollment->subject_id }}">
                            <input type="text" class="form-control readonly" name="subjectenroll" id="subjectenroll"
                                readonly value="{{ $enrollment->subject_name }}">
                            <span class="text-danger">
                                @error('subjectenrollid')
                                    {{ $message }}
                                @enderror
                            </span>
                        </div>