@extends('layouts.main')

@section('content')


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

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

		@include('modules.scolarite.menu')
	</div>


	<div class="col-md-8" style="padding: 10px; ">

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





				@if($primaire)
			
				<div class="col-md-6"  style="padding: 5px;" >
					<div style="padding: 15px; background: rgb(235, 235, 235)">
	
					{{--
					<div class="alert alert-secondary">
	
					</div> --}}
	
					<div class="row" style="    ">
						<div class="col-sm-6 p-0 m-0">
							<h5 class="m-0"><i class="fal fa-md fa-fw m-r-0 fa-list"></i>Classes Primaire</h5>
						</div>
						<div class="col-sm-6 text-right  p-0 m-0">
							<a href="#modal-classesprimaire" data-toggle="modal" class="btn btn-default btn-xs"> <i
									class="fal fa-plus"></i> Ajouter</a>
	
						</div>
					</div>
				<h1 class="text-center">Primaire</h1>
				<div class="row">

					<div class=" col-sm-1 m-b-2"></div>
					<div class=" col-sm-10 m-b-2">

						<table class="table table-bordered table-hover">
							<thead style="background: antiquewhite;">
								<tr>
									<td>ID</td>
									<td>Cycle</td>
									<td>Nom</td>
									<td></td>
									<td></td>
									<td></td>
								</tr>
							</thead>

							<tbody>
								@foreach ($primaire as $cl )

								<tr>
									<td><a href="{{URL::route('classes_details', ['id' => encrypt($cl->cl_id)])}}"> {{
											$cl->cl_id }} </a></td>
									<td>{{ $cl->cl_cycle}}</td>
									<td>{{ $cl->cl_cycle}} {{ $cl->cl_nom}}</td>
									<td class="text-center"> <a  href="{{URL::route('matieres_details', ['id' => encrypt($cl->cl_id)])}}"> <i class="fal fa-file-alt  text-success"> Matières</i> </a> </td>
									<td class="text-center "> <a  href="{{URL::route('indexclassenotes', ['id' => encrypt($cl->cl_id)])}}"> <i class="fal fa-file-edit"> Notes</i> </a> </td>
									<td class="text-center"> <a href=""> <i class="fal fa-trash  text-danger"></i> </a> </td>
								</tr>

								@endforeach
							</tbody>
						</table>

					</div>
				</div>
			</div>
		</div>
				@endif
			
			
				@if($college)
				<div class="col-md-4"  style="padding: 5px;" >
					<div style="padding: 15px; background: rgb(235, 235, 235)">
	
					{{--
					<div class="alert alert-secondary">
	
					</div> --}}
	
					<div class="row" style="    ">
						<div class="col-sm-6 p-0 m-0">
							<h5 class="m-0"><i class="fal fa-md fa-fw m-r-0 fa-list"></i>Classes Collège</h5>
						</div>
						<div class="col-sm-6 text-right  p-0 m-0">
							<a href="#modal-classescollege" data-toggle="modal" class="btn btn-default btn-xs"> <i
									class="fal fa-plus"></i> Ajouter</a>
	
						</div>
					</div>
				<h1 class="text-center">Collège</h1>
				<div class="row">

					<div class=" col-sm-1 m-b-2"></div>
					<div class=" col-sm-10 m-b-2">

						<table class="table table-bordered table-hover">
							<thead style="background: antiquewhite;">
								<tr>
									<td>ID</td>
									<td>Cycle</td>
									<td>Nom</td>
									<td></td>
								</tr>
							</thead>

							<tbody>
								@foreach ($college as $cl )

								<tr>
									<td><a href="{{URL::route('classes_details', ['id' => encrypt($cl->cl_id)])}}"> {{
											$cl->cl_id }} </a></td>
									<td>{{ $cl->cl_cycle}}</td>
									<td>{{ $cl->cl_cycle}} {{ $cl->cl_nom}}</td>
									<td class="text-center text-danger"> <i class="fal fa-trash"></i> </td>
								</tr>

								@endforeach
							</tbody>
						</table>

					</div>
				</div>
			</div>
			</div>
				@endif
			
			
				@if($lycee)
				<div class="col-md-4"  style="padding: 5px;" >
					<div style="padding: 15px; background: rgb(235, 235, 235)">
	
					{{--
					<div class="alert alert-secondary">
	
					</div> --}}
	
					<div class="row" style="    ">
						<div class="col-sm-6 p-0 m-0">
							<h5 class="m-0"><i class="fal fa-md fa-fw m-r-0 fa-list"></i>Classes lycée</h5>
						</div>
						<div class="col-sm-6 text-right  p-0 m-0">
							<a href="#modal-classeslycee" data-toggle="modal" class="btn btn-default btn-xs"> <i
									class="fal fa-plus"></i> Ajouter</a>
	
						</div>
					</div>
				<h1 class="text-center">Lycée</h1>
				<div class="row">

					<div class=" col-sm-1 m-b-2"></div>
					<div class=" col-sm-10 m-b-2">

						<table class="table table-bordered table-hover">
							<thead style="background: antiquewhite;">
								<tr>
									<td>ID</td>
									<td>Cycle</td>
									<td>Nom</td>
									<td></td>
								</tr>
							</thead>

							<tbody>

								@foreach ($lycee as $cl )

								<tr>
									<td><a href="{{URL::route('classes_details', ['id' => encrypt($cl->cl_id)])}}"> {{
											$cl->cl_id }} </a></td>
									<td>{{ $cl->cl_cycle}}</td>
									<td>{{ $cl->cl_cycle}} {{ $cl->cl_nom}}</td>
									<td class="text-center text-danger"> <i class="fal fa-trash"></i> </td>
								</tr>

								@endforeach
							</tbody>
						</table>

					</div>
				</div>
			</div>
			
			
		</div>
				@endif
			
	





		</div>
		<!-- end row -->


		<div class="row">
		
	
					@if($universite)
					<div class="col-md-6"  style="padding: 5px;"  style="padding: 5px;" >
						<div style="padding: 15px; background: rgb(235, 235, 235)">
			
							{{--
							<div class="alert alert-secondary">
			
							</div> --}}
			
							<div class="row" style="    ">
								<div class="col-sm-6 p-0 m-0">
									<h5 class="m-0"><i class="fal fa-md fa-fw m-r-0 fa-list"></i>Formation Initial - Universitaire</h5>
								</div>
								<div class="col-sm-6 text-right  p-0 m-0">
									<a href="#modal-classesunivFI" data-toggle="modal" class="btn btn-default btn-xs"> <i
											class="fal fa-plus"></i> Ajouter</a>
			
								</div>
							</div>
					<h1 class="text-center">Université</h1>
					<div class="row">
	
						<div class=" col-sm-1 m-b-2"></div>
						<div class=" col-sm-10 m-b-2">
	
							<table class="table table-bordered table-hover">
								<thead style="background: antiquewhite;">
									<tr>
										<td>ID</td>
										<td>Cycle</td>
										<td>Nom</td>
										<td></td>
									</tr>
								</thead>
	
								<tbody>
									@foreach ($universite as $cl )
	
									<tr>
										<td><a href="{{URL::route('classes_details', ['id' => encrypt($cl->cl_id)])}}"> {{
												$cl->cl_id }} </a></td>
										<td>{{ $cl->cl_cycle}}</td>
										<td>{{ $cl->cl_cycle}} {{ $cl->cl_nom}}</td>
										<td class="text-center text-danger"> <i class="fal fa-trash"></i> </td>
									</tr>
	
									@endforeach
								</tbody>
							</table>
	
						</div>
					</div>
				</div>
				</div>
					@endif
	
	
	
	
	
			
	
					@if($universiteFC)
					<div class="col-md-6"  style="padding: 5px;"  style="padding: 5px;" >
						<div style="padding: 15px; background: rgb(235, 235, 235)">
			
							{{--
							<div class="alert alert-secondary">
			
							</div> --}}
			
							<div class="row" style="    ">
								<div class="col-sm-6 p-0 m-0">
									<h5 class="m-0"><i class="fal fa-md fa-fw m-r-0 fa-list"></i>Formation Continue - Universitaire</h5>
								</div>
								<div class="col-sm-6 text-right  p-0 m-0">
									<a href="#modal-classesunivFC" data-toggle="modal" class="btn btn-default btn-xs"> <i
											class="fal fa-plus"></i> Ajouter</a>
			
								</div>
							</div>
					<h1 class="text-center">Université</h1>
					<div class="row">
	
						<div class=" col-sm-1 m-b-2"></div>
						<div class=" col-sm-10 m-b-2">
	
							<table class="table table-bordered table-hover">
								<thead style="background: antiquewhite;">
									<tr>
										<td>ID</td>
										<td>Cycle</td>
										<td>Nom</td>
										<td></td>
									</tr>
								</thead>
	
								<tbody>
									@foreach ($universiteFC as $cl )
	
									<tr>
										<td><a href="{{URL::route('classes_details', ['id' => encrypt($cl->cl_id)])}}"> {{
												$cl->cl_id }} </a></td>
										<td>{{ $cl->cl_cycle}}</td>
										<td>{{ $cl->cl_cycle}} {{ $cl->cl_nom}}</td>
										<td class="text-center text-danger"> <i class="fal fa-trash"></i> </td>
									</tr>
	
									@endforeach
								</tbody>
							</table>
	
						</div>
					</div>
				</div>
				</div>
					@endif
	
	
	
	
	
		</div>



	</div>
	<!-- end row -->



	<div class="modal fade" id="modal-classesprimaire">
		<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 }}]">			
			<input type="hidden" name="cl_niveau" value="primaire">
			<input type="hidden" name="cl_type" value="FI">

			<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 classe </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 primaire
										</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">Classe :</label>
													<div class="col-md-8">
														<select class="form-control" name="cl_cycle">
															<optgroup label="Pre-Scolaire">
																<option value="Petite section">Petite section</option>
																<option value="Moyenne section">Moyenne section</option>
																<option value="Grande section">Grande section</option>
															</optgroup>
															<optgroup label="Primaire">
																<option value="CP">CP</option>
																<option value="CE1">CE1</option>
																<option value="CE2">CE2</option>
																<option value="CM1">CM1</option>
																<option value="CM2">CM2</option>
															</optgroup>	
														</select>
													</div>
												</div>
												<div class="form-group row m-b-0">
													<label class="col-form-label col-md-4">Nom de la classe :</label>
													<div class="col-md-8">
														<input type="text" class="form-control" name="cl_nom" autocomplete="off"
															placeholder="Nom Classe">
													</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>



	


	<div class="modal fade" id="modal-classescollege">
		<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 }}]">			
			<input type="hidden" name="cl_niveau" value="college">
			<input type="hidden" name="cl_type" value="FI">

			<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 classe colège </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">Classe :</label>
													<div class="col-md-8">
														<select class="form-control" name="cl_cycle">
															<optgroup label="Collège">
																<option value="6ème">6ème</option>
																<option value="7ème">7ème</option>
																<option value="8ème">8ème</option>
																<option value="9ème">9ème</option>
															</optgroup>
														</select>
													</div>
												</div>
												<div class="form-group row m-b-0">
													<label class="col-form-label col-md-4">Nom de la classe :</label>
													<div class="col-md-8">
														<input type="text" class="form-control" name="cl_nom"
															placeholder="Nom Classe">
													</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>



	

	


	<div class="modal fade" id="modal-classeslycee">
		<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 }}]">			
			<input type="hidden" name="cl_niveau" value="lycee">
			<input type="hidden" name="cl_type" value="FI">

			<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 classe Lycée</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">Classe :</label>
													<div class="col-md-8">
														<select class="form-control" name="cl_cycle">
															<optgroup label="Lycée">
																<option value="seconde">seconde</option>
																<option value="premiere">première</option>
																<option value="terminale">terminale</option>
															</optgroup>
														</select>
													</div>
												</div>
												<div class="form-group row m-b-0">
													<label class="col-form-label col-md-4">Nom de la classe :</label>
													<div class="col-md-8">
														<input type="text" class="form-control" name="cl_nom"
															placeholder="Nom Classe">
													</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>




	

	


	<div class="modal fade" id="modal-classesunivFI">
		<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 }}]">			
			<input type="hidden" name="cl_niveau" value="universite">
			<input type="hidden" name="cl_type" value="FI">

			<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 classe Université- FI</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 Université- F
										</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">Année :</label>
													<div class="col-md-8">
														<select class="form-control" name="cl_cycle">
															<optgroup label="Université">
																<option value="L1">L1</option>
																<option value="L2">L2</option>
																<option value="L3">L3</option>

																<option value="M1">M1</option>
																<option value="M2">M2</option>


															</optgroup>
														</select>
													</div>
												</div>
												<div class="form-group row m-b-0">
													<label class="col-form-label col-md-4">Nom de la filière :</label>
													<div class="col-md-8">
														<input type="text" class="form-control" name="cl_nom"
															placeholder="Nom filière">
													</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>



	

	


	<div class="modal fade" id="modal-classesunivFC">
		<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 }}]">			
			<input type="hidden" name="cl_niveau" value="universite">
			<input type="hidden" name="cl_type" value="FC">

			<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 classe Université- FI</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 Université- F
										</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">Année :</label>
													<div class="col-md-8">
														<select class="form-control" name="cl_cycle">
															<optgroup label="Université">
																<option value="L1">L1</option>
																<option value="L2">L2</option>
																<option value="L3">L3</option>

																<option value="M1">M1</option>
																<option value="M2">M2</option>


															</optgroup>
														</select>
													</div>
												</div>
												<div class="form-group row m-b-0">
													<label class="col-form-label col-md-4">Nom de la filière :</label>
													<div class="col-md-8">
														<input type="text" class="form-control" name="cl_nom"
															placeholder="Nom filière">
													</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>

	<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 classe </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">Type d'enseignement :</label>
													<div class="col-md-8">
														<select class="form-control" name="cl_niveau">
															<option value="primaire">Primaire</option>
															<option value="college">Collège</option>
															<option value="lycee">Lycée</option>
															<option value="universite">Université</option>
														</select>
													</div>
												</div>




												<div class="form-group row m-b-0">
													<label class="col-form-label col-md-4">Type de formation :</label>
													<div class="col-md-8">
														<select class="form-control" name="cl_type">
															<option value="FI">Formation intiale</option>
															<option value="FC">Formation COntinue</option>
														</select>
													</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 label="Pre-Scolaire">
																<option value="Petit section">Petit section</option>
																<option value="Moyen section">Moyen section</option>
																<option value="Grand section">Grand section</option>
															</optgroup>


															<optgroup label="Primaire">
																<option value="CI">CI</option>
																<option value="CP">CP</option>
																<option value="CE1">CE1</option>
																<option value="CE2">CE2</option>
																<option value="CM1">CM1</option>
															</optgroup>

															<optgroup label="Collège">
																<option value="6ème">6ème</option>
																<option value="7ème">7ème</option>
																<option value="8ème">8ème</option>
																<option value="9ème">9ème</option>
															</optgroup>

															<optgroup label="Université">
																<option value="L1">L1</option>
																<option value="L2">L2</option>
																<option value="L3">L3</option>

																<option value="M1">M1</option>
																<option value="M2">M2</option>


															</optgroup>
														</select>
													</div>
												</div>



												<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>
										</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