@extends('layouts.base', [
	"breadcrumb" => [  // see partials/breadcrumb.blade.php for default options
		"title" => "AFFICHER LA LISTE D'INSCRIPTION DANS LES UES",
		// "showNav" => true,
		"nav" => [
			"Dashboard" => route("home"),
			"Inscription UE" => "",
			],
		"btnText" => "GestStudent v17.04",
	]
])

@section('title', "Liste d'inscription dans les UEs | GestStudent Admin")

@section('css')
    <link rel="stylesheet" href="{{ asset('assets/libs/select2/dist/css/select2.min.css') }}">
    <style>
        .form-select{
            background-image:url({{asset('assets/images/custom-select.png')}});
        }
    </style>
@endsection

@section('content')
    @if(session()->has('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <strong>{{session('error')}}</strong>
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="border-bottom title-part-padding bg-info">
                    <h4 class="card-title mb-0" style="color: white">Veuillez sélectionner les données s'il vous plait.</h4>
                </div>
                <div class="card-body">
                    <form class="needs-validation" novalidate method="POST" action="#">
                        @csrf
                        <div class="form-group mb-3 row">
                            <div class="col-3" style="text-align:right;">
                                <label>Filière</label>
                            </div>
                            <div class="col-9">
                                <select class="form-control" name="idFiliere" id="select2-data-array" style="width: 100%;height: 36px;" required="">
                                    <option value=""></option>
                                    @foreach ($filieresData as $f)
                                        <option value="{{$f->idFiliere}}">{{$f->intituleFilieres . '(' . $f->sigleFilieres . ')'}}</option>
                                    @endforeach
                                    {{-- <option value="AK">Outils pour le Développement Logiciel(ODL)</option>
                                    <option value="HI">Systèmes de Virtualisation(SV)</option> --}}
                                </select>
                                <div class="valid-feedback">Ok!</div>
                                <div class="invalid-feedback">Veuillez sélectionner un élément dans la liste</div>
                            </div>
                        </div>
                        <div class="form-group mb-3 row">
                            <div class="col-3" style="text-align:right;">
                                <label>Année Académique</label>
                            </div>
                            <div class="col-9">
                                <select class="form-select" name="academique" required="">
                                    <option value="">Sélectionner l'année académique</option>
                                    @foreach ($academics as $a)
                                        <option value="{{$a->annee_acad}}">{{$a->periode}}</option>
                                    @endforeach
                                  {{--<option value="2">2020-2021</option>
                                  <option value="3">2019-2020</option> --}}
                                </select>
                                <div class="valid-feedback">Ok!</div>
                                <div class="invalid-feedback">Veuillez sélectionner un élément dans la liste</div>
                            </div>
                        </div>
                        <div class="form-group mb-3 row">
                            <div class="col-3" style="text-align:right;">
                                <label>Niveau formation</label>
                            </div>
                            <div class="col-9">
                                <select class="form-select" name="niveau" required="">
                                  <option value="">Sélectionner le niveau</option>
                                  <option value="1">Licence</option>
                                  <option value="2">Master</option>
                                  <option value="3">Doctorat</option>
                                </select>
                                <div class="valid-feedback">Ok!</div>
                                <div class="invalid-feedback">Veuillez sélectionner un élément dans la liste</div>
                            </div>
                        </div>
                        <div class="form-group mb-3 row">
                            <div class="col-3" style="text-align:right;">
                                <label>Année d'Etude</label>
                            </div>
                            <div class="col-9">
                                <select class="form-select" name="annee" required="">
                                  <option value="">Sélectionner 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 class="valid-feedback">Ok!</div>
                                <div class="invalid-feedback">Veuillez sélectionner un élément dans la liste</div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-4"></div>
                            <div class="col-8">
                                <button class="btn btn-success mt-3 rounded-pill px-4" type="submit">Valider</button>
                                {{-- <button class="btn btn-danger mt-3 rounded-pill px-4" type="submit">Annuler</button> --}}
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('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>
        $("#select2-data-array").select2({
            placeholder: "Sélectionner la filière",
            // allowClear: true
        });

        // Example starter JavaScript for disabling form submissions if there are invalid fields
        (function() {
            'use strict';
            window.addEventListener('load', function() {
                // Fetch all the forms we want to apply custom Bootstrap validation styles to
                var forms = document.getElementsByClassName('needs-validation');
                // Loop over them and prevent submission
                var validation = Array.prototype.filter.call(forms, function(form) {
                    form.addEventListener('submit', function(event) {
                        if (form.checkValidity() === false) {
                            event.preventDefault();
                            event.stopPropagation();
                        }
                        form.classList.add('was-validated');
                    }, false);
                });
            }, false);
        })();
    </script>
@endsection