@php
    $d = date('Y-m-d');
    // dd($noConfirmedCourses);
@endphp
@extends('layouts.layout')
    @section('content')
        <div class="page-wrapper">
            <div class="page-breadcrumb border-bottom">
                <div class="row">
                    <div class="col-lg-3 col-md-4 col-xs-12 justify-content-start d-flex align-items-center">
                        <h5 class="font-weight-medium text-uppercase mb-0">Confirmation de Cours</h5>
                    </div>
                    <div class="col-lg-9 col-md-8 col-xs-12 d-flex justify-content-start justify-content-md-end align-self-center">
                        <nav aria-label="breadcrumb" class="mt-2">
                            <ol class="breadcrumb mb-0 p-0">
                                <li class="breadcrumb-item"><a href="{{route('Home')}}">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Confirmation de Cours</li>
                            </ol>
                        </nav>
                        <!-- <button class="btn btn-danger text-white ms-3 d-none d-md-block">Buy Ample Admin</button> -->
                        <button class="btn ms-3 d-none d-md-block" style ="background-color: {{ Session::get('colors')['schoolColor1']}}; color : {{ Session::get('colors')['TextColor1']}};">
                        GestStudent v22.xx</button>
                    </div>
                </div>
            </div>
            @include('partials.StudentsCards')
            
            <!-- Begin no confirmed courses cards -->
            {{-- @include('Classrooms.CoursesCards') --}}
            <div class="row">
                <div class="col-12">
                    <!-- Begin no confirmed courses cards -->
                    <div class="row">
                        <div class="col-12">
                            {{--  <h4 class="mb-3">Cours non confirmé(s)</h4>  --}}

                            <div class="row draggable-cards" id="draggable-area">

                                @foreach ($noConfirmedCourses as $course)
                                    @foreach($course as $noConfirmedCourse)

                                    <div id="login-modal{{$noConfirmedCourse->idenregistrements}}" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-body">
                                                    <div class="text-center mt-2 mb-4">
                                                        <h3 class="mb-0 text-black"> {{$noConfirmedCourse->sigleFilieres}} - {{$noConfirmedCourse->annee}} </h3>
                                                        <h6 class="mb-0 text-black"> <b>Niveau de formation :</b> {{$noConfirmedCourse->niveauFormation}} </h6> <hr>
                                                    </div>
                                                    <form action="{{route('Classrooms_Courses')}}" method = "post" class="ps-2 pe-2 text-start">
                                                        <div class="mb-3">
                                                            <h3 class="card-title">{{$noConfirmedCourse->intituleEcu}}</h3>
                                                            <input type="text" name="session" id="id{{$noConfirmedCourse->idenregistrements}}" value="{{$noConfirmedCourse->idenregistrements}}" readonly hidden>
                                                            <input type="text" name="filiere" id="id{{$noConfirmedCourse->idFiliere}}" value="{{$noConfirmedCourse->idFiliere}}" readonly hidden>
                                                            <input type="text" name="sigleFiliere" id="id{{$noConfirmedCourse->sigleFilieres}}" value="{{$noConfirmedCourse->sigleFilieres}}" readonly hidden>
                                                            <input type="text" name="ecue" id="id{{$noConfirmedCourse->code_ecu}}" value="{{$noConfirmedCourse->code_ecu}}" readonly hidden>
                                                            <input type="text" name="id_ecue" id="id{{$noConfirmedCourse->idEC}}" value="{{$noConfirmedCourse->idEC}}" readonly hidden>
                                                            <input type="text" name="annee" id="id{{$noConfirmedCourse->annee}}" value="{{$noConfirmedCourse->annee}}" readonly hidden>
                                                            <input type="text" name="year" id="id{{$noConfirmedCourse->annee_acad}}" value="{{$noConfirmedCourse->annee_acad}}" readonly hidden>
                                                            <p class="card-text"> <b>Date :</b> <input type="text" name="date" id="id{{$noConfirmedCourse->Date}}" value="{{$noConfirmedCourse->Date}}" readonly> </p>
                                                            <p class="card-text"> <b>Heure de début :</b> <input type="text" name="begin" id="id{{$noConfirmedCourse->Heure_arrivee}}" value="{{$noConfirmedCourse->Heure_arrivee}}" readonly> </p>
                                                            <p class="card-text"> <b>Heure de fin :</b> <input type="text" name="end" id="id{{$noConfirmedCourse->Heure_fin}}" value="{{$noConfirmedCourse->Heure_fin}}" readonly> </p>
                                                            <label for="margin"><b>Margin :</b></label>
                                                            <input class="form-control" type="number" name="margin" id = "margin"
                                                                required="This field is required" placeholder = "Marge à considérer (en min)">
                                                            <label for="module">Salle de cours :</label><br/>
                                                            <select class="form-control" name="room" id="room" selected required>
                                                                @foreach ($devices as $device)
                                                                    @if($device->room != "none")
                                                                        <option id = "{{$device->name}}/{{$device->room}}" value="{{$device->room}}" selected>{{$device->room}}</option>
                                                                    @endif
                                                                @endforeach
                                                            </select>
                                                            <h5>Observation :</h5>
                                                            <input name = "observation" type="text" value = "RAS" class = "form-control">
                                                        </div>
                                                        <div class="button-group">
                                                            <div class="mb-3 text-center">
                                                                <button class="btn btn-rounded btn-primary" type="submit">Confirm</button>
                                                                <button class="btn btn-rounded btn-danger" type="reset">Reset</button>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{--  <form action="{{route('Classrooms_Courses')}}" method="post">
                <div class="form-group">
                    <div class="mb-3 text-center">
                        <div style = "padding : 7px;" class="col-2 mb-3 form-group">
                            <div class="form-group border-bottom pb-3">
                                <input class = "form-control" type="date" id="datefilter" name="datefilter" value="2022-02-03" min="2022-01-01" max="2090-12-31">
                                <button type="submit" class="btn btn-info"><i class="fas fa-search"></i></button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>  --}}

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="border-bottom title-part-padding">
                            <h4 class="card-title mb-0">Séance(s) de cours non confirmée(s) </h4>
                        </div>
                        <div class="col-2">
                            <form action="{{route('Classrooms_Courses')}}" method="post">
                                <div class="input-group">
                                    <input class = "form-control" type="date" id="datefilter" name="datefilter" value="{{ $d }}" min="2022-01-01" max="2090-12-31" style = "font-size : 18px; text-align : center;">
                                    <button class="btn btn-light-info text-info font-weight-medium" type="submit">Filtrer</button>
                                </div>
                            </form>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table id="coursesDatatable" class="table table-striped table-bordered display text-center file_export">
                                    <thead style = "font-size : 15px">
                                        <tr>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($noConfirmedCourses as $course)
                                        <tr>
                                            @foreach($course as $noConfirmedCourse)
                                                <th>
                                                    <div class="">
                                                        <div class="card card-hover">
                                                            <div class="card-header" style = "background-color : blue">
                                                                <h4 class="mb-0 text-white"> {{$noConfirmedCourse->sigleFilieres}} - {{$noConfirmedCourse->annee}} </h4>
                                                            </div>
                                                            <div class="card-body">
                                                                <h3 class="card-title"> {{$noConfirmedCourse->code_ecu}} </h3>
                                                                <p class="card-text"> {{$noConfirmedCourse->Date}} de {{$noConfirmedCourse->Heure_arrivee}} à {{$noConfirmedCourse->Heure_fin}} </p>
                                                                <div class="button-group">
                                                                    <button type="submit" class="btn btn-info" data-bs-toggle="modal"
                                                                        data-bs-target="#login-modal{{$noConfirmedCourse->idenregistrements}}">Submit</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </th>
                                            @endforeach
                                        </tr>
                                        @endforeach
                                    </tbody>
                                    <tfoot style = "font-size : 15px">
                                        <tr>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End no confirmed courses cards -->
        </div>
    @endsection