@extends('layouts.main')

@section('content')



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

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

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


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

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

        </div> --}}




        <h1 style=" text-transform:uppercase">  <a href="{{ route('inscriptions') }}"> <i class="fal fa-list"></i> Liste des inscrits en {{ date('Y') }}</a> > {{ $et->et_civilite }} {{ $et->et_prenom }}  {{ $et->et_nom }}</h1>
   

        
        <form method="POST" action="{{ route('etudiants_crea') }} " enctype="multipart/form-data">
            {{ csrf_field() }}
            <input type="hidden" name="username" value="{{ Auth::user()->name }}">
            <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-6 m-b-2">
                
                <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('etudiants/'.$et->et_photopath) }}">

                            </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-7">
                                    <select class="form-control" name="et_civilite">
                                       @if($et->et_civilite == "M.") <option selected value="M."> M.</option> @else <option value="M."> M.</option>  @endif
                                       @if($et->et_civilite == "Mlle") <option selected value="Mlle"> Mlle</option> @else <option value="Mlle"> Mlle</option>  @endif
                                       @if($et->et_civilite == "Mme") <option selected value="Mme"> Mme</option> @else <option value="Mme"> Mme</option>  @endif
                                    </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" value="{{ $et->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"  value="{{ $et->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-7">
                                    <input type="number" class="form-control" name="et_portable"  value="{{ $et->et_portable }}"
                                        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"  value="{{ $et->et_email }}"
                                        placeholder="Votre 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"  class="form-control"  value="{{ $et->et_datenaissance }}"
                                        name="et_datenaissance" 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"  value="{{ $et->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>
                                        @if($et->et_situation_familliale == "Marie") <option selected value="Marie"> Marie</option> @else <option value="Marie"> Marie</option>  @endif
                                        @if($et->et_situation_familliale == "Celibataire") <option selected value="Celibataire"> Celibataire</option> @else <option value="Celibataire"> Celibataire</option>  @endif
                                        @if($et->et_situation_familliale == "Autres") <option selected value="Autres"> Autres</option> @else <option value="Autres"> Autres</option>  @endif
                                     
                                    </select>

                                </div>
                            </div>



                        </fieldset>
                        <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-5">Situation PRO :</label>
                                <div class="col-md-7">


                                    <select class="form-control" name="et_situation_pro" required>
                                        <option value="Etudiant"> Etudiant</option>
                                        <option value="Salarie"> Salarie</option>
                                        <option value="Chomeur"> Chomeur</option>
                                    </select>

                                </div>
                            </div>

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


                            <div class="form-group row m-b-0">
                                <label class="col-form-label col-md-5">Dernier diplôme obtenu :</label>
                                <div class="col-md-7">
                                    <input type="text" class="form-control" name="et_dernier_diplome"
                                        placeholder="Nom du diplôme obtenu" required>
                                    
                                    <select class="form-control" name="et_dernier_diplome_annee">
                                        <option>Année d'obtention</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>

                    </div>
                </div>

            </div>

            <div class=" col-sm-3 m-b-2" style="background: #fef8ef;">
                <br><br>
                <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"   value="{{ $et->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. contact 1 :</label>
                            <div class="col-md-7">
                                <input type="number" class="form-control" name="et_tel_contact1"  value="{{ $et->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"  value="{{ $et->et_tel_contact2 }}"
                                    placeholder="(+253)77 856 586">
                            </div>
                        </div>
                 

                


                </fieldset>
<br><br>
                <fieldset class="scheduler-border">
                    <legend class="scheduler-border h4"
                        style="text-align: center;background: antiquewhite;">Choix de la filière </legend>



                    <div class="form-group row m-b-0">
                        <label class="col-form-label col-md-12">Filière 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)
                                    
                             @if( $et->et_classe_choisie ==  $f->cl_id)   
                             <option selected value="{{ $f->cl_id }}"> {{ $f->cl_niveau }}  > {{ $f->cl_cycle }} > {{ $f->cl_nom }} </option>
                             @else
                             <option value="{{ $f->cl_id }}"> {{ $f->cl_niveau }}  > {{ $f->cl_cycle }} > {{ $f->cl_nom }} </option>
                             @endif
                                    
                                @endforeach
                            </select>

                        </div>
                    </div>

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

                            
                            <input type="date" class="form-control" name="et_classe_choisiedate"   value="{{ $et->et_classe_choisiedate }}" required>

                        </div>
                    </div>

                 

                    

                    <div class="form-group row m-b-0">
                        <label class="col-form-label col-md-12">Modalité de paiement :</label>
                        <div class="col-md-8">


                            <select class="form-control" name="et_modalite_paiement" required>
                                
                                <option value=""> Aucun choix</option>
                                <option value="MOIS">MOIS</option>
                                <option value="TRIMESTRE">TRIMESTRE</option>
                                <option value="SEMESTRE">SEMESTRE</option>
                                <option value="TOTALITE">TOTALITE</option>
                            </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; "></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