@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">Management des Comptes É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">Management des Comptes É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.RegisteredDatatable') --}}
            {{-- 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">Registered Students</h4>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table id="registeredDatatable" class="table table-striped table-bordered display text-center">
                                    <thead style = "font-size : 15px">
                                        <tr>
                                            <th>ZK ID / Room</th>
                                            <th>Students</th>
                                            <th>Option / Year</th>
                                            <th>ZK Added At</th>
                                            <th>ZK Role</th>
                                            <th>Reg. Number</th>
                                            {{--  <th>Niveau Formation</th>  --}}
                                            <th>Email</th>
                                            <th>Edit</th>
                                            <th>Freeze</th>
                                            <th>Delete</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($users as $user)
                                            <tr>
                                                <th>{{$user->zk_id}} / {{$user->room}}</th>
                                                <th>{{$user->nom}} {{$user->prenom}}</th>
                                                <th>{{$user->sigleFilieres}} / {{$user->annee}}</th>
                                                <th>{{$user->created_at}}</th>
                                                <th>{{$user->role}}</th>
                                                <th>{{$user->matricule}}</th>
                                                {{--  <th>{{$user->annee}}</th>  --}}
                                                <th>{{$user->email}}</th>
                                                {{--  @if(Route::has('Students_Registered'))  --}}
                                                    <th>
                                                        <a type="submit" href = "{{route('Students_Registered_Post')}}" class="button mdi mdi-account-edit" data-bs-toggle="modal"
                                                            data-bs-target="#edit-modal{{$user->matricule}}{{$user->room}}" style="font-size : 20px;border:none; color : green; margin-right : 20px">
                                                        </a>
                                                    </th>
                                                    <th>
                                                        <a type="submit" href = "{{route('Students_Registered_Post')}}" class="button mdi mdi-account-minus" data-bs-toggle="modal"
                                                            data-bs-target="#freeze-modal{{$user->matricule}}{{$user->room}}" style="font-size : 20px;border:none; color : blue;">
                                                        </a>
                                                    </th>
                                                    <th>
                                                        <a type="submit" href = "{{route('Students_Registered_Post')}}" class="button mdi mdi-account-minus" data-bs-toggle="modal"
                                                            data-bs-target="#delete-modal{{$user->matricule}}{{$user->room}}" style="font-size : 20px;border:none; color : red;">
                                                        </a>
                                                    </th>
                                                {{--  @endif  --}}
                                            {{-- @if(Route::has('Students_Registered'))
                                                <th><a class = "button" type="submit" href="{{route('Students_Registered')}}"><i id = "{{$user->matricule}}" class="mdi mdi-account-minus" style="font-size : 25px;border:none; color : red;"></i></a></th>
                                            @endif --}}
                                            </tr>
                                        @endforeach
                                    </tbody>
                                    <tfoot style = "font-size : 15px">
                                        <tr>
                                            <th>ZK ID / Room</th>
                                            <th>Students</th>
                                            <th>Option / Year</th>
                                            <th>ZK Added At</th>
                                            <th>ZK Role</th>
                                            <th>Reg. Number</th>
                                            {{--  <th>Niveau Formation</th>  --}}
                                            <th>Email</th>
                                            <th>Edit</th>
                                            <th>Freeze</th>
                                            <th>Delete</th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{--  Modal pour modification  --}}
            @foreach ($users as $user)
                @if(Route::has('Students_Registered_Post'))
                    <div id="edit-modal{{$user->matricule}}{{$user->room}}" 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">Modification</h3> <hr>
                                    </div>
                                    <form action="{{route('Students_Registered_Post')}}" method = "post" class="ps-2 pe-2 text-start">
                                        <div class="mb-3">
                                            <h3 class="mb-0 text-black" style = "padding-bottom: 5px"> {{$user->nom}} {{$user->prenom}} </h3>
                                            <h6 class="mb-0 text-black"> <b>Filière :</b> {{$user->sigleFilieres}} / {{$user->annee}}</h6>
                                            <input type="text" name="nom" id="id{{$user->nom}}" value="{{$user->nom}}" readonly hidden>
                                            <input type="text" name="prenom" id="id{{$user->prenom}}" value="{{$user->prenom}}" readonly hidden>
                                            <input type="text" name="matricule" id="id{{$user->matricule}}{{$user->room}}" value="{{$user->matricule}}" readonly hidden>
                                            <input type="text" name="email" id="id{{$user->email}}" value="{{$user->email}}" readonly hidden>
                                            <input type="text" name="operation" id="modification" value="modification" readonly hidden>
                                            <hr>
                                            <table class = "table">
                                                <tbody>
                                                    <tr><th style = "font-size : 15px"><b>Matricule </b></th><th>:</th><th><input type="text" name="matricule" id="{{$user->matricule}}{{$user->room}}" value="{{$user->matricule}}" readonly></th></tr>
                                                    <tr><th style = "font-size : 15px"><b>ZK ID </b></th><th>:</th><th><input type="text" name="zkid" id="id{{$user->zk_id}}" value="{{$user->zk_id}}" readonly></th></tr>
                                                    <tr><th style = "font-size : 15px"><b>Créé le </b></th><th>:</th><th>{{$user->created_at}}</th></tr>
                                                    <tr><th style = "font-size : 15px"><b>Salle </b></th><th>:</th><th><input type="text" name = "lastroom" id = "{{$user->room}}" value = "{{$user->room}}" readonly></th></tr>
                                                    <tr><th style = "font-size : 15px"><b>Rôle </b></th><th>:</th><th><input type="text" name="lastrole" id="{{$user->role}}" value="{{$user->role}}" readonly></th></tr>
                                                </tbody>
                                            </table>
                                            <hr>
                                            <table class = "table">
                                                <tbody>
                                                    <tr><th style = "font-size : 15px"><b>Modifié le </b></th><th>:</th><th>{{date('d/m/Y à H:i')}}</th></tr>
                                                    <tr><th style = "font-size : 15px"><b>Salle </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
                                                                                                                        </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>
                @endif
            @endforeach

            {{--  Modal pour givrage  --}}
            @foreach ($users as $user)
                @if(Route::has('Students_Registered_Post'))
                    <div id="freeze-modal{{$user->matricule}}{{$user->room}}" 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">Givrage</h3> <hr>
                                    </div>
                                    <form action="{{route('Students_Registered_Post')}}" method = "post" class="ps-2 pe-2 text-start">
                                        <div class="mb-3">
                                            <h3 class="mb-0 text-black" style = "padding-bottom: 5px"> {{$user->nom}} {{$user->prenom}} </h3>
                                            <h6 class="mb-0 text-black"> <b>Filière :</b> {{$user->sigleFilieres}} / {{$user->annee}}</h6>
                                            <hr>
                                            <input type="text" name="operation" id="freeze" value="freeze" readonly hidden>
                                            <table class = "table">
                                                <tbody>
                                                    <tr><th style = "font-size : 15px"><b>ZK ID </b></th><th>:</th><th><input type="text" name="zkid" id="id{{$user->zk_id}}" value="{{$user->zk_id}}" readonly></th></tr>
                                                    <tr><th style = "font-size : 15px"><b>Créé le </b></th><th>:</th><th>{{$user->created_at}}</th></tr>
                                                    <tr><th style = "font-size : 15px"><b>Salle </b></th><th>:</th><th><input type="text" name="room" id="device{{$user->matricule}}{{$user->room}}" value="{{$user->room}}" readonly></th></tr>
                                                    <tr><th style = "font-size : 15px"><b>Rôle </b></th><th>:</th><th>{{$user->role}}</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>
                @endif
            @endforeach

            {{--  Modal pour suppression  --}}
            @foreach ($users as $user)
                @if(Route::has('Students_Registered_Post'))
                    <div id="delete-modal{{$user->matricule}}{{$user->room}}" 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">Suppression</h3> <hr>
                                    </div>
                                    <form action="{{route('Students_Registered_Post')}}" method = "post" class="ps-2 pe-2 text-start">
                                        <div class="mb-3">
                                            <h3 class="mb-0 text-black" style = "padding-bottom: 5px"> {{$user->nom}} {{$user->prenom}} </h3>
                                            <h6 class="mb-0 text-black"> <b>Filière :</b> {{$user->sigleFilieres}} / {{$user->annee}}</h6>
                                            <hr>
                                            <input type="text" name="operation" id="deletion" value="deletion" readonly hidden>
                                            <input type="text" name="matricule" id="deletion{{$user->matricule}}{{$user->room}}" value="{{$user->matricule}}" readonly hidden>
                                            <table class = "table">
                                                <tbody>
                                                    <tr><th style = "font-size : 15px"><b>ZK ID </b></th><th>:</th><th><input type="text" name="zkid" id="id{{$user->zk_id}}" value="{{$user->zk_id}}" readonly></th></tr>
                                                    <tr><th style = "font-size : 15px"><b>Créé le </b></th><th>:</th><th>{{$user->created_at}}</th></tr>
                                                    <tr><th style = "font-size : 15px"><b>Salle </b></th><th>:</th><th><input type="text" name="room" id="room{{$user->matricule}}" value="{{$user->room}}" readonly></th></tr>
                                                    <tr><th style = "font-size : 15px"><b>Rôle </b></th><th>:</th><th>{{$user->role}}</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>
                @endif
            @endforeach
            {{-- END DATATABLE --}}
        </div>
    @endsection

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