@extends('layouts.main')

@section('content')



<!-- end breadcrumb -->
<!-- begin row -->
<div class="row" >
	
	<div class=" col-sm-2 ">
	
		@include('modules.enseignants.mescours.menu')
			</div>
		
		
			<div class="col-md-8"  style="padding: 10px; ">
									
		{{-- 
			<div class="alert alert-secondary">
				
			</div> --}}
			
		<div class="row" style="  background: ; 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-file"></i>Mes cours</h1></div>
			<div class="col-sm-6 text-right  p-0 m-0">
			
			</div>
		</div>

		<div class="modal fade" id="modal-dialog">
					
			<form method="POST" action="{{ route('enseignants_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 modal-lg">
				<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 enseignant </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-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-6" style="background: #fef8ef;">
					
										
									<fieldset class="scheduler-border">
										<legend class="scheduler-border h4" style="text-align: center;background: antiquewhite;" >Informations Personnelle </legend>
										
										
										<div class="row" >
											<div class="col-sm-12">											
															
						
												<div class="form-group row m-b-0">
													<label class="col-form-label col-md-5">Civilite</label>
													<div class="col-md-7">
														<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-5">Prénom  :</label>
													<div class="col-md-7">
														<input type="text" class="form-control" name="et_prenom" placeholder="Prénom"  >
											
														</div>
													</div>
													
												<div class="form-group row m-b-0">
													<label class="col-form-label col-md-5">Nom  :</label>
													<div class="col-md-7">
														<input type="text" class="form-control" name="et_nom" placeholder="Nom de famille"  >
											
														</div>
													</div>												

													
												<div class="form-group row m-b-0">
													<label class="col-form-label col-md-5">Date de naissance :</label>
													<div class="col-md-7">
														<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-5">Situation Familiale :</label>
													<div class="col-md-7">														
														<select class="form-control" name="et_situation_familliale">
															<option  value="Marié(e)"> Marié(e)</option> 
															<option  value="Celibataire"> Celibataire</option> 
															<option  value="Divorcé(e)"> Divorcé(e)</option> 
															<option  value="Autres"> Autres</option> 
														</select>
														</div>
													</div>
													
													
													<div class="form-group row m-b-0">
														<label class="col-form-label col-md-5">Portable :</label>
														<div class="col-md-7">
															<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-5">Email :</label>
														<div class="col-md-7">
															<input type="text" class="form-control" name="et_email" placeholder="Votre adresse Email"   >
															</div>
														</div>
													
														<fieldset class="scheduler-border">
															<legend class="scheduler-border h4"
																style="text-align: center;background: antiquewhite;">Informations 	professionnelle </legend>
								
								
								
															<div class="form-group row m-b-0">
																<label class="col-form-label col-md-5">Situation PRO :</label>
																<div class="col-md-7">
																	<select class="form-control" name="et_situation_pro" required>
																		<option value="Aucun"> Aucun choix</option>
																		<option value="Salarié(e)"> Salarié(e)</option>
																		<option value="Enseignant"> Enseignant</option>
																		<option value="Chomeur"> Chomeur</option>
																	</select>								
																</div>
															</div>
								
															<div class="form-group row m-b-0">
																<label class="col-form-label col-md-5">Lieu de travail (Si, salarié(e)) :</label>
																<div class="col-md-7">
																	<input type="text" class="form-control" name="et_situation_pro_travail">
																</div>
															</div>
								
								
															<div class="form-group row m-b-0">
																<label class="col-form-label col-md-5">Dernier diplôme obtenu :</label>
																<div class="col-md-7">
																	<input type="text" class="form-control" name="et_dernier_diplome" placeholder="Nom du diplôme obtenu" required>
																									
																	<select class="form-control" name="et_dernier_diplome_annee">
																		<option>Année d'obtention</option>
																																				<option value="1990">
																			1990																		</option>
																																				<option value="1991">
																			1991																		</option>
																																				<option value="1992">
																			1992																		</option>
																																				<option value="1993">
																			1993																		</option>
																																				<option value="1994">
																			1994																		</option>
																																				<option value="1995">
																			1995																		</option>
																																				<option value="1996">
																			1996																		</option>
																																				<option value="1997">
																			1997																		</option>
																																				<option value="1998">
																			1998																		</option>
																																				<option value="1999">
																			1999																		</option>
																																				<option value="2000">
																			2000																		</option>
																																				<option value="2001">
																			2001																		</option>
																																				<option value="2002">
																			2002																		</option>
																																				<option value="2003">
																			2003																		</option>
																																				<option value="2004">
																			2004																		</option>
																																				<option value="2005">
																			2005																		</option>
																																				<option value="2006">
																			2006																		</option>
																																				<option value="2007">
																			2007																		</option>
																																				<option value="2008">
																			2008																		</option>
																																				<option value="2009">
																			2009																		</option>
																																				<option value="2010">
																			2010																		</option>
																																				<option value="2011">
																			2011																		</option>
																																				<option value="2012">
																			2012																		</option>
																																				<option value="2013">
																			2013																		</option>
																																				<option value="2014">
																			2014																		</option>
																																				<option value="2015">
																			2015																		</option>
																																				<option value="2016">
																			2016																		</option>
																																				<option value="2017">
																			2017																		</option>
																																				<option value="2018">
																			2018																		</option>
																																				<option value="2019">
																			2019																		</option>
																																				<option value="2020">
																			2020																		</option>
																																				<option value="2021">
																			2021																		</option>
																																				<option value="2022">
																			2022																		</option>
																																				<option value="2023">
																			2023																		</option>
																																				<option value="2024">
																			2024																		</option>
																																				<option value="2025">
																			2025																		</option>
																																			</select>
								
																</div>
															</div>
								
								
															<br>
								
								
								
														</fieldset>
												
													
																	
													
												</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" >
    

        @foreach ($enseignants as $ens )
        @if($ens->et_id == Auth::user()->iduser)
<div class=" col-sm-3 m-b-2" >
            <div class="card border mb-g" style=" cursor: grab;background: lightgrey; " >
               <a href=" href="{{URL::route('relevesnotes', ['id' => encrypt($et->et_id)])}}">
                <div class="card-body text-center">
                    <p class="card-text"> <h2>{{ $ens->mat_nom }} </h2>
                        <p class=" m-0 p-0"> {{ $ens->mat_cycle }} </p>
                        <p class=" m-0 p-0"> {{ $ens->cl_cycle }}  {{ $ens->cl_nom }} </p>
                </div>
               </a>
            </div>
        </div>
        @endif
        @endforeach
        
			</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