@extends('layouts.layout')
    @section('content')

      <div class="page-wrapper">
            <!-- ============================================================== -->
            <!-- Bread crumb and right sidebar toggle -->
            <!-- ============================================================== -->
            <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 Enseignants</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 Enseignants</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>
                        <!-- <button class="btn btn-danger text-white ms-3 d-none d-md-block">Buy Ample Admin</button> -->
                    </div>
                </div>
            </div>
            @include('partials.TeachersCards')
            {{-- @include('Teachers.RegisteredDatatables') --}}
            {{-- BEGIN DATATABLE --}}
            <div class="row">
                {{-- <h5 class="mt-3">Animation</h5>
                <button type="button" class="btn btn-lg d-block w-100 btn-light-info text-info font-medium" id="slide-toast">slideDown - slideUp</button> --}}

                <div class="col-12">
                    <div class="card">
                        <div class="border-bottom title-part-padding">
                            <h4 class="card-title mb-0">Registered Teachers</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>Teachers</th>
                                            <th>ZK Added At</th>
                                            <th>ZK Role</th>
                                            <th>Reg. Number</th>
                                            <th>Email</th>
                                            <th>Phone</th>
            {{-- Ce champ ne sera peut-être pas utile --}}<th>Status</th> <!-- Ici, nous avons affiché la valeur de "enfonction" -->
                                            <th>Edit</th>
                                            <th>Freeze</th>
                                            <th>Delete</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($users as $user) {{-- Filtrage non effectué. --}}
                                            <tr>
                                                <th>{{$user->zk_id}}/{{$user->room}}</th>
                                                <th>{{$user->nom}} {{$user->prenom}}</th>
                                                <th>{{$user->created_at}}</th>
                                                <th>{{$user->role}}</th>
                                                <th>{{$user->matricule}}</th>
                                                <th>{{$user->email}}</th>
                                                <th>{{$user->country_code}} {{$user->phone}}</th>
                                                <th>{{$user->enfonction}}</th>
                                                @if(Route::has('Teachers_Registered'))
                                                    <th>
                                                        <div class="mb-3 text-center">
                                                            <a type="submit" href = "{{route('Teachers_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>
                                                        </div>
                                                    </th>
                                                    <th>
                                                        <div class="mb-3 text-center">
                                                            <a type="submit" href = "{{route('Teachers_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 : blue;">
                                                            </a>
                                                        </div>
                                                    </th>
                                                    <th>
                                                        <div class="mb-3 text-center">
                                                            <a type="submit" href = "{{route('Teachers_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 : red;">
                                                            </a>
                                                        </div>
                                                    </th>
                                                @endif
                                            </tr>
                                        @endforeach
                                    </tbody>
                                    <tfoot style = "font-size : 15px">
                                        <tr>
                                            <th>ZK ID / Room</th>
                                            <th>Teachers</th>
                                            <th>ZK Added At</th>
                                            <th>ZK Role</th>
                                            <th>Reg. Number</th>
                                            <th>Email</th>
                                            <th>Phone</th>
            {{-- Ce champ ne sera peut-être pas utile --}}<th>Status</th> <!-- Ici, nous avons affiché la valeur de "enfonction" -->
                                            <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('Teachers_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('Teachers_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>Matricule :</b> <input type="text" name="matricule" id="{{$user->matricule}}{{$user->room}}" value="{{$user->matricule}}"></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>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>{{$user->role}}</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)
                                                            <option id = "{{$device->name}}/{{$device->room}}" value="{{$device->room}}" selected>{{$device->room}}</option>
                                                        @endforeach  --}}
                                                        @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></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('Teachers_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('Teachers_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>Matricule :</b> {{$user->matricule}}</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="room1{{$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('Teachers_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('Teachers_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>Matricule :</b> {{$user->matricule}}</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="room2{{$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
            {{-- END DATATABLE --}}
       </div>
    @endsection

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