@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; ">

        <h2> <a href="{{ route('etudiants_index') }}"><i class="fal fa-list"></i> Liste des étudiants </a> >  {{ $et->et_civilite}} {{ $et->et_prenom}} {{ $et->et_nom}}</h2>
<!-- end breadcrumb -->
<!-- begin row -->
<div class="row">



    <div class="col-md-3">

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

        </div> --}}

        <div class="row" style="  background: #ebe9ff; padding: 5px;  ">
            <div class="col-sm-12 p-0 m-0">
                <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) }}">

                        <h1 class="m-0"> {{ $et->et_civilite}} {{ $et->et_prenom}} {{ $et->et_nom}}</h1>
                </label>

                <p class="p-0 m-0"><strong>Nom de la mère :</strong> {{ $et->et_nom_mere}}</p>
                <p class="p-0 m-0"><strong>Né(e) le,</strong>  {{ date('d-m-Y', strtotime($et->et_datenaissance))}} </p>
                <p class="p-0 m-0"><strong>Situation :</strong> {{ $et->et_situation_pro}}</p>
                <p class="p-0 m-0"><strong>Profession :</strong> {{ $et->et_situation_pro_travail}}</p>
                <p class="p-0 m-0"><strong>Portable :</strong> {{ $et->et_portable}}</p>
                <p class="p-0 m-0"><strong>Email :</strong> {{ $et->et_email}}</p>

                <p class="p-0 m-0"><strong>Personne de contact :</strong> {{ $et->et_personne_contact}} ( {{ $et->et_tel_contact1}})</p>


<br>
                <p class="p-0 m-0" ><strong>Classe actuel :</strong> {{ $et->cl_type}} {{ $et->cl_cycle}} {{ $et->cl_nom}}</p>
                <p class="p-0 m-0" style="color: red;"><strong>Inscrit depuis le,</strong>  {{ date('d-m-Y h:i:s', strtotime($et->et_date_inscription))}} </p>
                <div class="row" style="   background: rgb(212 211 211);   padding: 5px;  ">

                    <div class="col-sm-12 text-center  p-0 m-0">
                        <a href="#modal-dialog" data-toggle="modal" class="btn btn-default btn-xs"> <i
                                class="fal fa-edit"></i> Modifier</a>
                        @if( $et->et_statut == 'ACTIF')
                        <a href="#modal-dialogdesc" data-toggle="modal" class="btn btn-danger btn-xs"> <i
                                class="fal fa-trash"></i> Abondant</a>
                        @elseif( $et->et_statut == 'ABONDANT')
                        <a href="#modal-dialogdesc" data-toggle="modal" class="btn btn-primary btn-xs"> <i
                                class="fal fa-check"></i> Ré-Activer</a>
                        @endif
                    </div>
                </div>


            </div>

        </div>

    </div>

    <div class="col-md-8 " style="  background: #f2f2f2; padding: 5px;  ">


    
        <div class="row">

            <div class="col-sm-1"></div>
            <div class="col-sm-10">

                <legend class="scheduler-border h4" style="text-align: center;background: antiquewhite;">Liste
                    des formations inscrits
                </legend>
                <table id="" class="table table-bordered table-hover table-striped w-100">
                    <thead>
                        <th>ID</th>
                        <th>Niveau</th>
                        <th>Formation</th>
                        <th>Classe / Formation</th>
                        <th>Date d'inscription</th>
                        <th></th>
                    </thead>
                    <tbody>
                        

                        @foreach ($inscriptions as $insc )
                        <tr style="cursor: pointer;"  >
                            <td> <a href="{{URL::route('et_inscription_factures', ['id' => encrypt($insc->insc_id)])}}">  {{ $insc->insc_id }} </a> </td>
                            <td> <a href="{{URL::route('et_inscription_factures', ['id' => encrypt($insc->insc_id)])}}">{{ $insc->cl_niveau }}  </a> </td>
                            <td> <a href="{{URL::route('et_inscription_factures', ['id' => encrypt($insc->insc_id)])}}">{{ $insc->cl_cycle }} </a></td>
                            <td>{{ $insc->cl_nom }}</td>
                            <td>{{ $insc->insc_date }}</td>
                                <td class="text-center">
                                    
								<a class="btn btn-default btn-xs" href="{{URL::route('et_inscription_factures', ['id' => encrypt($insc->insc_id)])}}"> <i class="fal fa-eye"></i> Visu.</a>
                                      <a target="_blank"  href="{{URL::route('etudiant_InscripPrintCertificat', ['id' => encrypt($insc->insc_id)])}}"class="btn btn-info btn-xs"> <i class="fal fa-file"></i> Certificat</a>
                                      <a target="_blank"  href="{{ asset('pdf/REGLEMENT INTERIEUR ET DES ETUDES.pdf') }}" class="btn btn-default btn-xs"> <i class="fal fa-file"></i> Réglement intérieur</a>
    
                            </td>
                        </tr>
                        @endforeach

                    </tbody>
                </table>
                <p class="text-right"> <strong> {{count($inscriptions)}}</strong> Inscription(s)</p>
            </div>
        </div>




    </div>

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

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




