@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> --}}
        <div class="row">
            <div class="col-md-7">
                <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>
            </div>
            <div class="col-md-5 text-right">
                @if( $et->insc_statut==='CREE') <a href="#modal-echeanceValider" data-toggle="modal" class="btn btn-info btn-xs"> <i class="fal fa-check"></i> Valider le modalité de paiement</a>
                @elseif( $et->insc_statut==='MP_VALIDE') <a class="btn btn-default btn-xs" target="_blank" href="{{URL::route('etudiant_InscripPrintContrat', ['id' => encrypt($et->insc_id)])}}"> <i class="fal fa-file"></i> imprimer le contrat</a>
                @endif

            </div>
        </div>








        <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-9">


                <div class="row">

                    @if( $et->insc_statut==='CREE')
                    <div class="col-md-5">
                        <form method="POST" action="{{ route('ins_detailspaiementcrea') }}">
                            @csrf

                            <input type="hidden" name="et_id" value="{{ $et->et_id }}">
                            <input type="hidden" name="ins_e_idinsc" value="{{ $et->insc_id }}">
                            <input type="hidden" name="p_usercrea" value="{{ Auth::user()->name }}[{{ Auth::user()->id }}]">
                            <input type="hidden" name="username" value="{{ Auth::user()->name }} [{{ Auth::user()->id }}]">
                            <input type="hidden" name="usercrea" value="{{ Auth::user()->id }}">

                            <div class="">
                                <div class="modal-content">

                                    <div class="modal-body">


                                        <h4 class="modal-title"><i class="fal fa-md fa-fw m-r-0 fa-plus"></i> Nouvelle écheance </h4>


                                        <fieldset class="scheduler-border">


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




                                                    <div class="form-group row m-b-0">
                                                        <label class="col-form-label col-md-6 text-right" style=" padding-top: 15px; ">Montant à payé <small> (fdj)</small> :</label>
                                                        <div class="col-md-6">
                                                            <input type="number" value="0" class="form-control  text-right" name="ins_e_montantapaye" style="font-size: 28px;font-weight: 900;" required>
                                                        </div>
                                                    </div>

                                                    <div class="form-group row m-b-10">
                                                        <label class="col-form-label col-md-6 text-right">Type d'écheance :</label>
                                                        <div class="col-md-6">
                                                            <select class="form-control" name="ins_e_type" required id="div_select">
                                                                <option value="inscription">Inscription</option>
                                                                <option selected value="Mensuel">Mensuel</option>
                                                            </select>
                                                        </div>
                                                    </div>

                                                    <div class="form-group row m-b-10">
                                                        <label class="col-form-label col-md-6 text-right">Période :</label>
                                                        <div class="col-md-6">
                                                            <select class="form-control" name="ins_e_periode" required id="div_select">
                                                                @php

                                                                setlocale(LC_TIME, 'fr_FR', 'fra', 'french');
                                                                $tab_mois = array( 'SEPT.', 'OCT.', 'NOV.', 'DEC.','JAN.', 'FEV.', 'MAR.', 'AVR.', 'MAI.', 'JUIN', 'JUIL.', 'AOUT');
                                                                $options = '';
                                                                foreach($tab_mois as $mois){
                                                                echo '<option value="'.$mois.'">'.$mois.'</option>';
                                                                }
                                                                @endphp
                                                            </select>
                                                        </div>
                                                    </div>

                                                    <div class="form-group row m-b-0">
                                                        <label class="col-form-label col-md-6 text-right">Date limite paiement :</label>
                                                        <div class="col-md-6">
                                                            <input type="date" value="{{ date('Y-m-d') }}" class="form-control" name="ins_e_datelimite">
                                                        </div>
                                                    </div>





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







                                    </div>
                                    <div class="modal-footer">
                                        <button type="submit" class="btn btn-success btn-block btn-sm">Enregistrer</button>
                                    </div>
                                </div>
                            </div>

                        </form>
                    </div>
                    @endif






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

                        <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-right">Montant à payer</th>
                                <th class="text-center">A payer avant</th>
                                <th class="text-center">Action</th>
                            </thead>
                            <tbody>
                                @php $total=0; @endphp
                                @foreach ($inscriptions_echeances as $echeances)
                                @php $total=$total + $echeances->ins_e_montantapaye; @endphp
                                <tr>
                                    <td>{{ $echeances->ins_e_id }} </td>
                                    <td>{{ $echeances->ins_e_periode }} </td>
                                    <td>{{ $echeances->ins_e_type }} </td>
                                    <td class="text-right">{{ $echeances->ins_e_montantapaye }} fdj </td>
                                    <td class="text-center">{{ date('d/m/Y', strtotime($echeances->ins_e_datelimite ))}} </td>

                                    <td class="text-center">@if( $et->insc_statut==='CREE')<a  href="#modal-echeanceSup{{ $echeances->ins_e_id }}" data-toggle="modal" > <i class="fal fa-trash  text-danger"></i> </a> @endif</td>
                                </tr>





                                

