@extends('layouts.main')

@section('content')



<!-- end breadcrumb -->
<!-- begin row -->
<div class="row">

    <div class=" col-sm-2 ">

        @include('modules.etudiants.menu')
    </div>


    <div class="col-md-10" style="padding: 10px; ">

        {{--
        <div class="alert alert-secondary">

        </div> --}}





<h1 class="text-center">Enregistrement d'un nouveau étudiant</h1>


        
        <form method="POST" action="{{ route('etudiants_crea') }} " enctype="multipart/form-data">
            {{ csrf_field() }}
            <input type="hidden" name="username" value="{{ Auth::user()->name }} [{{ Auth::user()->id }}]">
            <input type="hidden" name="usercrea" value="{{ Auth::user()->id }}">
           



        <div class="row" style="border: 1px solid lightgray;padding: 10px;background: lightgrey;">


            <div class=" col-sm-2"  ></div>
            <div class=" col-sm-5 m-b-2" style="background: #fef8ef;">
                
                <div class="row">
                    <div class="col-sm-5">

                        <div class="form-group row m-b-0 text-center">
                            <label class="col-form-label col-md-12 text-center">
                                <img id="imgshow"
                                    style="display: block; margin-left: auto; margin-right: auto;    height: 120px; max-height:120px"
                                    src="{{ asset('img/demo/avatars/avatar-m.png') }}">

                            </label>
                            <div class="col-md-12 text-center">
                                <input id="imgload" style="display: block; margin-left: auto; margin-right: auto"
                                    type="file" name="et_photopath" class="form-control" accept="image/*"
                                    style="display: block; margin-left: auto; margin-right: auto">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-7" style="background: #fef8ef;">
                        <fieldset class="scheduler-border">
                            <legend class="scheduler-border h4"
                                style="text-align: center;background: antiquewhite;">Informations Personnels
                            </legend>


                            <div class="form-group row m-b-0">
                                <label class="col-form-label col-md-5">Civilite</label>
                                <div class="col-md-3">
                                    <select class="form-control" name="et_civilite">
                                        <option value="M."> M.</option>
                                        <option value="Mlle"> Mlle</option>
                                        <option value="Mme"> Mme</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group row m-b-0">
                                <label class="col-form-label col-md-5">Prénom :</label>
                                <div class="col-md-7">
                                    <input type="text" class="form-control" name="et_prenom"
                                        placeholder="Prénom">

                                </div>
                            </div>

                            <div class="form-group row m-b-0">
                                <label class="col-form-label col-md-5">Nom :</label>
                                <div class="col-md-7">
                                    <input type="text" class="form-control" name="et_nom"
                                        placeholder="Nom de famille">

                                </div>
                            </div>


                            <div class="form-group row m-b-0">
                                <label class="col-form-label col-md-5">Portable :</label>
                                <div class="col-md-5">
                                    <input type="number" class="form-control" name="et_portable" maxlength="8"
                                        placeholder="Portable">
                                </div>
                            </div>

                            <div class="form-group row m-b-0">
                                <label class="col-form-label col-md-5">Email :</label>
                                <div class="col-md-7">
                                    <input type="text" class="form-control" name="et_email"
                                        placeholder="Adresse Email" >
                                </div>
                            </div>



                            <div class="form-group row m-b-0">
                                <label class="col-form-label col-md-5">Date de naissance :</label>
                                <div class="col-md-7">
                                    <input type="date" value="01-01-1990" class="form-control"
                                        name="et_datenaissance" required>
                                </div>
                            </div>





                            <div class="form-group row m-b-0">
                                <label class="col-form-label col-md-5">Lieu de naissance :</label>
                                <div class="col-md-7">
                                    <input type="text" class="form-control" name="et_lieunaissance"
                                        placeholder="Lieu de naissance" value="Djibouti, Djibouti" required>
                                </div>
                            </div>




                            <div class="form-group row m-b-0">
                                <label class="col-form-label col-md-5">Nom de la mère :</label>
                                <div class="col-md-7">
                                    <input type="text" class="form-control" name="et_nom_mere"
                                        placeholder="Nom de la mère" required>
                                </div>
                            </div>

                            <div class="form-group row m-b-0">
                                <label class="col-form-label col-md-5">Situation Familiale :</label>
                                <div class="col-md-7">


                                    <select class="form-control" name="et_situation_familliale" required>
                                        <option selected value="Aucun"> Aucun choix</option>
                                        
                                        <option value="Celibataire"> Celibataire</option>
                                        <option value="Marie"> Marie</option>
                                        <option value="Divorce"> Divorce</option>
                                        <option value="Autres"> Autres</option>
                                    </select>

                                </div>
                            </div>



                        </fieldset>



                        <fieldset class="scheduler-border">
                            <legend class="scheduler-border h4"
                                style="text-align: center;background: antiquewhite;">Tuteur / Personne à contacter </legend>
        
        
                                <div class="form-group row m-b-0">
                                    <label class="col-form-label col-md-5">Tuteur légal :</label>
                                    <div class="col-md-7">
                                        <input type="text" class="form-control" name="et_nomtuteur"
                                            placeholder="Nom du tuteur" required>
                                    </div>
                                </div>
                         
                                <div class="form-group row m-b-0">
                                    <label class="col-form-label col-md-5">Tél. Fixe :</label>
                                    <div class="col-md-7">
                                        <input type="number" class="form-control" name="et_telephone"
                                            placeholder="(+253)31 32 52 12" required>
                                    </div>
                                </div>
                                <div class="form-group row m-b-0">
                                    <label class="col-form-label col-md-5">Tél. contact 1 :</label>
                                    <div class="col-md-7">
                                        <input type="number" class="form-control" name="et_tel_contact1"
                                            placeholder="(+253)77 856 585" required>
                                    </div>
                                </div>
                         
                         
                                <div class="form-group row m-b-0">
                                    <label class="col-form-label col-md-5">Tél. contact 2 :</label>
                                    <div class="col-md-7">
                                        <input type="number" class="form-control" name="et_tel_contact2"
                                            placeholder="(+253)77 856 586">
                                    </div>
                                </div>
                         
        
                        
        
        
                        </fieldset>
                      

                    </div>
                </div>

            </div>

            <div class=" col-sm-3 m-b-2" style="background: #fef8ef;">
            
                <fieldset class="scheduler-border">
                    <legend class="scheduler-border h4"
                        style="text-align: center;background: antiquewhite;">Informations
                        professionnelle </legend>



                    <div class="form-group row m-b-0">
                        <label class="col-form-label col-md-7">Situation PRO :</label>
                        <div class="col-md-5">


                            <select class="form-control" name="et_situation_pro" required>
                                <option selected value="Aucun">Aucun choix</option>
                                <option selected value="SANS">SANS</option>
                                <option  value="Etudiant"> Etudiant(e)</option>
                                <option value="Salarie"> Salarié(e)</option>
                            </select>

                        </div>
                    </div>

                    <div class="form-group row m-b-0">
                        <label class="col-form-label col-md-7">Lieu de travail (Si, salarié)   :</label>
                        <div class="col-md-5">
                            <input type="text" class="form-control" name="et_situation_pro_travail" value="SANS" >
                        </div>
                    </div>


                    <div class="form-group row m-b-0">
                        <label class="col-form-label col-md-7">Dernier diplôme obtenu :</label>
                        <div class="col-md-5">

                                
                            <select class="form-control" name="et_dernier_diplome" required>
                                <option selected value="AUCUN">AUCUN</option>
                                <option  value="BAC">BAC</option>
                                <option  value="BTS/DUT">BTS/DUT</option>
                                <option  value="LICENCE">LICENCE</option>
                                <option  value="MASTER1">MASTER1</option>
                                <option  value="MASTER2">MASTER2</option>
                            </select>


                            
                            <select class="form-control" name="et_dernier_diplome_annee">
                                <option value="0000">Aucun choix</option>
                                                                <option value="2013">
                                    2013                                </option>
                                                                <option value="2014">
                                    2014                                </option>
                                                                <option value="2015">
                                    2015                                </option>
                                                                <option value="2016">
                                    2016                                </option>
                                                                <option value="2017">
                                    2017                                </option>
                                                                <option value="2018">
                                    2018                                </option>
                                                                <option value="2019">
                                    2019                                </option>
                                                                <option value="2020">
                                    2020                                </option>
                                                                <option value="2021">
                                    2021                                </option>
                                                                <option value="2022">
                                    2022                                </option>
                                                                <option value="2023">
                                    2023                                </option>
                                                                <option value="2024">
                                    2024                                </option>
                                                                <option value="2025">
                                    2025                                </option>
                                                            </select>

                        </div>
                    </div>


                    <br>



                </fieldset> 
                <fieldset class="scheduler-border">
                    <legend class="scheduler-border h4"
                        style="text-align: center;background: antiquewhite;">Choix de l'inscription </legend>



                    <div class="form-group row m-b-0">
                        <label class="col-form-label col-md-12">Classe choisie :</label>
                        <div class="col-md-12">


                            <select class="form-control" name="et_classe_choisie" required>
                                
                                <option value="0"> Aucun choix</option>
                                @foreach ($filieres as  $f) 
                                <option value="{{ $f->cl_id }}"> {{ $f->cl_type }} - {{ $f->cl_cycle }} > {{ $f->cl_nom }}  </option>
                            
                                @endforeach
                            </select>

                        </div>
                    </div>


                 

                    <br>



                </fieldset>
            </div>
        </div>
<br>
        <div class="row">
            <div class=" col-sm-4 m-b-2 text-right"></div>
            <div class=" col-sm-3 m-b-2 text-right">
                <button type="submit" class="btn btn-block btn-default" style=" font-size: 18px; font-weight: bold; text-transform: uppercase; ">Enregistrer</button>
            </div>
        </div>
    </form>













</div>
<!-- end row -->
</div>
<!-- end row -->


<script>
    $('document').ready(function () {
    $("#imgload").change(function () {
        if (this.files && this.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#imgshow').attr('src', e.target.result);
            }
            reader.readAsDataURL(this.files[0]);
        }
    });
});
</script>
@endsection