@extends('layouts.main')

@section('content')


<div class="row" style="   padding: 5px;  ">
    <div class="col-sm-6 p-0 m-0"><h1 class="m-0" ><i class="fal fa-md fa-fw m-r-0 fa-file"></i>Caisse > <span style="">{{ $fc_journee }}</span> </h1> </div>
    <div class="col-sm-6 text-right  p-0 m-0">
       
    </div>
</div>
<!-- end breadcrumb -->
<!-- begin row -->


<div class="row" >
	


	<div class="col-md-6">
									
		{{-- 
			<div class="alert alert-secondary">
				
			</div> --}}
			
            <div class="row" style="  background: #f6f6f6; padding: 5px;  ">
                <div class="col-sm-6 p-0 m-0"><h5 class="m-0" ><i class="fal fa-md fa-fw m-r-0 fa-user"></i>Liste des etudiants par nom de famille</h5></div>
                <div class="col-sm-6 text-right  p-0 m-0">
                
                </div>
            </div>
    


<div class="row" >
<div class=" col-sm-4 m-b-2"  style=" background: #f6f6f6;padding: 10px; ">

  
            <form method="POST" action="{{ route('filiere_inscription') }}">
                @csrf
                <input type="hidden" name="p_usercrea" value="{{ Auth::user()->name }}[{{ Auth::user()->id }}]"
                    name="p_idetudiant">
                <fieldset class="scheduler-border">
                    <legend class="scheduler-border h4"
                        style="text-align: center;background: antiquewhite;">Paiement
                    </legend>


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

                            <div class="form-group row m-b-0">
                                <label class="col-form-label col-md-5 text-right">Libelle :</label>
                                <div class="col-md-7">
                                    <select class="form-control" name="p_inscription">
                                           
                                    </select>
                                </div>
                            </div>

                         

                            <div class="form-group row m-b-0">
                                <label class="col-form-label col-md-5 text-right">Montant payé <br> <small>  Francs Djibouti</small> :</label>
                                <div class="col-md-7">
                                    <input type="number" value="" class="form-control  text-right"  name="p_montant" 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-5 text-right">Type paiement :</label>
                                <div class="col-md-7">
                                    <select class="form-control" name="p_moyen" required id="div_select">
                                        <option id="cheque" value="CHEQUE">CHEQUE</option>
                                        <option id="especes" value="ESPECES">ESPECES</option>
                                    </select>
                                </div>
                            </div>



                            <div style="border: #ffd9a6 1px solid;padding: 10px;background: #f8f7f5;" id="div_cheque">
                                <div class="form-group row m-b-0">
                                    <label class="col-form-label col-md-5 text-right">CHèque N° :</label>
                                    <div class="col-md-7">
                                        <input type="number" value="" class="form-control  text-right" name="p_numcheque">
                                    </div>
                                </div>
                                <div class="form-group row m-b-0">
                                    <label class="col-form-label col-md-5 text-right">CHèque Date :</label>
                                    <div class="col-md-7">
                                        <input type="date" value="" class="form-control  text-right"  name="p_datecheque">
                                    </div>
                                </div>


                                <div class="form-group row m-b-0">
                                    <label class="col-form-label col-md-5 text-right">Banque :</label>
                                    <div class="col-md-7">
                                        <input type="text" value="" class="form-control  text-right" name="p_bankcheque" >
                                    </div>
                                </div>

                            </div>

                            <br>
                            <div class="form-group row m-b-0">
                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-block btn-primary btn-md">
                                        <h1>ENREGISTRER</h1>
                                    </button>
                                </div>
                            </div>



                        </div>
                    </div>
                </fieldset>
            </form>
      <br>
</div>

