@extends('layouts.base', [
	"breadcrumb" => [  // see partials/breadcrumb.blade.php for default options
		"title" => "EDITER UNE UNITÉ D'ENSEIGNEMENT",
		// "showNav" => true,
		"nav" => [
			"Dashboard" => route("home"),
			"Unité d'Enseignement" => "",
			],
		"btnText" => "GestStudent v17.04",
	]
])

@section('title', "Liste des unités d'enseignement | GestStudent Admin")

@section('css')
	<link href="{{ asset('assets/extra-libs/datatables.net-bs4/css/dataTables.bootstrap4.css') }}" rel="stylesheet">
	<link href="{{ asset('assets/extra-libs/datatables.net-bs4/css/responsive.dataTables.min.css') }}" rel="stylesheet">
    <style>
        .form-select{ 
			background-image:url({{asset('assets/images/custom-select.png')}});
		}

        th, td {
			text-align: center;
		}
    </style>
@endsection

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="border-bottom title-part-padding">
                    <div class="row">
                        <div class="col-md-4 col-sm-12 text-center mb-2">
                            <button class="btn btn-primary"
                                data-bs-toggle="modal" data-bs-target="#add-unite"
                            >
                                <i class="fas fa-plus"></i>
                                Encodage
                            </button>
                            <div id="add-unite" class="modal fade" tabindex="-1" aria-labelledby="add-unite" aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header d-flex align-items-center border-bottom">
                                            <h4 class="modal-title text-info" id="myModalLabel">Ajouter une Unité d'Enseignement</h4>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <form action="" method="post" class="form-material">
                                                <div class="form-group row">
                                                    <label class="control-label text-end col-md-4 font-weight-medium">Code UE :</label>
                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                        <input type="text" class="form-control" placeholder="Saisir le code de l'UE">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="control-label text-end col-md-4 font-weight-medium">Semestre :</label>
                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                        <select class="form-control">
                                                            <option>Choisir le semestre</option>
                                                            <option>2</option>
                                                            <option>3</option>
                                                            <option>4</option>
                                                            <option>5</option>
                                                            <option>6</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="control-label text-end col-md-4 font-weight-medium">Année d'étude :</label>
                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                        <select class="form-control">
                                                            <option>Choisir l'année d'étude</option>
                                                            <option value="1">Première année</option>
                                                            <option value="2">Deuxième année</option>
                                                            <option value="3">Troisième année</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="control-label text-end col-md-4 font-weight-medium">Niveau formation :</label>
                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                        <select class="form-control">
                                                            <option value="">Choisir le niveau de la formation</option>
                                                            <option value="1">Licence</option>
                                                            <option value="2">Master</option>
                                                            <option value="3">Doctorat</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="control-label text-end col-md-4 font-weight-medium">Année académique :</label>
                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                        <select class="form-control">
                                                            <option value="1">2021-2022</option>
                                                            <option value="2">2020-2021</option>
                                                            <option value="3">2019-2020</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="control-label text-end col-md-4 font-weight-medium">Filière :</label>
                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                        <select class="form-control">
                                                            <option value="">Choisir la filière</option>
                                                            <option value="1">Outils pour le Développement Logiciel(ODL)</option>
                                                            <option value="2">Systèmes de Virtualisation(SV)</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="control-label text-end col-md-4 font-weight-medium">Intitulé de l'UE :</label>
                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                        <input type="text" class="form-control" placeholder="Saisir l'intitulé de l'UE">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="control-label text-end col-md-4 font-weight-medium">Crédit de l'UE :</label>
                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                        <input type="numeric" class="form-control" placeholder="crédit de l'UE">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="control-label text-end col-md-4 font-weight-medium">Type de l'UE :</label>
                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                        <select class="form-control">
                                                            <option value="">Choisir le type de l'UE</option>
                                                            <option value="0">Unité de Connaissances Fondamentales</option>
                                                            <option value="1">Unité de découverte ou de spécialité</option>
                                                            <option value="2">Unité de Méthodologie</option>
                                                            <option value="3">Unité de Culture Générale</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="control-label text-end col-md-4 font-weight-medium">Moyenne pondérée :</label>
                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                        <select class="form-control">
                                                            <option value="NO">NO</option>
                                                            <option value="YES">YES</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="control-label text-end col-md-4 font-weight-medium">Responsable de UE :</label>
                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                        <select class="form-control">
                                                            <option value="">Choisir le responsable de l'UE</option>
                                                            <optgroup label="Département : Technologies Numériques (TN)">
                                                                <option value="2517869326">AMBARKA Abdou</option>
                                                                <option value="2517869323">BOCO Newton</option>
                                                                <option value="10000118">DJARA Tahirou</option>
                                                                <option value="2517869324">DJOMAMOU Rubbin</option>
                                                                <option value="1739700621">DOKPO  Alain Junior</option>
                                                                <option value="2517869327">OUSMANE Matine</option>
                                                                <option value="2517869322">SOLEVO Hospice</option>
                                                                <option value="2517869325">SONON Jehovah-nis</option>
                                                            </optgroup>
                                                        </select>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-light-info text-info font-weight-medium waves-effect" id="edit-user">Valider</button>
                                            <button type="button" class="btn btn-light-secondary font-weight-medium waves-effect" data-bs-dismiss="modal">Fermer</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
				</div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="unitesList" class="table table-striped table-bordered"
                            style="width:100%">
                            <thead class="bg-info">
								<tr>
									<th>ID</th>
									<th>Code</th>
									<th>Unité d'enseignement (UE)</th>
									<th>Crédit</th>
									<th>Filière</th>
									<th>Semestre</th>
									<th>Année</th>
									<th>Niveau</th>
									<th>Type UE</th>
									<th>Moy Pondérée</th>
									<th>Année académique</th>
									<th>RES_UE</th>
									<th>Actions</th>
								</tr>
							</thead>
                            <tbody>
                                <tr>
                                    <td>20</td>
                                    <td>HYV2402</td>
                                    <td>Hyper V : Installation, Configuration et Administration</td>
                                    <td>30</td>
                                    <td>SV { id : 2 }</td>
                                    <td>4</td>
                                    <td>2</td>
                                    <td>Master { id : 2 }</td>
                                    <td>1</td>
                                    <td>NO</td>
                                    <td>2021-2022</td>
                                    <td>10000118</td>
                                    <td class="row text-center">
                                        <div class="col-12 mb-2">
                                            <button type="button" class="btn btn-outline-info" 
                                                data-bs-toggle="modal" data-bs-target="#edit-unite"
                                            >
                                                <i class="far fa-edit"></i>
                                            </button>
                                            <div id="edit-unite" class="modal fade" tabindex="-1" aria-labelledby="edit-unite" aria-hidden="true">
                                                <div class="modal-dialog modal-lg">
                                                    <div class="modal-content">
                                                        <div class="modal-header d-flex align-items-center border-bottom">
                                                            <h4 class="modal-title text-danger" id="myModalLabel">Modifier une Unité d'Enseignement</h4>
                                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <form action="" method="post" class="form-material">
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Code UE :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <input type="text" class="form-control" placeholder="Saisir le code de l'UE"
                                                                        value="HYV2402">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Semestre :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option>Choisir le semestre</option>
                                                                            <option>2</option>
                                                                            <option>3</option>
                                                                            <option selected>4</option>
                                                                            <option>5</option>
                                                                            <option>6</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Année d'étude :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option>Choisir l'année d'étude</option>
                                                                            <option value="1">Première année</option>
                                                                            <option value="2" selected>Deuxième année</option>
                                                                            <option value="3">Troisième année</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Niveau formation :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option value="">Choisir le niveau de la formation</option>
                                                                            <option value="1" selected>Licence</option>
                                                                            <option value="2">Master</option>
                                                                            <option value="3">Doctorat</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Filière :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option value="">Choisir la filière</option>
                                                                            <option value="1" selected>Outils pour le Développement Logiciel(ODL)</option>
                                                                            <option value="2">Systèmes de Virtualisation(SV)</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Intitulé de l'UE :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <input type="text" class="form-control" placeholder="Saisir l'intitulé de l'UE"
                                                                            value="Hyper V : Installation, Configuration et Administration"
                                                                        >
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Crédit de l'UE :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <input type="numeric" class="form-control" placeholder="crédit de l'UE"
                                                                            value="30"
                                                                        >
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Type de l'UE :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option value="">Choisir le type de l'UE</option>
                                                                            <option value="0">Unité de Connaissances Fondamentales</option>
                                                                            <option value="1" selected>Unité de découverte ou de spécialité</option>
                                                                            <option value="2">Unité de Méthodologie</option>
                                                                            <option value="3">Unité de Culture Générale</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Moyenne pondérée :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option value="NO">NO</option>
                                                                            <option value="YES">YES</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Responsable de UE :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option value="">Choisir le responsable de l'UE</option>
                                                                            <optgroup label="Département : Technologies Numériques (TN)">
                                                                                <option value="2517869326">AMBARKA Abdou</option>
                                                                                <option value="2517869323">BOCO Newton</option>
                                                                                <option value="10000118" selected>DJARA Tahirou</option>
                                                                                <option value="2517869324">DJOMAMOU Rubbin</option>
                                                                                <option value="1739700621">DOKPO  Alain Junior</option>
                                                                                <option value="2517869327">OUSMANE Matine</option>
                                                                                <option value="2517869322">SOLEVO Hospice</option>
                                                                                <option value="2517869325">SONON Jehovah-nis</option>
                                                                            </optgroup>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-light-info text-info font-weight-medium waves-effect" id="edit-user">Valider</button>
                                                            <button type="button" class="btn btn-light-secondary font-weight-medium waves-effect" data-bs-dismiss="modal">Fermer</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <button type="button" class="btn btn-outline-danger" 
                                                data-bs-toggle="modal" data-bs-target="#delete-unite"
                                            >
                                                <i class="fas fa-trash-alt"></i>
                                            </button>
                                            <div id="delete-unite" class="modal fade" tabindex="-1" aria-labelledby="delete-unite" aria-hidden="true">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header d-flex align-items-center border-bottom">
                                                            <h4 class="modal-title text-danger" id="myModalLabel">Confirmer la suppression</h4>
                                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div class="form-group row">
                                                                <label class="control-label text-end col-md-4 font-weight-medium">Code UE :</label>
                                                                <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                    <p class="form-control-static">HYV2402</p>
                                                                </div>
                                                            </div>
                                                            <div class="form-group row">
                                                                <label class="control-label text-end col-md-4 font-weight-medium">Intitulé de l'UE :</label>
                                                                <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                    <p class="form-control-static">Hyper V : Installation, Configuration et Administration</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-light-danger text-danger font-weight-medium waves-effect" id="delete-user">Supprimer</button>
                                                            <button type="button" class="btn btn-light-secondary font-weight-medium waves-effect" data-bs-dismiss="modal">Annuler</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <button type="button" class="btn btn-outline-secondary" 
                                                data-bs-toggle="modal" data-bs-target="#copy-unite"
                                            >
                                                <i class="far fa-copy"></i>
                                            </button>
                                            <div id="copy-unite" class="modal fade" tabindex="-1" aria-labelledby="copy-unite" aria-hidden="true">
                                                <div class="modal-dialog modal-lg">
                                                    <div class="modal-content">
                                                        <div class="modal-header d-flex align-items-center border-bottom">
                                                            <h4 class="modal-title text-danger" id="myModalLabel">Copier une Unité d'Enseignement</h4>
                                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <form action="" method="post" class="form-material">
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Code UE :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <input type="text" class="form-control" placeholder="Saisir le code de l'UE"
                                                                            value="HYV"
                                                                        >
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Semestre :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option>Choisir le semestre</option>
                                                                            <option>2</option>
                                                                            <option>3</option>
                                                                            <option selected>4</option>
                                                                            <option>5</option>
                                                                            <option>6</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Année d'étude :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option>Choisir l'année d'étude</option>
                                                                            <option value="1">Première année</option>
                                                                            <option value="2" selected>Deuxième année</option>
                                                                            <option value="3">Troisième année</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Niveau formation :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option value="">Choisir le niveau de la formation</option>
                                                                            <option value="1">Licence</option>
                                                                            <option value="2" selected>Master</option>
                                                                            <option value="3">Doctorat</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Filière :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option value="">Choisir la filière</option>
                                                                            <option value="1" selected>Outils pour le Développement Logiciel(ODL)</option>
                                                                            <option value="2">Systèmes de Virtualisation(SV)</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Intitulé de l'UE :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <input type="text" class="form-control" placeholder="Saisir l'intitulé de l'UE"
                                                                            value="Hyper V : Installation, Configuration et Administration"
                                                                        >
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Crédit de l'UE :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <input type="numeric" class="form-control" placeholder="crédit de l'UE"
                                                                            value="30"
                                                                        >
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Type de l'UE :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option value="">Choisir le type de l'UE</option>
                                                                            <option value="0">Unité de Connaissances Fondamentales</option>
                                                                            <option value="1" selected>Unité de découverte ou de spécialité</option>
                                                                            <option value="2">Unité de Méthodologie</option>
                                                                            <option value="3">Unité de Culture Générale</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Moyenne pondérée :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option value="NO">NO</option>
                                                                            <option value="YES">YES</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Responsable de UE :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option value="">Choisir le responsable de l'UE</option>
                                                                            <optgroup label="Département : Technologies Numériques (TN)">
                                                                                <option value="2517869326">AMBARKA Abdou</option>
                                                                                <option value="2517869323">BOCO Newton</option>
                                                                                <option value="10000118" selected>DJARA Tahirou</option>
                                                                                <option value="2517869324">DJOMAMOU Rubbin</option>
                                                                                <option value="1739700621">DOKPO  Alain Junior</option>
                                                                                <option value="2517869327">OUSMANE Matine</option>
                                                                                <option value="2517869322">SOLEVO Hospice</option>
                                                                                <option value="2517869325">SONON Jehovah-nis</option>
                                                                            </optgroup>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-light-info text-info font-weight-medium waves-effect" id="edit-user">Copier</button>
                                                            <button type="button" class="btn btn-light-secondary font-weight-medium waves-effect" data-bs-dismiss="modal">Fermer</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <button type="button" class="btn btn-outline-success" 
                                                data-bs-toggle="modal" data-bs-target="#add-ec"
                                            >
                                                <i class="far fa-plus-square"></i>
                                            </button>
                                            <div id="add-ec" class="modal fade" tabindex="-1" aria-labelledby="add-ec" aria-hidden="true">
                                                <div class="modal-dialog modal-lg">
                                                    <div class="modal-content">
                                                        <div class="modal-header d-flex align-items-center border-bottom">
                                                            <h4 class="modal-title text-danger" id="myModalLabel">Ajouter un EC</h4>
                                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <form action="" method="post" class="form-material">
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Code UE :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <input type="text" class="form-control" placeholder="Saisir le code de l'UE"
                                                                            value="HYV"
                                                                        >
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Intitulé de l'UE :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <input type="text" class="form-control" placeholder="Saisir le code de l'UE"
                                                                            value="Hyper V : Installation, Configuration et Administration"
                                                                        >
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Année d'étude :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option>Choisir l'année d'étude</option>
                                                                            <option value="1">Première année</option>
                                                                            <option value="2" selected>Deuxième année</option>
                                                                            <option value="3">Troisième année</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Niveau formation :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option value="">Choisir le niveau de la formation</option>
                                                                            <option value="1">Licence</option>
                                                                            <option value="2" selected>Master</option>
                                                                            <option value="3">Doctorat</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Filière :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <option value="">Choisir la filière</option>
                                                                            <option value="1" selected>Outils pour le Développement Logiciel(ODL)</option>
                                                                            <option value="2">Systèmes de Virtualisation(SV)</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Intitulé de l'EC :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <input type="text" class="form-control" placeholder="Saisir l'intitulé de l'UE">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Crédit de l'EC :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <input type="numeric" class="form-control" placeholder="crédit de l'EC">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="control-label text-end col-md-4 font-weight-medium">Enseignant sur l'EC :</label>
                                                                    <div class="col-md-8 border-bottom" style="text-align:left;">
                                                                        <select class="form-control">
                                                                            <optgroup label="Département : Technologies Numériques (TN)">
                                                                                <option value="2517869326">AMBARKA Abdou</option>
                                                                                <option value="2517869323">BOCO Newton</option>
                                                                                <option value="10000118" selected>DJARA Tahirou</option>
                                                                                <option value="2517869324">DJOMAMOU Rubbin</option>
                                                                                <option value="1739700621">DOKPO  Alain Junior</option>
                                                                                <option value="2517869327">OUSMANE Matine</option>
                                                                                <option value="2517869322">SOLEVO Hospice</option>
                                                                                <option value="2517869325">SONON Jehovah-nis</option>
                                                                            </optgroup>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-light-info text-info font-weight-medium waves-effect" id="edit-user">Valider</button>
                                                            <button type="button" class="btn btn-light-secondary font-weight-medium waves-effect" data-bs-dismiss="modal">Fermer</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script src="{{ asset('assets/extra-libs/datatables.net/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/extra-libs/datatables.net-bs4/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('assets/extra-libs/sparkline/sparkline.js') }}"></script>

    <script>
        $('#unitesList').DataTable();
    </script>
@endsection