@extends('layouts.admin.main')

@section('style')
    <!-- Custom CSS -->
    <link href="{{ asset('assets/libs/fullcalendar/dist/fullcalendar.min.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/extra-libs/calendar/calendar.css') }}" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.css" />
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/libs/select2/dist/css/select2.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/extra-libs/prism/prism.css') }}">
    <link href="{{ asset('assets/extra-libs/toastr/dist/build/toastr.min.css') }}" rel="stylesheet">

@endsection


@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">Gestion 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="index.html">Administrateur</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Enseignants</li>
                        </ol>
                    </nav>
                    {{-- <button class="btn btn-danger text-white ms-3 d-none d-md-block">Buy Ample Admin</button> --}}
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- End Bread crumb and right sidebar toggle -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Container fluid  -->
        <!-- ============================================================== -->
        <div class="page-content container-fluid">
            <!-- ============================================================== -->
            <!-- User Table & Profile Cards Section  -->
            <!-- ============================================================== -->
            <div class="widget-content searchable-container list">

                <a
                    href="javascript:void(0)"
                    id="btn-add-contact"
                    class="btn btn-info mb-2"
                    data-bs-target="#addEnseignantModal"
                    data-bs-toggle="modal"
                >
                    <i class="mdi mdi-account-plus me-1"> </i>
                    Ajouter un enseignant
                </a>

                <div class="modal fade" id="addEnseignantModal"
                    tabindex="-1" role="dialog"
                    aria-labelledby="addContactModalTitle" aria-hidden="true">
                    <form action="{{ route("admin.storeEnseignant") }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header d-flex align-items-center">
                                    <h5 class="modal-title">Ajout d'un Enseignant</h5>
                                    <button type="button" class="btn-close"
                                        data-bs-dismiss="modal"
                                        aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    <div class="add-contact-box">
                                        <div class="add-contact-content">
                                            <div class="form-floating mb-3">
                                                <input
                                                    type="text"
                                                    class="form-control border border-primary"
                                                    id="c-matricule" name="matricule"
                                                    placeholder="Matricule"
                                                >
                                                <label>
                                                    <i data-feather="hash"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Matricule</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <input
                                                    type="file"
                                                    class="form-control border border-primary"
                                                    id="c-photo" name="photo"
                                                    accept="image/png, image/jpeg"
                                                    placeholder="Photo"
                                                >
                                                <label>
                                                    <i
                                                        data-feather="image"
                                                        class="feather-sm text-primary fill-white me-2"
                                                    ></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Photo</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <input type="text"
                                                    class="form-control border border-primary"
                                                    id="c-name" name="name"
                                                    placeholder="Prénoms et Nom"
                                                >
                                                <label>
                                                    <i data-feather="user"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Prénoms et Nom</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <input type="email"
                                                    class="form-control border border-primary"
                                                    id="c-email" name="email"
                                                    placeholder="Email"
                                                >
                                                <label>
                                                    <i data-feather="mail"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Email</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <input type="text"
                                                    class="form-control border border-primary"
                                                    id="c-phone" name="phone"
                                                    placeholder="Téléphone"
                                                >
                                                <label>
                                                    <i data-feather="phone"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Téléphone</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <input type="date"
                                                    class="form-control border border-primary"
                                                    id="c-date_naissance" name="date_naissance"
                                                    placeholder="Date de naissance"
                                                >
                                                <label>
                                                    <i data-feather="calendar"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Date de naissance</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <input type="text"
                                                    class="form-control border border-primary"
                                                    id="c-lieu_naissance" name="lieu_naissance"
                                                    placeholder="Lieu de naissance"
                                                >
                                                <label>
                                                    <i data-feather="map-pin"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Lieu de naissance</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <select
                                                    id="c-grade"
                                                    name="grade"
                                                    class="form-select border border-primary"
                                                    placeholder="Sélectionnez le grade"
                                                >
                                                    @foreach ($grades as $grade)
                                                        <option value="{{ $grade->name }}">{{ $grade->name }}</option>
                                                    @endforeach
                                                </select>
                                                <label>
                                                    <i data-feather="star"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Grade</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <input type="text"
                                                    class="form-control border border-primary"
                                                    id="c-corps" name="corps"
                                                    placeholder="Corps actuel"
                                                >
                                                <label>
                                                    <i data-feather="star"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Corps actuel</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <select
                                                    id="c-cts"
                                                    name="cts"
                                                    class="form-select border border-primary"
                                                    placeholder="Sélectionnez le CTS"
                                                >
                                                    @foreach ($sections['cts'] as $section)
                                                        <option value="{{ $section->name }}">{{ $section->name }}</option>
                                                    @endforeach
                                                </select>
                                                <label>
                                                    <i data-feather="book"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">CTS</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <select
                                                    id="c-css"
                                                    name="css"
                                                    class="form-select border border-primary"
                                                    placeholder="Sélectionnez le CSS"
                                                >
                                                    @foreach ($sections['css'] as $section)
                                                        <option value="{{ $section->name }}">{{ $section->name }}</option>
                                                    @endforeach
                                                </select>
                                                <label>
                                                    <i data-feather="book"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">CSS</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <select
                                                    id="c-genre"
                                                    name="genre"
                                                    class="form-select border border-primary"
                                                    placeholder="Sélectionnez le genre"
                                                >
                                                    <option value="H">Homme</option>
                                                    <option value="F">Femme</option>
                                                </select>
                                                <label>
                                                    <i
                                                        class="mdi mdi-human-male-female feather-sm text-primary fill-white me-2"
                                                    ></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Genre</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <input
                                                    type="text"
                                                    class="form-control border border-primary"
                                                    id="c-ifu" name="ifu"
                                                    placeholder="N° IFU"
                                                >
                                                <label>
                                                    <i data-feather="file-text"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">N° IFU</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <input
                                                    type="text"
                                                    class="form-control border border-primary"
                                                    id="c-numero_reference" name="numero_reference"
                                                    placeholder="N° de référence"
                                                >
                                                <label>
                                                    <i data-feather="file-text"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">N° de référence</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <select
                                                    id="c-programme"
                                                    name="programme"
                                                    class="form-select border border-primary"
                                                    placeholder="Programme"
                                                >
                                                    <option value="CCI">CCI</option>
                                                    <option value="SJPEG">Agrégation SJPEG</option>
                                                    <option value="MPOMVPA">Agrégation MPOMVPA</option>
                                                </select>
                                                <label>
                                                    <i data-feather="file-text"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Programme</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <input
                                                    type="text"
                                                    class="form-control border border-primary"
                                                    id="c-code_fiche" name="code_fiche"
                                                    placeholder="Code fiche"
                                                >
                                                <label>
                                                    <i data-feather="file-text"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Code fiche</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <input type="text"
                                                    class="form-control border border-primary"
                                                    id="c-annee_inscription_corps_actuel" name="annee_inscription_corps_actuel"
                                                    placeholder="Année d'inscription au corps actuel"
                                                >
                                                <label>
                                                    <i data-feather="calendar"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Année d'inscription au corps actuel</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <input
                                                    type="date"
                                                    class="form-control border border-primary"
                                                    id="c-date_prise_service" name="date_prise_service"
                                                    placeholder="Date de prise de service"
                                                >
                                                <label>
                                                    <i data-feather="calendar"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Date de prise de service</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <input type="text"
                                                    class="form-control border border-primary"
                                                    id="c-specialite" name="specialite"
                                                    placeholder="Spécialité"
                                                >
                                                <label>
                                                    <i data-feather="briefcase"
                                                        class="feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Spécialité</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <input type="text"
                                                    class="form-control border border-primary"
                                                    id="c-ufr_libelle" name="ufr_libelle"
                                                    placeholder="Libellé UFR"
                                                >
                                                <label>
                                                    <i class="mdi mdi-school feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Libellé UFR</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <input type="text"
                                                    class="form-control border border-primary"
                                                    id="c-ufr_sigle" name="ufr_sigle"
                                                    placeholder="Sigle UFR"
                                                >
                                                <label>
                                                    <i class="mdi mdi-school feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Sigle UFR</span>
                                                </label>
                                            </div>
                                            <div class="form-floating mb-3">
                                                <select
                                                    id="c-universite"
                                                    name="universite"
                                                    class="form-select border border-primary"
                                                    placeholder="Université"
                                                >
                                                    <option value="Université d'Abomey-Calavi">Université d'Abomey-Calavi</option>
                                                    <option value="Université_Privée">Université Privée</option>
                                                </select>
                                                <label>
                                                    <i class="fas fa-book feather-sm text-primary fill-white me-2"></i>
                                                    <span
                                                        class="border-start border-primary ps-3">Université</span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button
                                        id="btn-add"
                                        type="submit"
                                        class="btn btn-success rounded-pill px-4"
                                    >
                                        Ajouter
                                    </button>
                                    <button
                                        class="btn btn-danger rounded-pill px-4"
                                        data-bs-dismiss="modal"
                                    >
                                        Fermer
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>

                <!-- Begin Table -->
                <div class="card card-body">
                    <div class="table-responsive">
                        <table id="myTable" class="table display table-bordered table-striped no-wrap">
                            <thead>
                                <th>#</th>
                                <th>Nom</th>
                                <th>Contact</th>
                                <th>Grade</th>
                                <th>CTS</th>
                                <th>CSS</th>
                                <th>Corps actuel</th>
                                <th>Programme</th>
                                <th>Code fiche</th>
                                <th>Numéro de référence</th>
                                <th>Sexe</th>
                                <th>Date de naissance</th>
                                <th>Lieu de naissance</th>
                                <th>IFU</th>
                                <th>Date de prise de service</th>
                                <th>Année d'inscription au corps actuel</th>
                                <th>Spécialité</th>
                                <th>Université</th>
                                <th>Actions</th>
                            </thead>
                            <tbody>
                                @php $i = 1;@endphp
                                @foreach ($enseignants as $enseignant)
                                        <tr>
                                            <td>
                                                <div>
                                                    {{ $i++ }}
                                                </div>
                                            </td>
                                            <td>
                                                <div class="d-flex align-items-center">
                                                    @if($enseignant->photo)
                                                        <img src="{{ config('app.aws_url') . $enseignant->photo }}" class="rounded-circle" alt="user" width="50">
                                                    @else
                                                                                                                <img src="{{ $avatar_url }}" id="photo-preview" class="rounded-circle" alt="user" width="40">
                                                    @endif
                                                    {{-- <span class="round rounded-circle text-white d-inline-block text-center bg-info">EA</span> --}}
                                                    <div class="d-flex justify-content-center align-items-center mx-auto">
                                                        <div class="user-meta-info d-flex flex-column justify-content-center">
                                                            <h5 class="user-name mb-0" data-name="{{ $enseignant->prenoms .' '. $enseignant->nom }}">
                                                                {{ $enseignant->prenoms .' '. $enseignant->nom }}
                                                            </h5>
                                                            <small class="user-matricule text-muted" data-matricule="{{ $enseignant->matricule }}">
                                                                {{ $enseignant->matricule }}
                                                            </small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="text-center align-items-center justify-content-center">
                                                <div class="d-flex flex-column">
                                                    <span class="font-weight-medium">{{ $enseignant->email }}</span>
                                                    <small class="text-muted">{{ $enseignant->contacts }}</small>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="user-meta-info">
                                                    <span class="user-work font-weight-medium" data-grade="{{ $enseignant->corps_actuel_libelle }}">
                                                        {{ $enseignant->corps_actuel_libelle }}
                                                    </span>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <h6 class="usr-email-addr font-weight-medium" data-cts="{{ $enseignant->cts }}">
                                                        {{ $enseignant->cts }}
                                                    </h6>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <h6 class="font-weight-medium" data-css="{{ $enseignant->css }}">
                                                        {{ $enseignant->css }}
                                                    </h6>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <h6 class="font-weight-medium">
                                                        {{ $enseignant->corps_actuel_libelle }}
                                                    </h6>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <h6 class="font-weight-medium">
                                                        {{ $enseignant->programme }}
                                                    </h6>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <h6 class="font-weight-medium">
                                                        {{ $enseignant->code_fiche }}
                                                    </h6>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <h6 class="font-weight-medium">
                                                        {{ $enseignant->numero_reference }}
                                                    </h6>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <h6 class="font-weight-medium">
                                                        @if($enseignant->genre == "H")
                                                            M
                                                        @elseif ($enseignant->genre == "F")
                                                            F
                                                        @endif
                                                    </h6>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <h6 class="font-weight-medium">
                                                        {{ $enseignant->date_naissance }}
                                                    </h6>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <h6 class="font-weight-medium">
                                                        {{ $enseignant->lieu_naissance }}
                                                    </h6>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <h6 class="font-weight-medium">
                                                        {{ $enseignant->ifu }}
                                                    </h6>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <h6 class="font-weight-medium">
                                                        {{ $enseignant->date_prise_service }}
                                                    </h6>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <h6 class="font-weight-medium">
                                                        {{ $enseignant->annee_inscription_corps_actuel }}
                                                    </h6>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <h6 class="font-weight-medium">
                                                        {{ $enseignant->specialite_sollicite }}
                                                    </h6>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <h6 class="font-weight-medium">
                                                        {{ $enseignant->ufr_libele }} ({{ $enseignant->sigle_ufr }})
                                                    </h6>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="justify-content-left">
                                                    <a
                                                        href=""
                                                        data-bs-toggle="dropdown"
                                                        class="text-info edit"
                                                    >
                                                        <i class="mdi mdi-dots-vertical" style="font-size: 20px"></i>
                                                    </a>
                                                    <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                                        <a
                                                            class="dropdown-item"
                                                            href="javascript:void(0);"
                                                            data-bs-target="#editEnseignantModal-{{ $enseignant->id }}"
                                                            data-bs-toggle="modal"
                                                        >
                                                            <i class="mdi mdi-pencil"></i>
                                                            Modifier
                                                        </a>
                                                        <a
                                                            class="dropdown-item"
                                                            href="javascript:void(0);"
                                                            data-bs-target="#deleteEnseignantModal-{{ $enseignant->id }}"
                                                            data-bs-toggle="modal"
                                                        >
                                                            <i class="mdi mdi-delete"></i>
                                                            Supprimer
                                                        </a>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>

                                        <!-- Begin Edit Modal -->
                                        <div class="modal fade" id="editEnseignantModal-{{ $enseignant->id }}" tabindex="-1" role="dialog" aria-labelledby="addContactModalTitle" aria-hidden="true">
                                            <form action="{{ route("admin.updateEnseignant", ['id' => $enseignant->id]) }}" method="POST" enctype="multipart/form-data">
                                                @csrf
                                                @method('PATCH')
                                                <div class="modal-dialog modal-dialog-centered" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header d-flex align-items-center">
                                                            <h5 class="modal-title">Modification des informations d'un Enseignant</h5>
                                                            <button type="button" class="btn-close"
                                                                data-bs-dismiss="modal"
                                                                aria-label="Close"></button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div class="add-contact-box">
                                                                <div class="add-contact-content">
                                                                    <div class="form-floating mb-3">
                                                                        <input
                                                                            type="text"
                                                                            class="form-control border border-primary"
                                                                            id="c-matricule"
                                                                            name="matricule"
                                                                            value="{{ $enseignant->matricule }}"
                                                                            placeholder="Matricule"
                                                                        >
                                                                        <label>
                                                                            <i data-feather="hash"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Matricule</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <input
                                                                            type="file"
                                                                            class="form-control border border-primary"
                                                                            id="c-photo" name="photo"
                                                                            accept="image/png, image/jpeg"
                                                                            placeholder="Photo"
                                                                        >
                                                                        <label>
                                                                            <i
                                                                                data-feather="image"
                                                                                class="feather-sm text-primary fill-white me-2"
                                                                            ></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Photo</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <input type="text"
                                                                            class="form-control border border-primary"
                                                                            id="c-name"
                                                                            name="name"
                                                                            value="{{ $enseignant->prenoms .' '. $enseignant->nom }}"
                                                                            placeholder="Prénoms et Nom"
                                                                        >
                                                                        <label>
                                                                            <i data-feather="user"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Prénoms et Nom</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <input type="email"
                                                                            class="form-control border border-primary"
                                                                            id="c-email"
                                                                            name="email"
                                                                            value="{{ $enseignant->email }}"
                                                                            placeholder="Email"
                                                                        >
                                                                        <label>
                                                                            <i data-feather="mail"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Email</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <input type="text"
                                                                            class="form-control border border-primary"
                                                                            id="c-phone"
                                                                            name="phone"
                                                                            value="{{ $enseignant->contacts }}"
                                                                            placeholder="Téléphone"
                                                                        >
                                                                        <label>
                                                                            <i data-feather="phone"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Téléphone</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <input type="date"
                                                                            class="form-control border border-primary"
                                                                            id="c-date_naissance"
                                                                            name="date_naissance"
                                                                            value="{{ $enseignant->date_naissance }}"
                                                                            placeholder="Date de naissance"
                                                                        >
                                                                        <label>
                                                                            <i data-feather="calendar"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Date de naissance</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <input type="text"
                                                                            class="form-control border border-primary"
                                                                            id="c-lieu_naissance"
                                                                            name="lieu_naissance"
                                                                            value="{{ $enseignant->lieu_naissance }}"
                                                                            placeholder="Lieu de naissance"
                                                                        >
                                                                        <label>
                                                                            <i data-feather="map-pin"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Lieu de naissance</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <select
                                                                            id="c-grade"
                                                                            name="grade"
                                                                            class="form-select border border-primary"
                                                                            placeholder="Sélectionnez le grade"
                                                                        >
                                                                            @foreach ($grades as $grade)
                                                                                <option
                                                                                    value="{{ $grade->name }}"
                                                                                    @if ($enseignant->grade == $grade->name)
                                                                                        selected
                                                                                    @endif
                                                                                >
                                                                                    {{ $grade->name }}
                                                                                </option>
                                                                            @endforeach
                                                                        </select>
                                                                        <label>
                                                                            <i data-feather="star"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Grade</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <input type="text"
                                                                            class="form-control border border-primary"
                                                                            id="c-corps"
                                                                            name="corps"
                                                                            value="{{ $enseignant->corps_actuel_libelle }}"
                                                                            placeholder="Corps actuel"
                                                                        >
                                                                        <label>
                                                                            <i data-feather="star"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Corps actuel</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <select
                                                                            id="c-cts"
                                                                            name="cts"
                                                                            class="form-select border border-primary"
                                                                            placeholder="Sélectionnez le CTS"
                                                                        >
                                                                            @foreach ($sections['cts'] as $section)
                                                                                <option
                                                                                    value="{{ $section->name }}"
                                                                                    @if($enseignant->cts == $section->name)
                                                                                        selected
                                                                                    @endif
                                                                                >
                                                                                    {{ $section->name }}
                                                                                </option>
                                                                            @endforeach
                                                                        </select>
                                                                        <label>
                                                                            <i data-feather="book"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">CTS</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <select
                                                                            id="c-css"
                                                                            name="css"
                                                                            class="form-select border border-primary"
                                                                            placeholder="Sélectionnez le CSS"
                                                                        >
                                                                            @foreach ($sections['css'] as $section)
                                                                                <option
                                                                                    value="{{ $section->name }}"
                                                                                    @if($enseignant->css == $section->name)
                                                                                        selected
                                                                                    @endif
                                                                                >
                                                                                    {{ $section->name }}
                                                                                </option>
                                                                            @endforeach
                                                                        </select>
                                                                        <label>
                                                                            <i data-feather="book"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">CSS</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <select
                                                                            id="c-genre"
                                                                            name="genre"
                                                                            class="form-select border border-primary"
                                                                            placeholder="Sélectionnez le genre"
                                                                        >
                                                                            <option value="H" @if($enseignant->genre == "H") selected @endif>Homme</option>
                                                                            <option value="F" @if($enseignant->genre == "F") selected @endif>Femme</option>
                                                                        </select>
                                                                        <label>
                                                                            <i
                                                                                class="mdi mdi-human-male-female feather-sm text-primary fill-white me-2"
                                                                            ></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Genre</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <input
                                                                            type="text"
                                                                            class="form-control border border-primary"
                                                                            id="c-ifu"
                                                                            name="ifu"
                                                                            value="{{ $enseignant->ifu }}"
                                                                            placeholder="N° IFU"
                                                                        >
                                                                        <label>
                                                                            <i data-feather="file-text"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">N° IFU</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <input
                                                                            type="text"
                                                                            class="form-control border border-primary"
                                                                            id="c-numero_reference"
                                                                            name="numero_reference"
                                                                            value="{{ $enseignant->numero_reference }}"
                                                                            placeholder="N° de référence"
                                                                        >
                                                                        <label>
                                                                            <i data-feather="file-text"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">N° de référence</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <select
                                                                            id="c-programme"
                                                                            name="programme"
                                                                            class="form-select border border-primary"
                                                                            placeholder="Programme"
                                                                        >
                                                                            <option
                                                                                value="CCI"
                                                                                @if($enseignant->programme == "CCI") selected @endif
                                                                            >CCI</option>
                                                                            <option
                                                                                value="SJPEG"
                                                                                @if($enseignant->programme == "SJPEG") selected @endif
                                                                            >Agrégation SJPEG</option>
                                                                            <option
                                                                                value="MPOMVPA"
                                                                                @if($enseignant->programme == "MPOMVPA") selected @endif
                                                                            >Agrégation MPOMVPA</option>
                                                                        </select>
                                                                        <label>
                                                                            <i data-feather="file-text"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Programme</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <input
                                                                            type="text"
                                                                            class="form-control border border-primary"
                                                                            id="c-code_fiche"
                                                                            name="code_fiche"
                                                                            value="{{ $enseignant->code_fiche }}"
                                                                            placeholder="Code fiche"
                                                                        >
                                                                        <label>
                                                                            <i data-feather="file-text"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Code fiche</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <input type="text"
                                                                            class="form-control border border-primary"
                                                                            id="c-annee_inscription_corps_actuel"
                                                                            name="annee_inscription_corps_actuel"
                                                                            value="{{ $enseignant->annee_inscription_corps_actuel }}"
                                                                            placeholder="Année d'inscription au corps actuel"
                                                                        >
                                                                        <label>
                                                                            <i data-feather="calendar"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Année d'inscription au corps actuel</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <input
                                                                            type="date"
                                                                            class="form-control border border-primary"
                                                                            id="c-date_prise_service"
                                                                            name="date_prise_service"
                                                                            value="{{ $enseignant->date_prise_service }}"
                                                                            placeholder="Date de prise de service"
                                                                        >
                                                                        <label>
                                                                            <i data-feather="calendar"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Date de prise de service</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <input type="text"
                                                                            class="form-control border border-primary"
                                                                            id="c-specialite"
                                                                            name="specialite"
                                                                            value="{{ $enseignant->specialite_sollicite }}"
                                                                            placeholder="Spécialité"
                                                                        >
                                                                        <label>
                                                                            <i data-feather="briefcase"
                                                                                class="feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Spécialité</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <input type="text"
                                                                            class="form-control border border-primary"
                                                                            id="c-ufr_libelle"
                                                                            name="ufr_libelle"
                                                                            value="{{ $enseignant->ufr_libele }}"
                                                                            placeholder="Libellé UFR"
                                                                        >
                                                                        <label>
                                                                            <i class="mdi mdi-school feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Libellé UFR</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <input type="text"
                                                                            class="form-control border border-primary"
                                                                            id="c-ufr_sigle"
                                                                            name="ufr_sigle"
                                                                            value="{{ $enseignant->sigle_ufr }}"
                                                                            placeholder="Sigle UFR"
                                                                        >
                                                                        <label>
                                                                            <i class="mdi mdi-school feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Sigle UFR</span>
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-floating mb-3">
                                                                        <select
                                                                            id="c-universite"
                                                                            name="universite"
                                                                            class="form-select border border-primary"
                                                                            placeholder="Université"
                                                                        >
                                                                            <option
                                                                                value="Université d'Abomey-Calavi"
                                                                                @if($enseignant->universite_libele == "Université d'Abomey-Calavi")
                                                                                    selected
                                                                                @endif
                                                                            >
                                                                                Université d'Abomey-Calavi
                                                                            </option>
                                                                            <option
                                                                                value="Université_Privée"
                                                                                @if($enseignant->universite_libele == "Université_Privée")
                                                                                    selected
                                                                                @endif
                                                                            >
                                                                                Université Privée
                                                                            </option>
                                                                        </select>
                                                                        <label>
                                                                            <i class="fas fa-book feather-sm text-primary fill-white me-2"></i>
                                                                            <span
                                                                                class="border-start border-primary ps-3">Université</span>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button
                                                                id="btn-add"
                                                                type="submit"
                                                                class="btn btn-success rounded-pill px-4"
                                                            >
                                                                Ajouter
                                                            </button>
                                                            <button
                                                                class="btn btn-danger rounded-pill px-4"
                                                                data-bs-dismiss="modal"
                                                            >
                                                                Fermer
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <!-- End Edit Modal -->

                                        <!-- Begin Delete Modal -->
                                        <div id="deleteEnseignantModal-{{ $enseignant->id }}" class="modal fade" tabindex="-1" aria-labelledby="bs-example-modal-md" aria-hidden="true">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                    <div class="modal-header d-flex align-items-center">
                                                        <h4 class="modal-title" id="myModalLabel">Suppression d'un enseignant</h4>
                                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <p>
                                                            Voulez-vous vraiment supprimer l'enseignant {{ $enseignant->prenoms .' '. $enseignant->nom }}
                                                            de la base de données
                                                        </p>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <form action="{{ route('admin.deleteEnseignant', ['id' => $enseignant->id]) }}" method="GET">
                                                            @csrf
                                                            <button
                                                                type="submit"
                                                                class="btn btn-outline-danger font-weight-medium waves-effect"
                                                            >Supprimer</button>
                                                        </form>
                                                        <button
                                                            type="button"
                                                            class="btn btn-light-danger text-danger font-weight-medium waves-effect"
                                                            data-bs-dismiss="modal"
                                                        >Close</button>
                                                    </div>
                                                </div>
                                                <!-- /.modal-content -->
                                            </div>
                                            <!-- /.modal-dialog -->
                                        </div>
                                        <!-- End Delete Modal -->
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- End Table -->
            </div>

        </div>
        <!-- ============================================================== -->
        <!-- End Container fluid  -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- footer -->
        <!-- ============================================================== -->
        @include('layouts.admin.footer')
        <!-- ============================================================== -->
        <!-- End footer -->
        <!-- ============================================================== -->
    </div>
