@php
    $filieres = ShowCards();
    $colors = CardsColors();
    // $infos = DeviceInfos();
@endphp
@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">Paramètres</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')}}">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Paramètres</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.StudentsCards')
            {{--  @include('partials.TeachersCards')  --}}
            {{-- @include('Classrooms.ParametersContents') --}}

            {{-- 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"> Ce coefficient est compris entre 25 et 100%. Il représente le taux de présence obligatoire à une séance de cours.
                                        </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">On configure une salle de cours en lui donnant une dénomination unique avec
                                        comme possibilité de la coupler à un module ZK préenregistré et non encore utilisé.</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->serial_number }}" > {{ $device->name }} / {{ $device->serial_number }} </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 à renseigner sont récupérables dans le module.
                                            </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>Numero de série :</h5>
                                            <input type="text" name="serial_number" class="form-control" id="serial_number" placeholder="Ex : 14255392053" required>
                                            {{-- <h5>Adresse MAC :</h5>
                                            <input type="text" name="mac_address" class="form-control" id="mac_address" placeholder="Ex : 14:25:36:74:85" required> --}}
                                            <h5>Adresse IP (Ethernet):</h5>
                                            <input type="text" name="ip_address" class="form-control" id="ip_address" placeholder="Ex : 192.168.1.201" required>
                                            <h5>Adresse IP (WiFi):</h5>
                                            <input type="text" name="last_ip_address" class="form-control" id="last_ip_address" placeholder="Ex : 192.168.43.156" 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">
                                    <!-- <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">
                                        <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">
                                        <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>
        </div>
    @endsection

    @section('script')
        <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>
    @endsection