@extends('layouts.main')

@section('content')



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


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

			</div>
			

	



	<div class="col-md-8">
									
		{{-- 
			<div class="alert alert-secondary">
				
			</div> --}}
			
		<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-user"></i>Liste des élèves inscrits</h1></div>
			<div class="col-sm-6 text-right  p-0 m-0">
			
			</div>
		</div>

	
		

<div class="row" >
<div class=" col-sm-12 m-b-2"  style=" padding: 10px; ">
    <table  class="table table-bordered table-hover table-striped w-100">
			<thead>
				<th>ID</th>
				<th>Nom de famille</th>
				<th>Etudiant</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_details', ['id' => encrypt($et->et_id)])}}"> {{ $et->et_civilite}} {{ $et->et_nom}}   </a> </td>
			  <td><a href="{{URL::route('etudiants_details', ['id' => encrypt($et->et_id)])}}"> {{ $et->et_prenom}}</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_details', ['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 row -->





<div class="modal fade" id="modal-dialog">
					
	<form method="POST" action="{{ route('classe_crea') }} "   enctype="multipart/form-data" >
		{{ csrf_field() }}   
		<input type="hidden" name="username"  value="{{ Auth::user()->name }}">
		<input type="hidden" name="usercrea"  value="{{ Auth::user()->name }}[{{ Auth::user()->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>Nouvelle fillière </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-1">
							  
						</div>
						<div class="col-sm-10" style="background: #fef8ef;">
			
								
							<fieldset class="scheduler-border">
								<legend class="scheduler-border h4" style="text-align: center;background: antiquewhite;" >Nouvelle classe </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">Nom Classe :</label>
											<div class="col-md-8">
												<input type="text" class="form-control" name="cl_nom" placeholder="Nom Classe"  >
									
												</div>
											</div>
											
				
									
											
										<div class="form-group row m-b-0">
											<label class="col-form-label col-md-4">Cycle d'étude :</label>
											<div class="col-md-8">
												<select class="form-control" name="cl_cycle">
													<optgroup title="Pre-Scolaire" >
													<option value="Petit section">Petit section</option>
													<option value="Moyen section">Moyen section</option>
													<option value="Grand section">Grand section</option>
													</optgroup>
													<option value="Primaire">Primaire</option>
													<option value="College">College</option>
													<option value="Lycee">Lycee</option>
												</select>
												</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