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

<!-- 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>Né(e) à,</strong>  {{ $et->et_lieunaissance }} </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>Formation 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;  ">

        <ul class="nav nav-tabs" role="tablist">
            <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#tab_direction-1" role="tab"
                    aria-selected="true">Formations </a></li>
            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab_direction-2" role="tab"
                    aria-selected="false">Factures </a></li>
            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab_direction-3" role="tab">Relevés des
                    notes </a></li>   
                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab_direction-4" role="tab">
                        Distinctions </a></li>
                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab_direction-5" role="tab">
                        Absences </a></li>
                        
                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab_direction-6" role="tab">
                        Sanctions </a></li>

        </ul>
        <div class="tab-content p-3" style="  background: #fff; padding: 5px;  ">
            <div class="tab-pane fade active show" id="tab_direction-1" role="tabpanel">

                <div class="row">

                    <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>
                            </thead>
                            <tbody>
                                @foreach ($inscriptions as $insc )
                                <tr style="cursor: pointer;">
                                    <td>{{ $insc->insc_id }}</td>
                                    <td>{{ $insc->cl_niveau }}</td>
                                    <td>{{ $insc->cl_cycle }}</td>
                                    <td>{{ $insc->cl_nom }}</td>
                                    <td>{{ $insc->insc_date }}</td>
                                </tr>
                                @endforeach

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




            <div class="tab-pane fade" id="tab_direction-2" role="tabpanel">

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

                        <legend class="scheduler-border h4" style="text-align: center;background: antiquewhite;">Factures
                        </legend>
                        <table id="" class="table table-bordered table-hover table-striped w-100">
                            <thead>
                                <th>Formation</th>
                                <th>Réf.</th>
                                <th>Période</th>
                                <th>Moyen de paiement</th>
                                <th>Date </th>
                                <th>Montant</th>
                            </thead>
                            <tbody>
                                
                                @php $pmontant=0; @endphp
                                @foreach ($paiements as $p )
                                @php $pmontant=$pmontant + $p->p_montant; @endphp
                                <tr style="cursor: pointer;">
                                    
                                    <td>{{ $p->cl_niveau }}  <strong>{{ $p->cl_cycle }} {{ $p->cl_nom }} </strong> </td>
                                    <td>{{ $p->p_ref }}</td>
                                    <td>{{ $p->periode_libelle }}</td> <td>{{ $p->p_moyen }} {{ $p->p_numcheque }}{{ $p->p_datecheque }}{{ $p->p_bankcheque }}</td>
                                    <td>{{ $p->p_datecrea }}</td>
                                    <td class="text-right"> <strong>{{ $p->p_montant }} </strong><small style="font-size: 8px;">FDJ</small> </td>
                                   
                                   
                                </tr>
                                @endforeach


                                
                                <tr style="cursor: pointer;">
                                    <td colspan="5"  class="text-center">TOTAL Payé</td>
                                    <td class="text-right"> <strong> {{ $pmontant }} </strong> <small style="font-size: 8px;">FDJ</small></td>
                                  
                                </tr>

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


            </div>



            <div class="tab-pane fade" id="tab_direction-3" role="tabpanel">

                <div class="row">
                    <div class="col-sm-8">
                        <table id="" class="table table-bordered table-hover table-striped w-100">
                            <thead>
                                <th>ID</th>
                                <th>Niveau</th>
                                <th>Formation</th>
                                <th>Niveau</th>
                                <th>Date d'inscription</th>
                            </thead>
                            <tbody>
                                @foreach ($inscriptions as $insc )
                                <tr>


                                    <td>{{ $insc->insc_id }}</td>
                                    <td>{{ $insc->cl_niveau }}</td>
                                    <td>{{ $insc->cl_cycle }}</td>
                                    <td>{{ $insc->cl_nom }}</td>
                                    <td>{{ $insc->insc_date }}</td>

                                </tr>
                                @endforeach

                            </tbody>
                        </table>
                        <p class="text-right"> <strong> {{count($inscriptions)}}</strong> Inscriptions</p>
                    </div>
                </div>
            </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