@extends('partials.default')
@section('title', 'AfricaWebStudent Ma Fiche')
@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" 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">Retrouver ma fiche</h2>	
					<hr style="border:3px solid #fff;width:20%;"/>
					<h3 class="gs_title">Date limite d'inscription : {{$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 recherche de votre fiche de pré-inscription.
						<i class="glyphicon glyphicon-hand-right"></i>
					</p>
					<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 mb-5"  id = "divautre">
					<form method="post" id="form1" class=""  action={{ route('findfiche') }}>
                        @csrf
                        <h4 class="title"><a href="">Remplissez le formulaire</a></h4>
                        <br />
                        <div class="row">
                            <div class="col-md-6 form-group" align="left">
                                <label for="annee" class="control-label">Matricule:</label>
                            </div>
                            <div class="col-md-6 form-group mt-3 mt-md-0">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <input type="text" name="matricule" id="matricule" class="form-control" placeholder="votre matricule" required autofocus/>
                            </div>
                        </div>
                        <br />

                        <div class="row">
                            <div class="col-md-6 form-group" align="left">
                                <label for="annee" class="control-label">Code d'inscription:</label>
                            </div>
                            <div class="col-md-6 form-group mt-3 mt-md-0">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <input type="text" name="code" id="code" class="form-control" placeholder="votre code" required />
                            </div>
                        </div>
                        <br />

                        <div class="row">
                            <div class="col-md-6 form-group" align="left">
                                <label for="idEtablissement" class="control-label">Etablissement:</label>
                            </div>
                            <div class="col-md-6 form-group mt-3 mt-md-0">
                                <select name="idEtablissement" id="idEtablissement" class="form-control select2" required>
                                    <option value="{{$idEtablissement}}"> {{$nomEtablissement->descreta}}</option>
                                </select>
                            </div>
                        </div>
                        <br />
                        <div class="row">
                            <div class="col-md-6 form-group" align="left">
                                <label for="anneeAcademique" class="control-label">Année académique:</label>
                            </div>
                            <div class="col-md-6 form-group mt-3 mt-md-0">
                                <select name="anneeAcademique" id="anneeAcademique" class="form-control select2" required>
                                    <option value="{{$acad}}">{{$anneeacad}}</option>
                                </select>
                            </div>
                        </div>
                        <br />									
                        <br/>									
                        <input type="submit" class="btn btn-success  pull-right" id="envoyer" value="Envoyer"/>
					</form>

				</div>
            </div>
          </div>

        </div>

      </div>
    </section><!-- End Icon Boxes Section -->
@endsection