@extends('layouts.main')

@section('content')


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

	</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> >  <a href="{{URL::route('etudiants_details', ['id' => encrypt($et->et_id)])}}">{{ $et->et_civilite}} {{ $et->et_prenom}} {{ $et->et_nom}} </a> > <a href=""> {{ $inscription->cl_type }} {{ $inscription->cl_cycle }} {{ $inscription->cl_nom }} </a> </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>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" data-toggle="tab" href="#tab_direction-2" role="tab"
                    aria-selected="false">Paiements </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" id="tab_direction-2" role="tabpanel">

                <div class="row">
                  
                    <div class="col-sm-2"></div>
                    <div class="col-sm-8">
                        <legend class="scheduler-border h4" style="text-align: left;"> Liste des écheances à payer</legend>
                        <table id="" class="table table-bordered table-hover table-striped w-100" style="background: #f3fcff;">
                            <thead>
                                <th>ID</th>
                                <th>Période</th>
                                <th>Type</th>
                                <th class="text-center">A payer avant</th>
                                <th class="text-center">Etat</th>
                                <th class="text-right">Montant à payer</th>
                                <th class="text-center">Action</th>
                            </thead>
                            <tbody>
                                @php $total=0; @endphp
                                @foreach ($paiements as $echeances)
                                @php $total=$total + $echeances->ins_e_montantapaye; @endphp
                               
                               
                                @if($echeances->ins_e_statut === 'PAYE')  <tr style="background: rgb(188, 255, 196)">   
                                @else  <tr style="background: rgb(255, 213, 213)"> 
                                @endif
                               
                                    <td>{{ $echeances->ins_e_id }} </td>
                                    <td>{{ $echeances->ins_e_periode }} </td>
                                    <td>{{ $echeances->ins_e_type }} </td>
                                    <td class="text-center">{{ date('d/m/Y', strtotime($echeances->ins_e_datelimite ))}} </td>
                                    <td class="text-center" >
                                        @if($echeances->ins_e_statut === 'PAYE')
                                            Payé le {{ $echeances->ins_e_datepaiement }}  [{{ $echeances->ins_e_idpaiement }}]
                                        @else
                                        impayés
                                        @endif
                                        
                                    </td>
                                    <td class="text-right">{{ $echeances->ins_e_montantapaye }} fdj </td>
        
                                    <td class="text-center">@if( $et->insc_statut==='CREE')<a href=""> <i class="fal fa-trash  text-danger"></i> </a> @endif</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <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 }}">
        
        
        
                            <p class="text-right" style=" font-size: 28px; "> <small>Total à payer : </small> {{ $total }} <small>fdj</small> </p>
                        </form>



                    </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