@extends('layouts.base', [
	"breadcrumb" => [  // see partials/breadcrumb.blade.php for default options
		"title" => "AFFICHAGE DES PROFILES PAR ANNÉE D'OBTENTION DU BAC",
		// "showNav" => true,
		"nav" => [
			"Dashboard" => route("home"),
			"Profils des étudiants" => "",
			],
		"btnText" => "GestStudent v17.04",
	]
])

@section('title', "Profils des étudiants | GestStudent Admin")

@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-3"></div>
        <div class="col-6">
            <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 action="{{route('etudiants.profils')}}" method="POST">
                        @csrf
                        <div class="form-group mb-3 row">
                            <div class="col-3" style="text-align:right;">
                                <label>Année d'obtention du BAC</label>
                            </div>
                            <div class="col-9">
                                <select name="year" class="form-control" required="">
                                    <option value="">Sélectionner l'année d'obtention du BAC</option>
                                    @foreach ($years as $y)
                                        <option value="{{$y->annee}}">{{$y->annee}}</option>
                                    @endforeach   
                                </select>
                            </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>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-3"></div>
    </div>
@endsection