@php
    $filieres = ShowCards();
    $colors = CardsColors();
    // $infos = DeviceInfos();
@endphp

<script>
    // let devicesList = 
	// initDT({
	//    table: "#devicesDatatable",
	//    cLang: {
	// 	name: "Module ZK",
	// 	plural: "Modules ZK",
	// 	gender: "M",
	// 	lang: "fr"
	//    },
	//    tbTitle: "Liste des modules Time and Attendance"
	// });
    // let classroomsList = 
	// initDT({
	//    table: "#classroomDatatable",
	//    cLang: {
	// 	name: "Salle de cours",
	// 	plural: "Salles de cours",
	// 	gender: "F",
	// 	lang: "fr"
	//    },
	//    tbTitle: "Liste des salles de cours"
	// });
    // let coefficientList = 
	// initDT({
	//    table: "#coefficientDatatable",
	//    cLang: {
	// 	name: "Coefficient de contrôle",
	// 	plural: "Coefficients de contrôle",
	// 	gender: "M",
	// 	lang: "fr"
	//    },
	//    tbTitle: "Liste des coefficients de contrôle de présence"
	// });
</script>

{{-- Begin Modal For Time Coefficient--}}
    {{-- Real modal --}}
    <div id="coefficient-modal" 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">Coefficient de Temps</h3> <hr>
                    </div>
                    <form action="{{route('Classrooms_Parameters_Post')}}" method = "post" class="ps-2 pe-2 text-start">
                        <div class="mb-3">
                            <h6 class="mb-0 text-black"> Description ...
                            </h6>
                            <hr>
                            <h5>Coefficient :</h5>
                            <div class="mb-3 form-group">
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fas fa-percent"></i></span>
                                    <input class="form-control" type="number" name = "coefficient" id = "coefficient" placeholder = "Comprise entre 25 et 100" min="25" max="100" required>
                                </div>
                            </div>
                            <h5>Filière(s) concernée(s) :</h5>
                            <fieldset class="form-control">
                                @foreach ($filieres as $filiere)
                                    <div>
                                        <input type="checkbox" id="{{$filiere->sigleFilieres}}{{$filiere->annee}}" name="options[]" value="{{$filiere->sigleFilieres}} {{$filiere->annee}}">
                                        <label for="{{$filiere->sigleFilieres}}{{$filiere->annee}}">{{$filiere->sigleFilieres}} - {{$filiere->annee}}</label>
                                    </div>
                                @endforeach
                            </fieldset>
                        </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>
{{-- End Modal For Time Coefficient--}}

{{-- Begin Modal For adding Classroom and/or link to device--}}
    {{-- Real modal --}}
    <div id="room-adding-modal" 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 de salle de cours</h3> <hr>
                    </div>
                    <form action="{{route('Classrooms_Parameters_Post')}}" method = "post" class="ps-2 pe-2 text-start form-control">
                        <div class="mb-3">
                            <h6 class="mb-0 text-black">Description ici.</h6>
                            <hr>
                            <table class = "table">
                                <tbody>
                                        <tr>
                                            <th style = "font-size : 15px">Salle</th>
                                            <th>:</th>
                                            <th> <input type="text" name="newClassroom" class="form-control" required> </th>
                                        </tr>
                                        <tr>
                                            <th style = "font-size : 15px">Description</th>
                                            <th>:</th>
                                            <th> <input type="text" name = "classroomDescription" class="form-control" value ="Sera liée." required> </th>
                                        </tr>
                                </tbody>
                            </table>
                            <h5>Liaison à un module disponible :</h5>
                            <select class="form-control" name="device" id="device" selected required>
                                <option id = "selected" value = "none" selected >None</option>
                                @foreach ($devices as $device)
                                    @if ($device->room == 'none')
                                        <option id = "" value = "{{ $device->mac_address }}" > {{ $device->name }} / {{ $device->mac_address }} </option>
                                    @endif
                                @endforeach
                            </select>
                        </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>
{{-- End Modal For adding Classroom and/or link to device --}}

