@extends('partials.default')
@section('title', 'AfricaWebStudent Ré-Inscription')
@section('content')
    <section id="icon-boxes" class="icon-boxes pricing">
        <div class="container ">
            <div class="row" style=" margin: 0 auto;"  id="inscription-block">

                <div class="col-md-6 col-lg-6 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up" style=" margin: 0 auto;" data-aos-delay="100">
                    <div class="icon-box text-center">
                      <div class="icon"><i class="bx bx-layer"></i></div>
        				<div class="description-title mb-5 text-center hidden-xs hidden-sm">
        					<h2 class="anim-h2">Date limite de ré-inscription</h2>	
        					<hr style="border:3px solid #fff;width:20%;"/>
        					<h3 class="gs_title">{{$datelimite}} <input type="button" value="J - {{$joursJ}}" class="btn btn-danger"></h3>
        					<p>
        						<br/><br/>
        						Remplissez le formulaire ci-contre pour enclencher le processus de ré-inscription dans votre établissement.
        						<i class="glyphicon glyphicon-hand-right"></i>
        					</p>
        					<br/>
        					<div class="row" style="position:absolute;bottom:15px;width:100%;">
        						<div class="col-xs-3 text-right">
        							<img class="logo-eta" src="{!! asset('vue/img/gs_cercle2.png') !!}" alt="" style="width:60px;" />
        						</div>
        					</div>
        				</div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-6 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="300">
                    <div class="icon-box text-center">
                        <div class="icon"><i class="bx bx-layer"></i></div>
            				<div class="description-body form-container">
            					<form method="post" id="form1"  class=""  action={{ route('reinscritopt') }}>
                                    @csrf
    					            <h4 class="title"><a href="">Ré-inscription </a></h4>
                                    <div class="row">
                                        <div class="col-md-5 form-group" align="left">
                                            <label for="annee" class="control-label">Année Académique</label>
                                        </div>
                                        <div class="col-md-7 form-group mt-3 mt-md-0">
    										<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
    										<input class="form-control" type="text"   name = "annee"  id = "annee" value="{{$anneeacad}}" readonly  required />
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-5 form-group" align="left">
                                            <label for="matricule" class="control-label">Numéro matricule</label>
                                        </div>
                                        <div class="col-md-7 form-group mt-3 mt-md-0">
    										<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
    										<input class="form-control" type="text"  name="matricule" id="matricule" placeholder="Votre matricule"  required />
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-5 form-group" align="left">
                                            <label for="dateNaissance" class="control-label">Date de naissance</label>
                                        </div>
                                        <div class="col-md-7 form-group mt-3 mt-md-0">
    										<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
    										<input class="form-control" type="text"  name="dateNaissance" id="dateNaissance" placeholder="JJ/MM/AAAA"  required />
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-5 form-group" align="left">
                                            <label for="lieuNaissance" class="control-label">Lieu de naissance</label>
                                        </div>
                                        <div class="col-md-7 form-group mt-3 mt-md-0">
    										<span class="input-group-addon"><i class="glyphicon glyphicon-map-marker"></i></span>
    										<input type="text"  name="lieuNaissance" id="lieuNaissance" class="form-control" placeholder="Exemple : Cotonou"  required />
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-5 form-group" align="left">
                                            <label for="idFiliere" class="control-label">Filière</label>
                                        </div>
                                        <div class="col-md-7 form-group mt-3 mt-md-0">
    										<select name="idFiliere" id="idFiliere" class="form-control" required>
    											<option value="">Choisissez votre Filière</option>
                                                @foreach ($filiere as $f)
                                                    <option value="{{$f->idFiliere}}"> {{$f->intituleFilieres}}</option>
                                                @endforeach
    										</select>
                                        </div>
                                    </div>
                                    
    								<input type="hidden" value="" name="idEtablissement" id="idEtablissement"/>
    								<p><input type="submit" value="Envoyer" id="login" class="btn btn-primary pull-right" name="connexion"   /></p>
            					</form>
            				</div><!-- class="description-body form-container"-->
                        </div><!--class="icon" -->
                    </div><!--icon-box -->
                </div>
            </div><!--row -->
        </div><!--class="container " -->     
    </section><!-- End Icon Boxes Section -->
@endsection