@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 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">Enregistrement des 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>
                    </div>
                </div>
            </div>
            @include('partials.TeachersCards')
            {{-- @include('Teachers.RegisteringDatatables') --}}
            {{-- 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">No Registered Teachers</h4>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table id="registeringDatatable" class="table table-striped table-bordered display text-center">
                                    <thead style = "font-size : 15px">
                                        <tr>
                                            <th>Reg. Num</th>
                                            <th>Teachers</th>
                                            <th>Email</th>
                                            <th>Phone</th>
                                            <th>Status</th> <!-- Ici, nous avons affiché la valeur de "enfonction" -->
                                            <th>Ajout</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($noUsers as $noUser)   {{-- Filtrage non effectué. --}}
                                            <tr>
                                                <th>{{$noUser->matricule}}</th>
                                                <th>{{$noUser->nom}} {{$noUser->prenom}}</th>
                                                <th>{{$noUser->email}}</th>
                                                <th>{{$noUser->country_code}} {{$noUser->phone}}</th>
                                                <th>{{$noUser->enfonction}}</th>
                                                @if(Route::has('Teachers_Registering'))
                                                    <th>
                                                        <a type="submit" href = "{{route('Teachers_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>Reg. Num</th>
                                            <th>Teachers</th>
                                            <th>Email</th>
                                            <th>Phone</th>
                                            <th>Status</th> <!-- Ici, nous avons affiché la valeur de "enfonction" -->
                                            <th>Ajout</th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            @foreach ($noUsers as $noUser)
                @if(Route::has('Teachers_Registering'))
                    <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> <hr>
                                    </div>
                                    <form action="{{route('Teachers_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>
                                            <h3 class="mb-0 text-black" style = "padding-bottom: 5px"> {{$noUser->nom}} {{$noUser->prenom}} </h3>
                                            <h6 class="mb-0 text-black"> <b>Matricule :</b> <input type="text" name="matricule" id="id{{$noUser->matricule}}" value="{{$noUser->matricule}}" readonly></h6>
                                            <hr>
                                            <table class = "table">
                                                <tbody>
                                                    <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(Session('room') == $device->room)
                                                                                                                                <option id = "{{$device->name}}/{{$device->room}}" value="{{$device->room}}" selected>{{$device->room}}</option>
                                                                                                                            @endif
                                                                                                                        @endforeach --}}
                                                                                                                        @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>
                @endif
            @endforeach
            {{-- END DATATABLE --}}
        </div>
    @endsection

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