@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">Enregistrement des Étudiants</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')}}">Accueil</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Enregistrement des Étudiants</li>
                            </ol>
                        </nav>
                        <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')
            {{-- @include('Students.RegisteringDatatable') --}}

            {{-- BEGIN DATATABLE --}}
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="border-bottom title-part-padding">
                            <h4 class="card-title mb-0">Etudiants non enregistrés</h4>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table id="registeringDatatable" class="table table-striped table-bordered display text-center">
                                    <thead>
                                        <tr>
                                            <th>ID Dossier</th>
                                            <th>Students</th>
                                            <th>Reg. Number</th>
                                            <th>Option / Year</th>
                                            {{--  <th>Niveau Formation</th>  --}}
                                            <th>Email</th> <!--  -->
                                            <th>Ajout</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                        @foreach ($noUsers as $noUser) {{-- Filtrage non effectué. --}}
                                            <tr>
                                                <th>{{$noUser->idDossier}}</th>
                                                <th>{{$noUser->nom}} {{$noUser->prenom}}</th>
                                                <th>{{$noUser->matricule}}</th>
                                                <th>{{$noUser->sigleFilieres}} / {{$noUser->annee}}</th>
                                                {{--  <th>{{$noUser->annee}}</th>  --}}
                                                <th>{{$noUser->email}}</th>
                                                @if(Route::has('Students_Registering'))
                                                    <th>
                                                        <a type="submit" href = "{{route('Students_Registering')}}" class="button mdi mdi-account-plus" data-bs-toggle="modal"
                                                            data-bs-target="#delete-modal{{$noUser->matricule}}" style="font-size : 20px;border:none; color : blue;">
                                                        </a>
                                                    </th>
                                                @endif
                                            </tr>
                                        @endforeach

                                    </tbody>
                                    <tfoot style = "font-size : 15px">
                                        <tr>
                                            <th>ID Dossier</th>
                                            <th>Students</th>
                                            <th>Reg. Number</th>
                                            <th>Option / Year</th>
                                            {{--  <th>Niveau Formation</th>  --}}
                                            <th>Email</th> <!--  -->
                                            <th>Ajout</th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            @foreach ($noUsers as $noUser)
                <div id="delete-modal{{$noUser->matricule}}" 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="card-title">Ajout</h3>
                                </div>
                                <form action="{{route('Students_Registering')}}" method = "post" class="ps-2 pe-2 text-start form-control">
                                    <div class="mb-3">
                                        <input type="text" name="nom" id="id{{$noUser->nom}}" value="{{$noUser->nom}}" readonly hidden>
                                        <input type="text" name="prenom" id="id{{$noUser->prenom}}" value="{{$noUser->prenom}}" readonly hidden>
                                        <input type="text" name="email" id="id{{$noUser->email}}" value="{{$noUser->email}}" readonly hidden>
                                        <h3 class="mb-0 text-black" style = "padding-bottom: 5px"> {{$noUser->nom}} {{$noUser->prenom}} </h3>
                                        <h6 class="mb-0 text-black"> <b>Filière :</b> {{$noUser->sigleFilieres}} / {{$noUser->annee}}</h6>
                                        <hr>
                                        <table class = "table">
                                            <tbody>
                                                <tr><th style = "font-size : 15px"><b>Matricule </b></th><th>:</th><th><input type="text" name="matricule" id="id{{$noUser->matricule}}" value="{{$noUser->matricule}}" readonly></th></tr>
                                                <tr><th style = "font-size : 15px"><b>Création le </b></th><th>:</th><th>{{date('d/m/Y à H:i')}}</th></tr>
                                                <tr><th style = "font-size : 15px"><b>Salle de Cours </b></th><th>:</th><th> <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
                                                                                                                            {{--  @foreach ($devices as $device)
                                                                                                                                @if ($device->name != 'none')
                                                                                                                                    <option id = "{{$device->name}}/{{$device->room}}" value="{{$device->room}}">{{$device->room}}</option>
                                                                                                                                @endif
                                                                                                                            @endforeach  --}}
                                                                                                                        </select></th></tr>
                                                <tr><th style = "font-size : 15px"><b>Rôle </b></th><th>:</th><th>  <select class="form-control" name="role" id="role" selected required>
                                                                                                                        <option id = "simpleUser" value="0" selected>Normal User</option>
                                                                                                                        <option id = "admin" value="14">Admin</option>
                                                                                                                    </select></th></tr>
                                            </tbody>
                                        </table>
                                    </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 reset">Reset</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
        {{-- END DATATABLE --}}
    @endsection

    @section('script')
        <script>
        let inList = 
            initDT({
            table: "#registeringDatatable",
            cLang: {
                    name: "Etudiant",
                    plural: "Etudiants",
                    gender: "M",
                    lang: "fr"
                },
            tbTitle: "Liste des étudiants non enregistrés"
        });
        </script>
    @endsection