@extends('layouts.template')
@section('nom')
    Dashboard / {{ session('sigle') }}
@endsection
@section('name', 'GestStudentValidation')
@section('bottom-header')
    @include('partials.bottom-header')
@endsection
@section('css')

<link href=" {{asset('assets/extra-libs/datatables.net-bs4/css/dataTables.bootstrap4.css')}} " rel="stylesheet">
 <link rel="stylesheet" type="text/css"
     href=" {{asset('assets/extra-libs/datatables.net-bs4/css/responsive.dataTables.min.css')}} ">

     <link href="{{asset('dist/css/style.min.css')}} " rel="stylesheet">
     <style>
        .my-popup {
            width: 700px !important;
        }

        .my-title {
            color: #ff7676 !important;
        }

    </style>
@endsection
@section('contenu')
    <div class="row">
        <div class="row ">
            {{-- //  Permet au message de bienvenu de s'afficher uniquement sur la page home --}}
            <input type="text" value="30" id="notif" style="display: none">
            {{-- //------------------------------------------------------------------------- --}}
            <div class="col-md-6 col-lg-3">
                <div class="card">
                    <div class="card-body">
                        <h2 class="card-title" style="font-family: ">ANNÉE ACADEMIQUE</h2>
                        <div class="d-flex align-items-center mb-2 mt-4">
                            <h2 class="mb-0 display-5"><i class="icon-calculator text-info"></i></h2>
                            <div class="ms-auto">
                                <h4 class="mb-0 display-7">
                                    <span class="fw-normal">{{ session('year') - 1 }}-{{ session('year') }}</span>
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="card">
                    <div class="card-body">
                        <h3 class="card-title">EFFECTIF TOTAL</h3>
                        <div class="d-flex align-items-center mb-2 mt-4">
                            <h2 class="mb-0 display-5"><i class="icon-people text-pulpe"></i></h2>
                            <div class="ms-auto">
                                <h4 id="total_number" class="mb-0 display-7">
                                    {{ session('effectifFille') + session('effectifGarcon') }}</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="card">
                    <div class="card-body">
                        <h3 class="card-title">FILLES</h3>
                        <div class="d-flex align-items-center mb-2 mt-4">
                            <h2 class="mb-0 display-5"><i class="icon-user-female text-danger"></i></h2>
                            <div class="ms-auto">
                                <h4 id="number_girls" class="mb-0 display-7">{{ session('effectifFille') }}</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="card">
                    <div class="card-body">
                        <h3 class="card-title">GARÇONS</h3>
                        <div class="d-flex align-items-center mb-2 mt-4">
                            <h2 class="mb-0 display-5"><i class="icon-user text-success"></i></h2>
                            <div class="ms-auto">
                                <h4 id="number_boys" class="mb-0 display-7">{{ session('effectifGarcon') }}</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 col-lg-6">
                <div class="card">
                    <div class="card-body">
                    
                        <h3 class="card-title">Enregistrement par QR code </h3>
                        <div id="option_auto" align="center">
                            <a href="{{ route('val_auto') }}" target="_blank"><img class="img-fluid "
                                    src="../assets/images/validation/po1.png"
                                    title="Scanner la zone QR de la fiche de préinscription de l'étudiant, faites confirmer les informations par l'étudiant. Suivez les étapes puis valider l'inscription en quelque clics.">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-lg-6">
                <div class="card">
                    <div class="card-body">
                        <h3 class="card-title">Option Standard</h3>
                        <div id="option_manu" style="text-align:center">
                            <a href="{{ route('val_manu') }}" target="_blank"><img class="img-fluid "
                                    src="../assets/images/validation/po2.png"
                                    title="Saisissez les informations relatives à l'étudiant. Suivez les étapes puis validez l'inscription en quelque clics.">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

       
        <div class="container page-content">
            <div class="row mx-auto mt-5 mb-0">
                <div class="col-12">
                    <div class="card">
                        <div class="border-bottom title-part-padding">
        
                            <h5 class="card-title mb-0">METTRE A JOUR VOTRE COMPTE</h5>  
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table id="zero_config" class="table table-striped table-bordered display">
                                    <thead class="fs-4 fw-bold" style="color: {{ session('couleurText1') }}; background-color: {{ session('etablissementFirstLight')}};">
                                        <tr>
                                            <th scope="col" class="border-0 font-weight-medium text-center">#</th>
                                            <th scope="col" class="border-0 font-weight-medium text-center">PHOTO</th>
                                            <th scope="col" class="border-0 font-weight-medium text-center">MATRICULE</th>
                                            <th scope="col" class="border-0 font-weight-medium text-center">NOM & PRENOM</th>
                                            <th scope="col" class="border-0 font-weight-medium text-center">USERNAME</th>
                                            <th scope="col" class="border-0 font-weight-medium text-center">EMAIL</th>
                                            <th scope="col" class="border-0 font-weight-medium text-center">TELEPHONE</th>
                                            <th scope="col" class="border-0 font-weight-medium text-center">CATEGORIE</th>
                                            <th scope="col" class="border-0 font-weight-medium text-center">ACTIONS</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="text-center">1</td>
                                            <td class="text-center"><img src="{{config('app.aws_url').session('photo')}}"
                                                    height="60" width="60"></td>
                                            <td class="text-center">{{ session('matricule') }}</td>
                                            <td class="font-medium">{{ session('nom') . ' ' . session('prenom') }}</td>
                                            <td class="text-center"> {{ session('username') }} </td>
                                            <td class="text-center"> {{ session('email') }} </td>
                                            <td class="text-center"> {{ session('phone') }} </td>
                                            <td class="text-center">
                                                <select class="form-control">
                                                    <option value='1' selected>{{ App\Http\Helpers\UserHelpers::userRole(session('type_user') )}}</option>
                                                </select>
                                            </td>
                                            <td class="text-center">
                                                <div class="button">
                                                    <button type="button1" onclick="sweet()"
                                                        class="btn btn-outline btn-circle btn-lg m-r-5 editer" 
                                                        style="color: {{ session('couleurText1') }}; background-color: {{ session('etablissementCouleur1')}}; hover:background-color: {{ session('etablissementFirstLight')}}">
                                                        <i class="ti-pencil-alt"></i>
                                                    </button>
                                                </div>
        
                                                <template id="info-template">
                                                    <swal-title>
                                                        Changer d'établissement
                                                    </swal-title>
                                                    <swal-html>
                                                        <form class="form-material" action="{{ route('user.update') }}" style="display: block; overflow-x: hidden;" method="POST">
                                                           @csrf
                                                            <div class="row">
                                                                <label class="col-sm-5 mt-2 text-end fs-5"
                                                                    style="font-weight: bold;" for="matricule">
                                                                    <strong>Matricule:</strong></label>
                                                                <div class="col-sm-5">
                                                                    <input required type="text"
                                                                        class="form-control form-control-line fs-5"
                                                                        value="{{ session('matricule') }}" readonly id="matricule"
                                                                        name="matricule">
                                                                </div>
                                                            </div>
        
                                                            <div class="row">
                                                                <label class="col-sm-5 mt-2 text-end fs-5"
                                                                    style="font-weight: bold;" for="name">Nom:</label>
                                                                <div class="col-sm-5">
                                                                    <input required type="text"
                                                                        class="form-control form-control-line fs-5" placeholder=""
                                                                        value="{{ session('nom') }}" readonly id="name"
                                                                        name="name">
        
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <label class="col-sm-5 mt-2 text-end fs-5"
                                                                    style="font-weight: bold;" for="prenom">Prénom:</label>
                                                                <div class="col-sm-5">
                                                                    <input required type="text"
                                                                        class="form-control form-control-line fs-5" placeholder=""
                                                                        value="{{ session('prenom') }}" readonly id="prenom"
                                                                        name="prenom">
                                                                </div>
        
                                                            </div>
                                                            <div class="row">
                                                                <label class="col-sm-5 mt-2 text-end fs-5"
                                                                    style="font-weight: bold;" for="DateNaissance">Email:</label>
                                                                <div class="col-sm-5">
                                                                    <input required type="text" id="email"
                                                                        class="form-control fs-5"
                                                                        placeholder="{{ session('email') }}" value="{{ session('email') }}"
                                                                        name="email">
                                                                </div>
        
                                                            </div>
        
                                                            <div class="row">
                                                                <label class="col-sm-5 mt-2 text-end fs-5"
                                                                    style="font-weight: bold;" for="LieuNaissance">Phone</label>
                                                                <div class="col-sm-5">
                                                                    <input required type="text" class="form-control fs-5"
                                                                        placeholder="{{ session('phone') }}" id="Phone"
                                                                        name="phone" value="{{ session('phone') }}">
                                                                </div>
        
                                                            </div>
        
                                                            <div class="row">
        
                                                                <label class="col-sm-5 mt-2 text-end fs-5" for="DValidation"
                                                                    class=" col-form-label fw-bold">Catégorie:</label>
        
                                                                <div class="col-lg-6 col-12  input-modal">
                                                                    <select style="border-style: none" class="form-control fs-5">
                                                                        <option value='' selected>{{ App\Http\Helpers\UserHelpers::userRole(session('type_user') )}}
                                                                        </option>
                                                                    </select>
                                                                </div>
        
        
                                                            </div>
                                                            <div class="row">
        
                                                                <label class="col-sm-5 mt-2 text-end fs-5" class=" col-form-label fw-bold">Etablissement :</label>
        
                                                                <div class="col-lg-6 col-12  input-modal">
                                                                    <select style="border-style: none"  name="etablissement"  class="form-control fs-5">
                                                                        @if (intval (session('type_user')) == 3)
                                                                            @php
                                                                                $etablissements= App\Http\Helpers\UserHelpers::getUserEta();         
                                                                            @endphp
                                                                            @foreach ($etablissements as $eta)
                                                                                <option value='{{ $eta['idEtablissement'] }}' {{ (session('idEta') == $eta['idEtablissement']) ? 'selected' : '' }}>{{ $eta['sigle'] }}</option>
                                                                            @endforeach
                                                                        @else
                                                                            <option value='{{ session('idEta') }}' selected>{{ session('sigle') }}</option>
                                                                        @endif
                                                                    </select>
                                                                </div>
        
                                                            </div>
                                                        </form>
                                                    </swal-html>
                                                    <swal-button type="confirm" style="color: {{ session('couleurText1') }}; background-color: {{ session('etablissementCouleur1')}};">
                                                        Sauvegarder
                                                    </swal-button>
                                                    <swal-button type="cancel">
                                                        Annuler
                                                    </swal-button>
        
                                                    <swal-param name="allowEscapeKey" value="true" />
                                                    <swal-param name="customClass" value='{ "popup": "my-popup", "title": "my-title text-start" }' />
                                                </template>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection

    @section('script')
     <!--This page plugins -->
     <script src="../assets/extra-libs/datatables.net/js/jquery.dataTables.min.js"></script>
     <script src="../assets/extra-libs/datatables.net-bs4/js/dataTables.responsive.min.js"></script>
     <script src="../../dist/js/pages/datatable/datatable-basic.init.js"></script>

        <script src="/dist/js/pages/datatable/datatable-advanced.init.js"></script>
        <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
        <script>
            var sweet = function() {

                Swal.fire({
      
                    template: '#info-template'
                }).then((result)=>{
                    if(result.isConfirmed){
                        $('.form-material').submit();
                    }
                })
            }
        </script>
        <script>
            if ("