@extends('layouts.main')

@section('content')



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



	<div class=" col-sm-2 ">

		@include('modules.finances.menu')

	</div>


	<div class="col-md-10" style="padding: 10px; background: #f9f8f8;padding: 10px;border-radius: 5px; ">




<p style="font-family: monospace;color: burlywood;padding-bottom: 10px;">CAISSE
    <span style="color: gray;font-size: 8px;font-family: auto;">> Paiement scolaire</span>
</p>
<div class="row" >
   

    <div class=" col-sm-12" >
        
        <div style="border: 1px solid lightgray;margin: 10px;" >
 

            <h1 style="font-size: 28px;font-family: cursive;color: burlywood;background: antiquewhite;font-weight: 900; text-align:center">Gestion de paiement étudiants</h1>
        
        <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>

<!-- end breadcrumb -->
<!-- begin row -->














<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