<div class="modal fade" id="modal-echeanceSup{{ $echeances->ins_e_id }}">

    <form method="POST" action="{{ route('et_echeanceSupprimer') }}">
        @csrf

        <input type="hidden" name="ins_e_id" value="{{ $echeances->ins_e_id }}">
        <input type="hidden" name="et_id" value="{{ $et->et_id }}">
        <input type="hidden" name="insc_id" value="{{ $et->insc_id }}">
        <input type="hidden" name="username" value="{{ Auth::user()->name }} [{{ Auth::user()->id }}]">
        <input type="hidden" name="usercrea" value="{{ Auth::user()->id }}">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title"><i class="fal fa-md fa-fw m-r-0 fa-trash"></i> Suppression de la ligne {{ $echeances->ins_e_id }}</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
                <div class="modal-body">
                    <fieldset class="scheduler-border">
                     
                        <div class="row">
                            <div class="col-sm-12 text-center">
                                <p class="" style=" font-size: 8px;text-align: justify; ">
                                  
                                    <strong> Voulez-vous vraiment supprimer ?</strong>
                                </p>

                                {{ $echeances->ins_e_id }} <br>
                                {{ $echeances->ins_e_periode }} <br>
                                {{ $echeances->ins_e_type }} <br>
                                {{ $echeances->ins_e_montantapaye }} fdj <br>
                                {{ date('d/m/Y', strtotime($echeances->ins_e_datelimite ))}} <br>
                                

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






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







                    @if( $et->insc_statut==='MP_VALIDE')
                    <div class="col-md-1"></div>
                    <div class="col-md-4">

                        <form method="POST" action="{{ route('etudiants_valide_pedagogique') }} " enctype="multipart/form-data" style="background: #fef8ef; padding:20px">
                            {{ csrf_field() }}
                            <input type="hidden" name="et_dsvalidepar" value="{{ Auth::user()->name }} [{{ Auth::user()->id }}]">
                            <input type="hidden" name="et_dsvalidedate" value="{{ date('Y-m-d') }}">
                            <input type="hidden" name="et_id" value="{{ $et->et_id }}">
                            <input type="hidden" name="et_modalite_paiement" value="{{ $et->et_modalite_paiement }}">
                            <input type="hidden" name="et_classe_choisie" value="{{ $et->et_classe_choisie }}">
                            <input type="hidden" name="insc_id" value="{{ $et->insc_id }}">

                            <fieldset class="scheduler-border">
                                <legend class="scheduler-border h4" style="text-align: center;background: antiquewhite;">
                                    CADRE RESERVE A L’ADMINISTRATION

                                </legend>



                                <div class="form-group row m-b-0">
                                    <label class="col-form-label col-md-5">Dossier reçu le :</label>
                                    <div class="col-md-7">
                                        <input type="date" value="{{ $et->et_date_dsrecu }}" class="form-control" name="et_date_dsrecu" required>
                                    </div>
                                </div>

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


                                        <select class="form-control" name="et_dsetat" required>
                                            <option selected value="AUCUN"> Aucun choix</option>
                                            <option value="COMPLET"> COMPLET</option>
                                            <option value="INCOMPLET"> INCOMPLET</option>
                                        </select>

                                    </div>
                                </div>
                                <br>
                                <br>


                                <div class="form-group row m-b-0">
                                    <label class="col-form-label col-md-6">Dossier complété le :</label>
                                    <div class="col-md-6">
                                        <input type="date" value="{{ $et->et_date_dscomplete }}" class="form-control" name="et_date_dscomplete" required>
                                    </div>
                                </div>



                                <div class="form-group row m-b-0">
                                    <label class="col-form-label col-md-12">Décision du comité pédagogique :</label>
                                    <div class="col-md-12">

                                        <textarea rows="6" class="form-control" name="et_decision_comite_pedagogique" placeholder="Ecrivez la décision du comité pédagogique..." required></textarea>
                                    </div>
                                </div>


                                <div class="form-group row m-b-0">
                                    <label class="col-form-label col-md-5">Classe choisit : {{ $et->et_classe_choisie }} </label>
                                    <div class="col-md-7">


                                        <select class="form-control" name="et_classe_inscrit" required>

                                            @foreach ($filieres as $f)

                                            @if( $et->et_classe_choisie == $f->cl_id)
                                            <option selected value="{{ $f->cl_id }}"> {{ $f->cl_cycle }} > {{ $f->cl_nom }} </option>
                                            @else
                                            <option value="{{ $f->cl_id }}"> {{ $f->cl_cycle }} > {{ $f->cl_nom }} </option>
                                            @endif

                                            @endforeach
                                        </select>

                                    </div>
                                </div>







                            </fieldset>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-success btn-block btn-sm">Enregistrer</button>
                            </div>
                        </form>
                    </div>
                    @endif



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


    </div>