@endsection


@section('script')
    <!-- This Page JS -->
    <script src="{{ asset('assets/libs/apexcharts/dist/apexcharts.min.js') }}"></script>
    <script src="{{ asset('assets/js/pages/dashboards/dashboard1.js') }}"></script>
    <script src="{{ asset('assets/libs/moment/min/moment.min.js') }}"></script>
    <script src="{{ asset('assets/libs/fullcalendar/dist/fullcalendar.min.js') }}"></script>
    <script src="{{ asset('assets/js/pages/calendar/cal-init.js') }}"></script>

    <script src="{{ asset('assets/js/pages/contact/contact.js') }}"></script>
    <script src="{{ asset('assets/libs/select2/dist/js/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/libs/select2/dist/js/select2.min.js') }}"></script>
    <script src="{{ asset('assets/js/pages/forms/select2/select2.init.js') }}"></script>
    <script src="{{ asset('assets/extra-libs/prism/prism.js') }}"></script>
    <script src="{{ asset('assets/extra-libs/toastr/dist/build/toastr.min.js') }}"></script>
    {{-- <script src="{{ asset('assets/extra-libs/toastr/toastr-init.js') }}"></script> --}}

    <script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.js"></script>
    <script>
        function submitForm(userId) {
            document.getElementById('updateRoleForm-' + userId).submit();
        }

        let table = new DataTable('#myTable', {
            // options
            columnDefs: [{ className: "dt-center", targets: "_all" }],
            //     columns: [
            //       {  title: "Id", className: "text-center", visible: false},
            //       {  title: "Nom de la diffusion", className: "text-center" },
            //       {  title: "Type de programme", className: "text-center" },
            //       {  title: "Type de diffusion", className: "text-center", },
            // ]
        });
        // Validation Process

        var $_getValidationField = document.getElementsByClassName('validation-text');
        var reg = /^.+@[^\.].*\.[a-z]{2,}$/;
        var phoneReg = /^\d{10}$/;

        console.log("SUCCESS :" + @json(session('success')));

        if (@json(session('success')) == true) {
            toastr.success('L\'affectation s\'est bien déroulée.', @json(session('message')));
        }
    </script>
@endsection