@extends('layouts.main')

@section('content')



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


	<div class="col-md-12">
									
		{{-- 
			<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> Ajouter une filière</a> 
			
			</div>
		</div>

		<div class="modal fade" id="modal-dialog">
					
			<form method="POST" action="{{ route('filiere_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 fillière </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">Libellé filière  :</label>
													<div class="col-md-8">
														<input type="text" class="form-control" name="f_libelle" placeholder="Libéllé filière"  >
											
														</div>
													</div>
													
						
												<div class="form-group row m-b-0">
													<label class="col-form-label col-md-4">Code filière  :</label>
													<div class="col-md-8">
														<input type="text" class="form-control" name="f_code" placeholder="Code filière"  >
											
														</div>
													</div>
													
												<div class="form-group row m-b-0">
													<label class="col-form-label col-md-4">Niveau d'étude </label>
													<div class="col-md-8">
														<select class="form-control" name="f_niveau">
															<option value="1"> 1ère année</option>
															<option  value="2"> 2ème année</option> 
															<option  value="3"> 3ème année</option> 
														</select>
														</div>
													</div>
													
												<div class="form-group row m-b-0">
													<label class="col-form-label col-md-4">Formation type  :</label>
													<div class="col-md-8">
														<select class="form-control" name="f_type">
															<option value="F.Initiale">F.Initiale</option>
															<option value="F.Continue">F.Continue</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>
		

<hr>
<div class="row" >

	<div class=" col-sm-6 m-b-2 text-center" >
		<diV style="border: 1px solid #dcdada;background: lightgray;">
		<h1> Formation Initiale</h1>
		<h2> 1ère année</h2>
		
<div class="row" >
			  @foreach ($filieresFI1 as $filiere )

			  <div class=" col-sm-2 m-b-2"  style=" background: #ebe9ff;margin: 10px; ">
			  
				<a href="{{URL::route('filieres_details', ['id' => encrypt($filiere->f_id)])}}">
					<div style="text-align: center;">
						<h1>{{ $filiere->f_libelle}}</h1>
						{{ $filiere->f_niveau}}<br>
						{{ $filiere->f_anneecrea}}<br>
			
			  </div>
			</a>
			  </div>

			  @endforeach
			</div>
			
		<h2> 2ème année</h2>
<div class="row" >
			  @foreach ($filieresFI2 as $filiere )

			  <div class=" col-sm-2 m-b-2"  style=" background: #ebe9ff;margin: 10px; ">
			  
				<a href="{{URL::route('filieres_details', ['id' => encrypt($filiere->f_id)])}}">
					<div style="text-align: center;">
						<h1>{{ $filiere->f_libelle}}</h1>
						{{ $filiere->f_niveau}}<br>
						{{ $filiere->f_anneecrea}}<br>
			
			  </div>
			</a>
			  </div>

			  @endforeach
			</div>

			
		<h2> 3ème année</h2>
		<div class="row" >
					  @foreach ($filieresFI3 as $filiere )
		
					  <div class=" col-sm-2 m-b-2"  style=" background: #ebe9ff;margin: 10px; ">
					  
						<a href="{{URL::route('filieres_details', ['id' => encrypt($filiere->f_id)])}}">
							<div style="text-align: center;">
								<h1>{{ $filiere->f_libelle}}</h1>
								{{ $filiere->f_niveau}}<br>
								{{ $filiere->f_anneecrea}}<br>
					
					  </div>
					</a>
					  </div>
		
					  @endforeach
					</div>
			</div>
			</div>
	<div class=" col-sm-6 m-b-2 text-center" >
		<h1> Formation Continue</h1>
			 
		
			</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