@extends('layouts.main')

@section('content')



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


	<div class="col-md-4">
									
		{{-- 
			<div class="alert alert-secondary">
				
			</div> --}}
			
		<div class="row" style="  background: #ebe9ff; 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 filières</h1></div>
			<div class="col-sm-6 text-right  p-0 m-0">
				<a  href="#modal-dialog" data-toggle="modal"  class="btn btn-default btn-xs"> <i class="fal fa-plus"></i> Rajouter une filière</a> 
			
			</div>
		</div>

		<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">
				<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 etudiént </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-4">Civilite</label>
													<div class="col-md-8">
														<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-4">Nom  :</label>
													<div class="col-md-8">
														<input type="text" class="form-control" name="et_nomcomplet" placeholder="Nom Etudiant(e)"  >
											
														</div>
													</div>
													
												<div class="form-group row m-b-0">
													<label class="col-form-label col-md-4">Nom de la mère  :</label>
													<div class="col-md-8">
														<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-4">Date de naissance :</label>
													<div class="col-md-8">
														<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-4">Portable :</label>
													<div class="col-md-8">
														<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-4">Email :</label>
													<div class="col-md-8">
														<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-4">Date d'inscription :</label>
                                                        <div class="col-md-8">
                                                            <input type="date" value="" class="form-control" name="et_date_inscription"   >
                                                            </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>
		

<div class="row" >
<div class=" col-sm-12 m-b-2"  style=" background: #ebe9ff;  ">
    <table id="" class="table table-bordered table-hover table-striped w-100">
			<thead>
				<th>ID</th>
				<th>Libelle</th>
				<th>Niveau</th>
				<th>Année</th>
				<th></th>
			</thead>
			<tbody>
			  @foreach ($filieres as $filiere )

              @if($filiereActive->f_id == $filiere->f_id)
			 <tr style="background: lightgray"> 	
                 @else
                 <tr> 	
                 @endif												
			 
				<td>{{ $filiere->f_id }}</td>
			  <td><a href="{{URL::route('filieres_details', ['id' => encrypt($filiere->f_id)])}}"> {{ $filiere->f_libelle}}  </a> </td>
			  <td>{{ $filiere->f_niveau}}</td>
			  <td>{{ $filiere->f_anneecrea}}</td>
			  <td>

                @if($filiereActive->f_id == $filiere->f_id) 	
                    @else
                    <a href="{{URL::route('filieres_details', ['id' => encrypt($filiere->f_id)])}}"> <i class="fal fa-eye"></i> Détail</a> 
                    @endif	
                
                </td>
			  </tr>
			  @endforeach
			</tbody>
		  </table>
		<p class="text-right"> <strong> {{count($filieres)}}</strong> Filière(s)</p>
		
			</div>
			</div>
			

	


	</div>


    <div class=" col-sm-7 m-b-2"  style=" background: rgb(251, 251, 251);  ">

        <div class="row" style="   background: rgb(212 211 211);   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 inscrits à la filière {{ $filiereActive->f_libelle }} {{ $filiereActive->f_niveau }} </h1>
            
            </div>
			<div class="col-sm-6 text-right  p-0 m-0">
				<a  href="#modal-dialog" data-toggle="modal"  class="btn btn-default btn-xs"> <i class="fal fa-plus"></i> Rajouter une filière</a> 
			
			</div>
		</div>


        <p class=""> <strong style="font-size: 28px;"> {{count($etudiant_inscrit)}}</strong> <br> Etudiant(s) Inscrit(s)</p>

        <table id="" class="table table-bordered table-hover table-striped w-100">
                <thead>
                    <th>Etudiant</th>
                    <th>Date naissance</th>
                    <th>Portable</th>
                    <th>Email</th>
                    <th>Date d'inscription</th>
                    <th>Type Paiement</th>
                    <th></th>
                </thead>
                <tbody>
                  @foreach ($etudiant_inscrit as $inscrit )
    
                 <tr> 													
                 
                  <td><a href="{{URL::route('etudiants_details', ['id' => encrypt($inscrit->et_id)])}}"> {{ $inscrit->et_civilite}} {{ $inscrit->et_nomcomplet}}  </a> </td>
                  <td>{{ $inscrit->et_datenaissance}}</td>
                  <td>{{ $inscrit->et_portable}}</td>
                  <td>{{ $inscrit->et_email}}</td>
                  <td>{{ $inscrit->insc_date}}</td>
                  <td>{{ $inscrit->ins_paiementtype}}</td>
                  <td><a href="{{URL::route('etudiants_details', ['id' => encrypt($inscrit->et_id)])}}"> <i class="fal fa-eye"></i> Détail</a> </td>
                  </tr>
                  @endforeach
                </tbody>
              </table>
            <p class="text-right"> <strong> {{count($etudiant_inscrit)}}</strong> Etudiant(s) Inscrit(s)</p>
            
                </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