@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-8" style="padding: 10px; ">

		<!-- end breadcrumb -->
		<!-- begin row -->
		<div class="row">			
			<div class="col-md-8"  style="padding: 5px;" >
				<div class="row">
					<div class=" col-sm-1 m-b-2"></div>
					<div class=" col-sm-10 m-b-2">
						<h5 class="m-0"><i class="fal fa-md fa-fw m-r-0 fa-list"></i>Gestion des paiments mensuels </h5>
						<table class="table table-bordered table-hover">
							<thead style="background: antiquewhite;">
								<tr>
									<td>Etudiant</td>
									<td class="text-center">Période</td>
									<td class="text-right">Montant dû</td>
									<td class="text-right">Montant payé</td>
									<td class="text-right">Restant</td>
									<td></td>
								</tr>
							</thead>
							<tbody>
								@php $diff=0; @endphp
								@foreach ($paiementMensuels as $cl )
								@php 
								$diff=$cl->insc_montant_total - $cl->insc_montant_totalpaye; 
								$diffTotal=$diff+ $diff; 
								@endphp
								<tr>
									<td><a href="{{URL::route('pscolaire_classedetails', ['id' => encrypt($cl->et_prenom)])}}"> {{ $cl->et_prenom }} {{ $cl->et_nom }} </a></td>
									<td  class="text-center"><a href="{{URL::route('pscolaire_classedetails', ['id' => encrypt($cl->et_prenom)])}}">{{ $cl->periode_libelle}}</a></td>
									<td class="text-right"><a href="{{URL::route('pscolaire_classedetails', ['id' => encrypt($cl->et_prenom)])}}">{{ $cl->insc_montant_total}}   <span style=" font-size: 8px; text-transform: lowercase; ">FDJ</span></a></td>
									<td class="text-right"> {{ $cl->insc_montant_totalpaye}}  <span style=" font-size: 8px; text-transform: lowercase; ">FDJ</span> </td>
									<td class="text-right text-danger"> {{ $diff}} <span style=" font-size: 8px; text-transform: lowercase; ">FDJ</span>  </td>
									<td></td>
								</tr>
								@endforeach
								<tr style=" font-size: 18px; ">
									<td class="text-right" colspan="4">TOTAL</td>
									<td class="text-right text-danger"> {{ $diffTotal}} <span style=" font-size: 8px; text-transform: lowercase; ">FDJ</span>  </td>
									<td></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>	
		</div>
	</div>
	<!-- end 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