{{-- Begin Modal For Adding Device and/or link to classroom --}}
    {{-- Real modal --}}
    <div id="device-adding-modal" 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 de module</h3> <hr>
                    </div>
                    <form action="{{route('Classrooms_Parameters_Post')}}" method = "post" class="ps-2 pe-2 text-start">
                        <div class="mb-3">
                            @if(count($infos) > 3)
                                <h6 class="mb-0 text-black">Les données affichées correspondent à celles du module auquel vous êtes actuellement connecté.
                                </h6>
                                <hr>
                                <h5>Module actuel connecté :</h5>
                                <table class = "table">
                                    <tbody>
                                        <tr><th style = "font-size : 15px">Numero de série</th><th>:</th><th> {{ $infos[0] }} </th></tr>
                                        <tr><th style = "font-size : 15px">Adresse MAC</th><th>:</th><th> {{ $infos[1] }} </th></tr>
                                        <tr><th style = "font-size : 15px">Adresse IP</th><th>:</th><th> {{ $infos[2] }} </th></tr>
                                        <tr><th style = "font-size : 15px">Masque de réseau</th><th>:</th><th> {{ $infos[3] }} </th></tr>
                                        <tr><th style = "font-size : 15px">Passerelle</th><th>:</th><th> {{ $infos[4] }} </th></tr>
                                        <tr><th style = "font-size : 15px">Utilisateurs</th><th>:</th><th> {{ $infos[5] }} </th></tr>
                                        <tr><th style = "font-size : 15px">Empreintes</th><th>:</th><th> {{ $infos[6] }} </th></tr>
                                    </tbody>
                                </table>
                                <h5>Nouvelle Adresse IP :</h5>
                                <input type="text" name="last_ip_address" class="form-control" id="last_ip_address" placeholder="Ex : 192.168.1.201" required>
                                <h5>Liaison à une salle disponible :</h5>
                                <select class="form-control" name="oldClassroom" id="oldClassroom" selected required>
                                    <option id = "none" value = "none" selected >None</option>
                                    @foreach ($devices as $device)
                                        @if ($device->name == 'none')
                                            <option id = "" value = "{{ $device->room }}" >{{ $device->room }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                <h5>Description :</h5>
                                <input type="text" name = "deviceDescription" class="form-control" value ="Sera lié." required>
                                <input type="text" name="ip_address" id="id{{$infos[2]}}" value="{{$infos[2]}}" readonly hidden>
                                <div class="button-group" style = "padding-bottom : 15px">
                                    <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>
                            @else
                                <h5>Aucun module actuellement connecté.</h5>
                            @endif
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
{{-- End Modal For Adding Device and/or link to classroom --}}

{{-- Begin Modal For Changing IP Address --}}
    {{-- Real modal --}}
    @if(Session('type_user') == 3 || Session('type_user') == 7)
        <div id="device-ip-modal" 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">Connexion à une Salle</h3> <hr>
                        </div>
                        <form action="{{route('Classrooms_Parameters_Post')}}" method = "post" class="ps-2 pe-2 text-start">
                            <select class="form-control" name="mac" id="mac" selected required>
                                @foreach ($devices as $device)
                                    @if ($device->name != 'none' && $device->room != 'none')
                                        <option id = "" value = "{{ $device->mac_address }}">{{ $device->room }}</option>
                                    @endif
                                @endforeach
                            </select>
                            <div class="mb-3">
                                <h5>Adresse IP :</h5>
                                <input type="text" name = "ip" class="form-control" placeholder="Ex : 192.168.1.201" required>
                            </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>
    {{-- End Modal For Changing IP Address --}}
    @endif


{{-- Begin Modal For Switching Module --}}
    {{-- Real modal --}}
    {{--  <div id="device-switching-modal" 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">Connexion à un module</h3> <hr>
                    </div>
                    <form action="{{route('Classrooms_Parameters_Post')}}" method = "post" class="ps-2 pe-2 text-start">
                        <div class="mb-3">
                            <select class="form-control" name="device" id="device" selected required>
                                <option id = "selected" value = "none" selected >None</option>
                                @foreach ($devices as $device)
                                    @if ($device->room != 'none')
                                        <option id = "" value = "{{ $device->mac_address }}" > {{ $device->room }} </option>
                                    @endif
                                @endforeach
                            </select>
                        </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>  --}}
{{-- End Modal For Switching Module --}}


    {{-- Buttons for modal --}}
    <div class="button-group">
        <div class="mb-3 text-center">
            <button type="button" class="btn btn-info" data-bs-toggle="modal"
                data-bs-target="#room-adding-modal" style="font-size : 20px;border:none; margin-right : 20px">
                Ajouter une Salle
            </button>
            <button type="button" class="btn btn-dark" data-bs-toggle="modal"
                data-bs-target="#device-adding-modal" style="font-size : 20px;border:none; margin-right : 20px">
                Ajouter un Module
            </button>
            <button type="button" class="btn btn-primary" data-bs-toggle="modal"
                data-bs-target="#coefficient-modal" style="font-size : 20px;border:none; margin-right : 20px">
                Coefficient de Temps
            </button>
            @if(Session('type_user') == 3)
                <button type="button" class="btn btn-danger" data-bs-toggle="modal"
                    data-bs-target="#device-ip-modal" style="font-size : 20px;border:none; margin-right : 20px">
                    Modifier l'Adresse IP
                </button>
            @endif
            {{--  <button type="button" class="btn btn-secondary" data-bs-toggle="modal"
                data-bs-target="#device-switching-modal" style="font-size : 20px;border:none; margin-right : 20px">
                Se connecter à une Salle
            </button>  --}}
        </div>
    </div>


{{-- Begin Modal For Device adding for a classroom --}}
    {{-- Real modal --}}

    {{-- Button for modal --}}

{{-- End Modal For Device adding for a classroom --}}


{{-- Datatable for devices and avalaible classrooms --}}
    {{-- Devices datatable --}}
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="border-bottom title-part-padding">
                    <h4 class="card-title mb-0">Modules ZK</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="devicesDatatable" class="table table-striped table-bordered display text-center file_export">
                        <!-- <table id="file_export1" class="table table-striped table-bordered display text-center file_export"> -->
                            <thead style = "font-size : 15px">
                                <tr>
                                    <th>Nom</th>
                                    <th>Numéro de série</th>
                                    <th>Adresse MAC</th>
                                    <th>Adresse IP</th>
                                    <th>Adresse IP Configurée</th>
                                    <th>Netmask</th>
                                    <th>Utilisateurs</th>
                                    <th>Empreintes</th>
                                    <th>Salle de Cours</th>
                                    <th>Description</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($devices as $device)
                                    @if ($device->name != 'none')
                                        <tr>
                                            <th>{{ $device->name }}</th>
                                            <th>{{ $device->serial_number }}</th>
                                            <th>{{ $device->mac_address }}</th>
                                            <th>{{ $device->ip_address }}</th>
                                            <th>{{ $device->last_ip_address }}</th>
                                            <th>{{ $device->netmask }}</th>
                                            <th>{{ $device->users }}</th>
                                            <th>{{ $device->fingerprints }}</th>
                                            <th>{{ $device->room }}</th>
                                            <th>{{ $device->description }}</th>
                                        </tr>
                                    @endif

                                @endforeach
                            </tbody>
                            <tfoot style = "font-size : 15px">
                                <tr>
                                    <th>Nom</th>
                                    <th>Numéro de série</th>
                                    <th>Adresse MAC</th>
                                    <th>Adresse IP</th>
                                    <th>Adresse IP Configurée</th>
                                    <th>Netmask</th>
                                    <th>Utilisateurs</th>
                                    <th>Empreintes</th>
                                    <th>Salle de Cours</th>
                                    <th>Description</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Classrooms datatable --}}
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="border-bottom title-part-padding">
                    <h4 class="card-title mb-0">Salles de Cours</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="classroomDatatable" class="table table-striped table-bordered display text-center file_export">
                            <thead style = "font-size : 15px">
                                <tr>
                                    <th>Salle</th>
                                    <th>Module / Numéro de Série</th>
                                    <th>Dernier Cours</th>
                                    <th>Date</th>
                                    <th>Heure</th>
                                    <th>Secteur</th>
                                    <th>Etat</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($devices as $device)
                                    @if ($device->room != 'none')
                                        <tr>
                                            <th>{{ $device->room }}</th>
                                            <th>{{ $device->name }} / {{ $device->serial_number }}</th>
                                            <th>Last Course</th>
                                            <th>Date</th>
                                            <th>Hour</th>
                                            <th>Sector</th>
                                            @if ($device->name != 'none')
                                                <th>Liée</th> {{-- Si salle déjà liée --}}
                                            @else
                                                <th>Non liée</th> {{-- Si salle non encore liée --}}
                                            @endif
                                        </tr>
                                    @endif
                                @endforeach
                            </tbody>
                            <tfoot style = "font-size : 15px">
                                <tr>
                                    <th>Salle</th>
                                    <th>Module / Numéro de Série</th>
                                    <th>Dernier Cours</th>
                                    <th>Date</th>
                                    <th>Heure</th>
                                    <th>Secteur</th>
                                    <th>Etat</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Options coefficients datatable --}}
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="border-bottom title-part-padding">
                    <h4 class="card-title mb-0">Coefficients de Temps</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="coefficientDatatable" class="table table-striped table-bordered display text-center file_export">
                            <thead style = "font-size : 15px">
                                <tr>
                                    <th>Filière</th>
                                    <th>Année</th>
                                    <th>Coefficient</th>
                                    <th>Date de modification</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($coefficients as $coefficient)
                                    <tr>
                                        <th>{{ $coefficient->option }}</th>
                                        <th>{{ $coefficient->year }}</th>
                                        <th>{{ $coefficient->coefficient }}</th>
                                        <th>{{ $coefficient->set_at }}</th>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot style = "font-size : 15px">
                                <tr>
                                    <th>Filière</th>
                                    <th>Année</th>
                                    <th>Coefficient</th>
                                    <th>Date de modification</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>


    {{-- Authentification --}}
    {{--  <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="border-bottom title-part-padding">
                    <h4 class="card-title mb-0">Authentifications</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="authentificationDatatable" class="table table-striped table-bordered display text-center">
                            <thead style = "font-size : 15px">
                                <tr>
                                    <th>ZK ID</th>
                                    <th>Nom</th>
                                    <th>Date / Heure</th>
                                    <th>Mode d'authentification</th>
                                    <th>Type d'authentification</th>
                                </tr>
                            </thead>
                            <tbody>  --}}
                                {{--  @foreach ($punches as $punch)
                                <tr>
                                    @foreach ($punch as $p)
                                        @if($p != 'Process')
                                            <th>{{ $p }}</th>
                                        @endif
                                    @endforeach
                                </tr>
                                @endforeach  --}}
                           {{--   </tbody>
                            <tfoot style = "font-size : 15px">
                                <tr>
                                    <th>ZK ID</th>
                                    <th>Nom</th>
                                    <th>Date / Heure</th>
                                    <th>Mode d'authentification</th>
                                    <th>Type d'authentification</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>  --}}

</div>