@extends('layouts.base', [
	"breadcrumb" => [  
		"title" => "AFFECTER DES ÉTUDIANTS À UN UTILISATEUR...",
		"nav" => [
			"Dashboard" => route("home"),
			"Affectation des étudiants" => "",
			],
		"btnText" => "GestStudent v17.04",
	]
])

@section('title', "Affectation des étudiants | 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-2"></div>
        <div class="col-8">
            <div class="card">
                <div class="border-bottom title-part-padding bg-info">
                    <h4 class="card-title mb-0" style="color: white">Programmer un utilisateur pour un groupe d'étudiant</h4>
                </div>
                <div class="card-body">
                    <form action="" method="POST">
                        <div class="row">
                            <div class="col-3"></div>
                            <div class="col-6 text-center mb-4">
                                <label class="m-t-30">Choisir un utilisateur</label>
                                <div>
                                    <select name="utilisateur" class="form-control" id="utilisateur" required>
                                        <option value=""></option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6 mb-4">
                                <label class="m-t-20">Filière</label>
                                <div>
                                    <select name="filiere" class="form-control" id="filiere" required>
                                        <option value=""></option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-6">
                                <label class="m-t-20">Niveau d'étude</label>
                                <div>
                                    <select name="niveauetude" class="form-control" required>
                                        <option value=""></option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6 mb-4">
                                <label class="m-t-20">Année académique</label>
                                <div>
                                    <select name="anneeacad" class="form-control" required>
                                        <option value=""></option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-6">
                                <label class="m-t-20">Année étude</label>
                                <div>
                                    <select name="anneeetude" class="form-control" required>
                                        <option value=""></option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3"></div>
                            <div class="col-6 text-center mb-4">
                                <label class="m-t-30">Indiquer le groupe des étudiants</label>
                                <div>
                                    <select name="groupe[]" class="form-control" id="groupe" required>
                                        <option value=""></option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3"></div>
                            <div class="col-6 text-center mb-4">
                                <button class="btn btn-danger mt-3 rounded-pill px-4" type="submit">Affecter</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-3"></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>
        $("#utilisateur").select2({
            placeholder: "Sélectionner un utilisateur",
        });

        $("#filiere").select2({
            placeholder: "Sélectionner la filière",
        });

        $("#groupe").select2({
            placeholder: "Sélectionner un ou plusieurs groupe(s)",
        });
        
    </script>
@endsection