@extends('layouts.default') 
@section('content')
<style>
	input{
		width: 90%!important;
	}
</style>
<!--<p class="titre_page">personels </p>-->
<div class="row">

	<div class="col-md-12">
		<div class="panel panel_body">
			<!--<button class="btn btn-info pull-right"  data-toggle="modal" data-target="#ajouter"><i class="fa fa-plus"></i></button>-->

			<button class="btn btn_plus"  data-toggle="modal" data-target="#ajouter"><i class="fa fa-plus btn_plus_icon"></i></button>
			<table class="table" id="positionTable">
				<thead>
					<tr>
						<th class="text-center">Localisation</th>
						<th class="text-center">Code</th>
						<th class="text-center">Nom</th>
						<th class="text-center">Matricule</th>
						<th class="text-center">Entite</th>
						<th class="text-center">Agence</th>
						<th class="text-center">Bureau</th>
					</tr>
				</thead>
				<tbody>
					@foreach($personels as $personel)
					<tr>
						<td class="text-center">{{ $personel->localisation }}</td>
						<td class="">
							<div class="c-blue" data-toggle="modal" data-target="#{{ $personel->id }}">{{ $personel->code }}</div>
							<div class="modal fade" id="{{ $personel->id }}" role="dialog">
							  <div class="modal-dialog modal-lg" role="document">
							    <div class="modal-content">
							      <div class="modal-header">
							      	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							          <span aria-hidden="true">&times;</span>
							        </button>
							        <h5 class="modal-title">Modifiction de personel : {{$personel->nom}}</h5>
							      </div>
							      <div class="modal-body">
							        <form action="{{ route('personel.update')}}" method="POST">
										{{csrf_field()}}
										<input type="hidden" name="_method" value="PUT">
										<input type="hidden" name="id" value="{{$personel->id}}">

										<div class="row">
											<div class="col-md-4">
												<div class="form-group">
													<label for="code">Code</label>
													<input type="text" class="form-control" name="code" required value="{{$personel->code}}" disabled>
												</div>
												<div class="form-group">
													<label for="nom">Nom</label>
													<input type="text" class="form-control" name="nom" required  value="{{$personel->nom}}">
												</div>
												<div class="form-group">
													<label for="Matricule">Matricule</label>
													<input type="text" class="form-control" name="matricule" required  value="{{$personel->matricule}}">
												</div>
											</div>
											<div class="col-md-4">
												<div class="form-group">
													<label for="entite_code">Entite</label>
													<select name="entite_code" class="form-control"
															onchange="
															selectZoneByEntite('sel_zone_add_{{$personel->id}}', 'sel_entite_add_{{$personel->id}}');
															selectAgenceByEntiteZone('sel_entite_add_{{$personel->id}}', 'sel_zone_add_{{$personel->id}}', 'sel_agence_add_{{$personel->id}}');
															filtreLocalisation(
																'sel_localisation_add_{{$personel->id}}','sel_entite_add_{{$personel->id}}', 
																'sel_zone_add_{{$personel->id}}', 'sel_agence_add_{{$personel->id}}', 
																'sel_departement_add_{{$personel->id}}', 'sel_bureau_add_{{$personel->id}}', 
																'sel_locale_add_{{$personel->id}}','sel_etage_add_{{$personel->id}}'
															);"
															id="sel_entite_add_{{$personel->id}}">
														<option value="">Choisir...</option>
														@foreach($entites as $entite)
															<option value="{{$entite->code}}" 
																@if($entite->code == $personel->entite_code) selected @endif>
																{{$entite->designation}}
															</option>
														@endforeach
													</select>
												</div>
												<div class="form-group">
													<label for="zone_code">Zone</label>
													<select name="zone_code" class="form-control"
															onchange="selectAgenceByEntiteZone('sel_entite_add_{{$personel->id}}', 'sel_zone_add_{{$personel->id}}', 'sel_agence_add_{{$personel->id}}');
															filtreLocalisation(
																'sel_localisation_add_{{$personel->id}}','sel_entite_add_{{$personel->id}}', 
																'sel_zone_add_{{$personel->id}}', 'sel_agence_add_{{$personel->id}}', 
																'sel_departement_add_{{$personel->id}}', 'sel_bureau_add_{{$personel->id}}', 
																'sel_locale_add_{{$personel->id}}','sel_etage_add_{{$personel->id}}'
															);"
															id="sel_zone_add_{{$personel->id}}">
														<option value="">Choisir...</option>
														@foreach($zones as $zone)
															<option value="{{$zone->code}}" 
																@if($zone->code == $personel->zone_code) selected @endif>
																{{$zone->designation}}
															</option>
														@endforeach
													</select>
												</div>
												<div class="form-group">
													<label for="agence_code">Agence</label>
													<select name="agence_code" class="form-control" 
														id="sel_agence_add_{{$personel->id}}"
														onchange="
														selectEtageByAgence('sel_etage_add_{{$personel->id}}', 'sel_agence_add_{{$personel->id}}');
														filtreLocalisation(
																'sel_localisation_add_{{$personel->id}}','sel_entite_add_{{$personel->id}}', 
																'sel_zone_add_{{$personel->id}}', 'sel_agence_add_{{$personel->id}}', 
																'sel_departement_add_{{$personel->id}}', 'sel_bureau_add_{{$personel->id}}', 
																'sel_locale_add_{{$personel->id}}','sel_etage_add_{{$personel->id}}'
															);">
														<option value="">Choisir...</option>
														@foreach($agences as $ag)
															<option value="{{$ag->code}}" 
																@if($ag->code == $personel->agence_code) selected @endif>
																{{$ag->designation}}
															</option>
														@endforeach
													</select>
												</div>
												<div class="form-group">
													<label for="etage_code">etage</label>
													<select name="etage_code" class="form-control" 
														id="sel_etage_add_{{$personel->id}}"
														onchange="filtreLocalisation(
																'sel_localisation_add_{{$personel->id}}','sel_entite_add_{{$personel->id}}', 
																'sel_zone_add_{{$personel->id}}', 'sel_agence_add_{{$personel->id}}', 
																'sel_departement_add_{{$personel->id}}', 'sel_bureau_add_{{$personel->id}}', 
																'sel_locale_add_{{$personel->id}}','sel_etage_add_{{$personel->id}}'
															);">
														<option value="">Choisir...</option>
														@foreach($etages as $ag)
															<option value="{{$ag->code}}" 
																@if($ag->code == $personel->etage_code) selected @endif>
																{{$ag->designation}}
															</option>
														@endforeach
													</select>
												</div>
											</div>
											<div class="col-md-4">
												<div class="form-group">
													<label for="departement_code">departement</label>
													<select name="departement_code" class="form-control"
														id="sel_departement_add_{{$personel->id}}"
														onchange="filtreLocalisation(
																'sel_localisation_add_{{$personel->id}}','sel_entite_add_{{$personel->id}}', 
																'sel_zone_add_{{$personel->id}}', 'sel_agence_add_{{$personel->id}}', 
																'sel_departement_add_{{$personel->id}}', 'sel_bureau_add_{{$personel->id}}', 
																'sel_locale_add_{{$personel->id}}','sel_etage_add_{{$personel->id}}'
															);">
														<option value="">Choisir...</option>
														@foreach($departements as $departement)
															<option value="{{$departement->code}}"
																@if($departement->code == $personel->departement_code) selected @endif>
																{{$departement->designation}}
															</option>
														@endforeach
													</select>
												</div>
												<div class="form-group">
													<label for="locale_code">Locale</label>
													<select name="locale_code" class="form-control"
														id="sel_locale_add_{{$personel->id}}"
														onchange="filtreLocalisation(
																'sel_localisation_add_{{$personel->id}}','sel_entite_add_{{$personel->id}}', 
																'sel_zone_add_{{$personel->id}}', 'sel_agence_add_{{$personel->id}}', 
																'sel_departement_add_{{$personel->id}}', 'sel_bureau_add_{{$personel->id}}', 
																'sel_locale_add_{{$personel->id}}','sel_etage_add_{{$personel->id}}'
															);">
														<option value="">Choisir...</option>
														@foreach($locales as $locale)
															<option value="{{$locale->code}}"
																@if($locale->code == $personel->locale_code) selected @endif>
																{{$locale->designation}}
															</option>
														@endforeach
													</select>
												</div>
												<div class="form-group">
													<label for="bureau_code">Bureau</label>
													<select name="bureau_code" class="form-control"
														id="sel_bureau_add_{{$personel->id}}"
														onchange="filtreLocalisation(
																'sel_localisation_add_{{$personel->id}}','sel_entite_add_{{$personel->id}}', 
																'sel_zone_add_{{$personel->id}}', 'sel_agence_add_{{$personel->id}}', 
																'sel_departement_add_{{$personel->id}}', 'sel_bureau_add_{{$personel->id}}', 
																'sel_locale_add_{{$personel->id}}','sel_etage_add_{{$personel->id}}'
															);">
														<option value="">Choisir...</option>
														@foreach($bureaux as $bureau)
															<option value="{{$bureau->code}}"
																@if($bureau->code == $personel->bureau_code) selected @endif>
																{{$bureau->designation}}
															</option>
														@endforeach
													</select>
												</div>
											</div>
											<div class="col-md-12">
												<div class="form-group">
													<label for="localisation_code">Localisation</label>
													<select name="localisation_code" class="form-control" style="width: 100%;"
															id="sel_localisation_add_{{$personel->id}}">
														<option value="">Choisir...</option>
														@foreach($localisations as $localisation)
															<option value="{{$localisation->code}}"
																@if($localisation->code == $personel->localisation_code) selected @endif>
																{{$localisation->code}}
															</option>
														@endforeach
													</select>
												</div>
												<div class="form-group">
													<button class="btn btn-info pull-right">Enregistrer</button>
												</div>
											</div>
										</div>
									</form>
							      </div>
							    </div>
							  </div>
							</div>
						</td>
						<td class="text-center">{{ $personel->nom }}</td>
						<td class="text-center">{{ $personel->matricule }}</td>
						<td class="text-center">{{ $personel->entite }}</td>
						<td class="text-center">{{ $personel->agence }}</td>
						<td class="text-center">{{ $personel->bureau }}</td>
						
						
						
					</tr>
					@endforeach
				</tbody>
			</table>
		</div>
	</div>
	


	<div class="modal fade" id="ajouter" role="dialog">
	  <div class="modal-dialog modal-lg" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	      	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
	          <span aria-hidden="true">&times;</span>
	        </button>
	        <h5 class="modal-title">Ajouter personel</h5>
	      </div>
	      <div class="modal-body">
	        <form action="{{ route('personel.store')}}" method="POST">
				{{csrf_field()}}
				<div class="row">
					<div class="col-md-4">
						<div class="form-group">
							<label for="code">Code</label>
							<input type="text" class="form-control" name="code" required>
						</div>
						<div class="form-group">
							<label for="nom">nom</label>
							<input type="text" class="form-control" name="nom" required>
						</div>
						<div class="form-group">
							<label for="matricule">Matricule</label>
							<input type="text" class="form-control" name="matricule" required>
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							<label for="entite_code">Entite</label>
							<select name="entite_code" class="form-control" required
										onchange="
										selectZoneByEntite('sel_zone_add', 'sel_entite_add');
										selectAgenceByEntiteZone('sel_entite_add', 'sel_zone_add', 'sel_agence_add');
										filtreLocalisation(
													'sel_localisation_add','sel_entite_add', 'sel_zone_add', 'sel_agence_add', 
													'sel_departement_add', 'sel_bureau_add', 'sel_locale_add', 'sel_etage_add'
													);"
										id="sel_entite_add"
							>
								<option value="">Choisir...</option>
								@foreach($entites as $entite)
									<option value="{{$entite->code}}">
										{{$entite->designation}}
									</option>
								@endforeach
							</select>
						</div>
						<div class="form-group">
							<label for="zone_code">Zone</label>
							<select name="zone_code" class="form-control" required
										onchange="selectAgenceByEntiteZone('sel_entite_add', 'sel_zone_add', 'sel_agence_add');
										filtreLocalisation(
													'sel_localisation_add','sel_entite_add', 'sel_zone_add', 'sel_agence_add', 
													'sel_departement_add', 'sel_bureau_add', 'sel_locale_add', 'sel_etage_add'
													);"
										id="sel_zone_add"
							>
								<option value="">Choisir...</option>
								@foreach($zones as $zone)
									<option value="{{$zone->code}}">
										{{$zone->designation}}
									</option>
								@endforeach
							</select>
						</div>
						<div class="form-group">
							<label for="agence_code">Agence</label>
							<select name="agence_code" class="form-control" id="sel_agence_add" required
									onchange="
										selectEtageByAgence('sel_etage_add', 'sel_agence_add');
										filtreLocalisation(
													'sel_localisation_add','sel_entite_add', 'sel_zone_add', 'sel_agence_add', 
													'sel_departement_add', 'sel_bureau_add', 'sel_locale_add', 'sel_etage_add'
													);"
									id="sel_agence_add">
								<option value="">Choisir...</option>
								@foreach($agences as $agence)
									<option value="{{$agence->code}}">
										{{$agence->designation}}
									</option>
								@endforeach
							</select>
						</div>

						<div class="form-group">
							<label for="etage_code">Etage</label>
							<select name="etage_code" class="form-control" id="sel_etage_add" required
									onchange="
										filtreLocalisation(
													'sel_localisation_add','sel_entite_add', 'sel_zone_add', 'sel_agence_add', 
													'sel_departement_add', 'sel_bureau_add', 'sel_locale_add', 'sel_etage_add'
													);"
									id="sel_agence_add">
								<option value="">Choisir...</option>
								@foreach($etages as $etage)
									<option value="{{$etage->code}}">
										{{$etage->designation}}
									</option>
								@endforeach
							</select>
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							<label for="departement_code">departement</label>
							<select name="departement_code" class="form-control"
									onchange="
										filtreLocalisation(
													'sel_localisation_add','sel_entite_add', 'sel_zone_add', 'sel_agence_add', 
													'sel_departement_add', 'sel_bureau_add', 'sel_locale_add', 'sel_etage_add'
													);"
									id="sel_departement_add">
								<option value="">Choisir...</option>
								@foreach($departements as $departement)
									<option value="{{$departement->code}}">
										{{$departement->designation}}
									</option>
								@endforeach
							</select>
						</div>
						<div class="form-group">
							<label for="bureau_code">Locale</label>
							<select name="locale_code" class="form-control"
									onchange="
										filtreLocalisation(
													'sel_localisation_add','sel_entite_add', 'sel_zone_add', 'sel_agence_add', 
													'sel_departement_add', 'sel_bureau_add', 'sel_locale_add', 'sel_etage_add'
													);"
									id="sel_locale_add">
								<option value="">Choisir...</option>
								@foreach($locales as $locale)
									<option value="{{$locale->code}}">
										{{$locale->designation}}
									</option>
								@endforeach
							</select>
						</div>
						<div class="form-group">
							<label for="bureau_code">Bureau</label>
							<select name="bureau_code" class="form-control"
									onchange="
										filtreLocalisation(
													'sel_localisation_add','sel_entite_add', 'sel_zone_add', 'sel_agence_add', 
													'sel_departement_add', 'sel_bureau_add', 'sel_locale_add', 'sel_etage_add'
													);"
									id="sel_bureau_add">
								<option value="">Choisir...</option>
								@foreach($bureaux as $bureau)
									<option value="{{$bureau->code}}">
										{{$bureau->designation}}
									</option>
								@endforeach
							</select>
						</div>
					</div>
				</div>
				
				<div class="col-md-12">
					<div class="form-group">
						<label for="localisation_code">Localisation</label>
						<select name="localisation_code" class="form-control" required id="sel_localisation_add">
							<option value="">Choisir...</option>
							@foreach($localisations as $localisation)
								<option value="{{$localisation->code}}">
									{{$localisation->code}}
								</option>
							@endforeach
						</select>
					</div>
					<div class="form-group">
						<button class="btn btn-info pull-right">Enregistrer</button>
					</div>
				</div>
				
				
				
					
			</form>
	      </div>
	    </div>
	  </div>
	</div>
</div>
@endsection