<div class=" col-sm-6 m-b-2"  style=" background: #f6f6f6;padding: 10px; "> 
    <table  class="table table-bordered table-hover table-striped w-100">
			<thead>
				<th>ID</th>
				<th>Nom de famille</th>
				<th>Enfant</th>
				<th>Date de naissance</th>
				<th>Portable</th>
				<th>Email</th>
				<th>Fixe</th>
				<th>Statut</th>
				<th></th>
			</thead>
			<tbody>
			  @foreach ($etudiants as $et )

             @if($et->et_statut == "OUI")	 
			 <tr style="background: aliceblue;"> 
			 @else 
			 <tr> 
			 @endif														
			 
				<td>{{ $et->et_id }}</td>
			  <td><a href="{{URL::route('etudiants_detailscaisse', ['id' => encrypt($et->et_id)])}}"> {{ $et->et_civilite}}  {{ $et->et_nom}} </a> </td>
			  <td><a href="{{URL::route('etudiants_detailscaisse', ['id' => encrypt($et->et_id)])}}"> {{ $et->et_civilite}} {{ $et->et_prenom}} {{ $et->et_nom}} </a> </td>
			  <td>{{ $et->et_datenaissance}}</td>
			  <td>{{ $et->et_portable}}</td>
			  <td>{{ $et->et_email}}</td>
			  <td>{{ $et->et_telephone}}</td>
			  <td>{{ $et->et_statut}}</td>
			  <td><a href="{{URL::route('etudiants_detailscaisse', ['id' => encrypt($et->et_id)])}}"> <i class="fal fa-eye"></i> Détail</a> </td>
			  </tr>
			  @endforeach
			</tbody>
		  </table>
		<p class="text-right"> <strong> {{count($etudiants)}}</strong> Etudiant(s)</p>
		
			</div>
			</div>
			

	


	</div>
    <div class=" col-sm-2"  style="padding: 10px; "></div>
    <div class=" col-sm-4"  style="padding: 10px; ">
        <legend class="scheduler-border h4" style="text-align: center;background: antiquewhite;">Transactions de la journée du 
        </legend>
        <table id="" class="table table-bordered table-hover table-striped w-100">
            <thead>
                <th>Réf.</th>
                <th>Période</th>
                <th>Montant</th>
                <th>Moyen de paiement</th>
                <th>Date </th>
                <th></th>
            </thead>
            <tbody>
                
                @php $pmontant=0; @endphp
                @foreach ($paiements as $p )
                @php $pmontant=$pmontant + $p->p_montant; @endphp
                <tr style="cursor: pointer;">
                    <td>{{ $p->p_ref }}</td>
                    <td>{{ $p->periode_libelle }}</td>
                    <td class="text-right"> <strong>{{ $p->p_montant }} </strong><span style="font-size: 8px;">FDJ</span> </td>
                    <td>{{ $p->p_moyen }} {{ $p->p_numcheque }}{{ $p->p_datecheque }}{{ $p->p_bankcheque }}</td>
                    <td>{{ $p->p_datecrea }}</td>
                    <td> </td>
                </tr>
                @endforeach


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

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

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





<div class="modal fade" id="modal-dialog">
					
    <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="modal-dialog modal-lg">
        <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>Nouveau etudiant </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: 120px; max-height:120px" src="{{ asset('img/demo/avatars/avatar-m.png') }}">
                    
                    </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-5">Civilite</label>
                                            <div class="col-md-7">
                                                <select class="form-control" name="et_civilite">
                                                    <option value="M."> M.</option>
                                                    <option  value="Mlle"> Mlle</option> 
                                                    <option  value="Mme"> Mme</option> 
                                                </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" 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" placeholder="Nom du père"  >
                                    
                                                </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" value="01-01-1990" class="form-control" name="et_datenaissance"   >
                                                </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" placeholder="Nom de la mère"  >
                                                </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">
                                                    <option  value="Marie"> Marie</option> 
                                                    <option  value="Celibataire"> Celibataire</option> 
                                                    <option  value="Autres"> Autres</option> 
                                                </select>

                                                </div>
                                            </div>
                                            
                                        <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">
                                                    <option  value="Etudiant"> Etudiant</option> 
                                                    <option  value="Salarie"> Salarie</option> 
                                                    <option  value="Chomeur"> Chomeur</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"   >
                                                </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="Dernier diplôme obtenu"  >
                                                
                                                <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>

                                            
                                        <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" 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" placeholder="Votre adresse Email"   >
                                                </div>
                                            </div>
                                            
                                            <br>

                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-5">Date d'inscription :</label>
                                                <div class="col-md-7">
                                                    <input type="date" value="" class="form-control" name="et_date_inscription"  value="{{ date('Y/m/d') }}"  >
                                                    </div>
                                                </div>
                                            <hr>
                                        
                                            
                                                            
                                            
                                        </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