</div>
















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











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

    <form method="POST" action="{{ route('et_echeanceValider') }}">
        @csrf

        <input type="hidden" name="et_id" value="{{ $et->et_id }}">
        <input type="hidden" name="insc_id" value="{{ $et->insc_id }}">
        <input type="hidden" name="username" value="{{ Auth::user()->name }} [{{ Auth::user()->id }}]">
        <input type="hidden" name="usercrea" value="{{ Auth::user()->id }}">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title"><i class="fal fa-md fa-fw m-r-0 fa-check"></i> Validation du modalité de paiement</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
                <div class="modal-body">
                    <fieldset class="scheduler-border">
                        <div class="row">
                            <div class="col-sm-1"></div>
                            <div class="col-sm-9">
                                <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: white;">
                                    <thead>
                                        <th>ID</th>
                                        <th>Période</th>
                                        <th>Type</th>
                                        <th class="text-right">Montant à payer</th>
                                        <th class="text-center">A payer avant</th>
                                    </thead>
                                    <tbody>
                                        @php $total=0; @endphp
                                        @foreach ($inscriptions_echeances as $echeances)
                                        @php $total=$total + $echeances->ins_e_montantapaye; @endphp
                                        <tr>
                                            <td>{{ $echeances->ins_e_id }} </td>
                                            <td>{{ $echeances->ins_e_periode }} </td>
                                            <td>{{ $echeances->ins_e_type }} </td>
                                            <td class="text-right">{{ $echeances->ins_e_montantapaye }} fdj </td>
                                            <td class="text-center">{{ date('d/m/Y', strtotime($echeances->ins_e_datelimite ))}} </td>

                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>

                                <p class="text-right" style=" font-size: 28px; "> <small>Total à payer : </small> {{ $total }} <small>fdj</small> </p>

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <p class="" style=" font-size: 8px;text-align: justify; ">
                                    Je soussigné(e) <strong>{{ $et->et_civilite}} {{ $et->et_prenom}} {{ $et->et_nom}}</strong> certifie sur l’honneur l’exactitude des renseignements fournis ci-dessus et sollicite mon inscription <strong>{{ $et->cl_type}} {{ $et->cl_cycle}} {{
                                        $et->cl_nom}}</strong> en m’engageant sur l’honneur ; <br>à respecter scrupuleusement <strong>les règlements et les disciplines en vigueur au sein de L’ISCAE</strong> ; <br><strong>à accepter les frais d’inscription et le paiement ci-après</strong> sollicité pour le suivi des cours (voir tableau ci-dessus).
                                    <br>
                                    <br>
                                    <strong> Le non-respect du présent engagement autorise les autorités de l’ISCAE à prendre les mesures et les sanctions qu’elles jugent adéquates à mon égard.</strong>
                                </p>
                            </div>
                        </div>
                    </fieldset>
                </div>
                <div class="modal-footer">
                    <a href="javascript:;" class="btn btn-white" data-dismiss="modal">Fermer</a>
                    <button type="submit" class="btn btn-success">Confirmer la validation</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