<div class="modal fade" id="modal-dialog">

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

        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title"><i class="fas fa-md fa-fw m-r-0 fa-user"></i> {{ $et->et_civilite}} {{
                        $et->et_prenom}} {{ $et->et_nom}}</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
                <div class="modal-body">

                    <div class="modal-body">

                        <div class="row">
                            <div class="col-sm-4">

                                <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: 80px; max-height:80px"
                                            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-8" style="background: #fef8ef;">


                                <fieldset class="scheduler-border">
                                    <legend class="scheduler-border h4"
                                        style="text-align: center;background: antiquewhite;">Informations Personnels
                                    </legend>


                                    <div class="row">
                                        <div class="col-sm-12">



                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-4">Civilite</label>
                                                <div class="col-md-8">
                                                    <select class="form-control" name="et_civilite">
                                                        @if($et->et_civilite == 'M.') <option value="M." selected> M.
                                                        </option> @else <option value="M."> M.</option> @endif
                                                        @if($et->et_civilite == 'Mme') <option value="Mme" selected> Mme
                                                        </option> @else <option value="Mme"> Mme</option> @endif
                                                        @if($et->et_civilite == 'Mlle') <option value="Mlle" selected>
                                                            Mlle</option> @else <option value="Mlle"> Mlle</option>
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-4">Prénom :</label>
                                                <div class="col-md-8">
                                                    <input type="text" class="form-control" name="et_prenom"
                                                        value="{{ $et->et_prenom}}">

                                                </div>
                                            </div>

                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-4">Nom :</label>
                                                <div class="col-md-8">
                                                    <input type="text" class="form-control" name="et_nom"
                                                        value="{{ $et->et_nom}}">

                                                </div>
                                            </div>

                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-4">Nom de la mère :</label>
                                                <div class="col-md-8">
                                                    <input type="text" class="form-control" name="et_nom_mere"
                                                        value="{{ $et->et_nom_mere}}" placeholder="Nom de la mère">

                                                </div>
                                            </div>

                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-4">Date de naissance :</label>
                                                <div class="col-md-8">
                                                    <input type="date" class="form-control"
                                                        value="{{ $et->et_datenaissance}}" name="et_datenaissance">
                                                </div>
                                            </div>





                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-4">Portable :</label>
                                                <div class="col-md-8">
                                                    <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-4">Email :</label>
                                                <div class="col-md-8">
                                                    <input type="text" class="form-control" name="et_email"
                                                        value="{{ $et->et_email}}" placeholder="Votre adresse Email">
                                                </div>
                                            </div>

                                            <br>

                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-4">Date d'inscription :</label>
                                                <div class="col-md-8">
                                                    <input type="date" class="form-control"
                                                        value="{{ $et->et_date_inscription}}"
                                                        name="et_date_inscription">
                                                </div>
                                            </div>




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

                            </div>
                        </div>


                    </div>




                </div>
                <div class="modal-footer">
                    <a href="javascript:;" class="btn btn-white" data-dismiss="modal">Fermer</a>
                    <button type="submit" class="btn btn-success">Enregistrer</button>
                </div>
            </div>
        </div>

    </form>
</div>




<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