@php
    $d = date('Y-m-d');
@endphp

<!-- <script>
    let coursesList = 
	initDT({
	   table: "#courses",
	   cLang: {
		name: "cours",
		plural: "cours",
		gender: "M",
		lang: "fr"
	   },
	   tbTitle: "Liste des cours non confirmés"
	});
</script> -->

<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="ecue" id="id{{$noConfirmedCourse->code_ecu}}" value="{{$noConfirmedCourse->code_ecu}}" 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(Session('room') == $device->room)
                                                            <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>

{{--  <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="courses" 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>