@extends('layouts.default') 
@section('content')
<style>
	input, select{
		width: 90%!important;
	}
</style>
<!--<p class="titre_page">localisations </p>-->
<div class="row">
	<div class="col-md-2" style="position: relative">
		 @include('partials.position')
	</div>
	<div class="col-md-10">
		<button class="btn btn_plus"  data-toggle="modal" data-target="#ajouter"><i class="fa fa-plus btn_plus_icon"></i></button>
		<div class="panel panel_body">	
			@if(session('success'))
				<div class="alert alert-success">
					{{ session('success')}}
				</div>
			@endif
			<table class="table" id="positionTable">
				<thead  onclick="toggle_searchable();">
					<tr >
						<th class="text-center" style="width: 300px!important">Code</th>
						<th class="text-center">Entite</th>
						<th class="text-center">Zone</th>
						<th class="text-center">Agence/Batiment</th>
						<th class="text-center">Etage</th>
						<th class="text-center">Locale</th>
						<th class="text-center">Bureau</th>
						<th class="text-center">Department</th>
					</tr>
				</thead>
				<thead id="panel-searchable" style="display: none;">
					<form action="" method="GET">
						<tr>
							<th class="text-center bg-white">
								<input type="text" placeholder="Code" class="form-control" name="code"
										@if($code) value="{{$code}}" @endif>
							</th>
							<th class="text-center bg-white">
								<select name="entite_code" class="form-control" style="width: 100%"
											onchange="selectZoneByEntite('zone_code', 'entite_code');
											selectAgenceByEntiteZone('entite_code', 'zone_code', 'agence_code');"
											id="entite_code">
									<option value="">Choisir...</option>
									@foreach($entites as $entite)
										<option value="{{ $entite->code}}"
											@if($entite_code == $entite->code) selected @endif>
											{{$entite->designation}}
										</option>									
									@endforeach
								</select>
							</th>
							<th class="text-center bg-white">
								<select name="zone_code" id="zone_code" class="form-control" style="width: 100%"
										onchange="
											selectAgenceByEntiteZone('entite_code', 'zone_code', 'agence_code');">
									<option value="">Choisir...</option>
									@foreach($zones as $zone)
										<option value="{{ $zone->code}}"
											@if($zone_code == $zone->code) selected @endif>
											{{$zone->designation}}
										</option>
									@endforeach
								</select>
							</th>
							<th class="text-center bg-white">
								<select name="agence_code" class="form-control" style="width: 100%" id="agence_code"
										onchange="selectEtageByAgence('etage_code', 'agence_code');">
									<option value="">Choisir...</option>
									@foreach($agences as $agence)
										<option value="{{ $agence->code}}"
											@if($agence_code == $agence->code) selected @endif>
											{{$agence->designation}}
										</option>									
									@endforeach
								</select>
							</th>
							<th class="text-center bg-white">
								<select name="etage_code"  class="form-control" style="width: 100%" id="etage_code">
									<option value="">Choisir...</option>
									@foreach($etages as $etage)
										<option value="{{ $etage->code}}"
											@if($etage_code == $etage->code) selected @endif>
											{{$etage->designation}}
										</option>
									@endforeach
								</select>
							</th>
							<th class="text-center bg-white">
								<select name="locale_code" class="form-control" style="width: 100%">
									<option value="">Choisir...</option>
									@foreach($locales as $locale)
										<option value="{{ $locale->code}}"
											@if($locale_code == $locale->code) selected @endif>
											{{$locale->designation}}
										</option>									
									@endforeach
								</select>
							</th>
							<th class="text-center bg-white">
								<select name="bureau_code"  class="form-control" style="width: 100%!important;">
									<option value="">Choisir...</option>
									@foreach($bureaux as $bureau)
										<option value="{{ $bureau->code}}"
											@if($bureau_code == $bureau->code) selected @endif>
											{{$bureau->designation}}
										</option>
									@endforeach
								</select>
								
							</th>
							<th class="text-center bg-white">
								<select name="departement_code"  class="form-control" style="width: 100%!important;">
									<option value="">Choisir...</option>
									@foreach($departements as $departement)
										<option value="{{ $departement->code}}"
											@if($departement_code == $departement->code) selected @endif>
											{{$departement->designation}}
										</option>
									@endforeach
								</select>
								
							</th>
							<th class="text-center bg-white">
								<button class="btn btn-xs btn-success" style="margin-top: -22px;">
									<i class="fa fa-search"></i>
								</button>
							</th>
						</tr>
					</form>
				</thead>
				<tbody>
					@foreach($localisations as $localisation)
					<tr @if($localisation->initial==1) style="background: #abfdc5!important;" @endif>
						<td class="text-center" style="width: 300px!important">
							<div style="color:blue;cursor: pointer;" data-toggle="modal" data-target="#{{ $localisation->id }}">
								{{ $localisation->code }}
							</div>
						</td>
						<td class="text-center">{{ $localisation->entite }}</td>
						<td class="text-center">{{ $localisation->zone }}</td>
						<td class="text-center">{{ $localisation->agence }}</td>
						<td class="text-center">{{ $localisation->etage }}</td>
						<td class="text-center">{{ $localisation->locale }}</td>
						<td class="text-center">{{ $localisation->bureau }}</td>
						<td class="text-center">{{ $localisation->departement }}</td>
							<div class="modal fade" id="{{ $localisation->id }}" role="dialog">
							  <div class="modal-dialog" role="document">
							    <div class="modal-content" style="padding-bottom: 35px!important;">
							      <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">Modification de la localisation : {{$localisation->code}}</h5>
							      </div>
							      <div class="modal-body">
							        <form action="{{ route('localisation.update')}}" method="POST">
										{{csrf_field()}}
										<input type="hidden" name="_method" value="PUT">
										<input type="hidden" name="id" value="{{$localisation->id}}">
										<div class="form-group">
											<label for="entite_code">Entite</label>
											<select name="entite_code" class="form-control" required 
													onchange="selectAgenceByEntiteZone('sel_entite_add_{{$localisation->id}}', 'sel_zone_add_{{$localisation->id}}', 'sel_agence_add_{{$localisation->id}}');"
													id="sel_entite_add_{{$localisation->id}}">
												<option value="">Choisir...</option>
												@foreach($entites as $entite)
													<option value="{{$entite->code}}" @if($entite->code == $localisation->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"  id="sel_zone_add_{{$localisation->id}}" required 
													onchange="selectAgenceByEntiteZone('sel_entite_add_{{$localisation->id}}', 'sel_zone_add_{{$localisation->id}}', 'sel_agence_add_{{$localisation->id}}');"
													id="sel_entite_add">
												<option value="">Choisir...</option>
												@foreach($zones as $zone)
													<option value="{{$zone->code}}" @if($zone->code == $localisation->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_{{$localisation->id}}" required>
												<option value="">Choisir...</option>
												@foreach($agences as $agence)
													<option value="{{$agence->code}}"  @if($agence->code == $localisation->agence_code) selected @endif>
														{{$agence->designation}}
													</option>
												@endforeach
											</select>
										</div>
										<div class="form-group">
											<label for="etage_code">Etage</label>
											<select name="etage_code" class="form-control" >
												<option value="">Choisir...</option>
												@foreach($etages as $etage)
													<option value="{{$etage->code}}"  @if($etage->code == $localisation->etage_code) selected @endif>
														{{$etage->designation}}
													</option>
												@endforeach
											</select>
										</div>

										<div class="form-group">
											<label for="locale_code">Locale</label>
											<select name="locale_code" class="form-control" >
												<option value="">Choisir...</option>
												@foreach($locales as $locale)
													<option value="{{$locale->code}}" @if($locale->code == $localisation->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">
												<option value="">Choisir...</option>
												@foreach($bureaux as $bureau)
													<option value="{{$bureau->code}}" @if($bureau->code == $localisation->bureau_code) selected @endif>
														{{$bureau->designation}}
													</option>
												@endforeach
											</select>
										</div>
										<div class="form-group">
											<label for="departement_code">Departement</label>
											<select name="departement_code" class="form-control">
												<option value="">Choisir...</option>
												@foreach($departements as $departement)
													<option value="{{$departement->code}}" @if($departement->code == $localisation->departement_code) selected @endif>
														{{$departement->designation}}
													</option>
												@endforeach
											</select>
										</div>
										<div class="form-group">
											<label for="initial">Par defaut</label>
											<select name="initial" class="form-control">
												<option value="">Choisir...</option>
												<option value="1" @if($localisation->initial == 1) selected @endif>Oui</option>
												<option value="0" @if($localisation->initial == 0) selected @endif>Non</option>
											</select>
										</div>
										<div class="form-group">
											<button class="btn btn-info pull-right">Enregistrer</button>
										</div>
									</form>
							      </div>
							    </div>
							  </div>
							</div>
					</tr>
					@endforeach
				</tbody>
			</table>
			<div class="pull-right">
				{{ $localisations->appends($_GET)->links() }}
			</div>
		</div>
	</div>

	<div class="modal fade" id="ajouter" role="dialog">
	  <div class="modal-dialog" 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 Localisation</h5>
		      </div>
	      	<div class="modal-body">
				<form action="{{ route('localisation.store')}}" method="POST">
					{{csrf_field()}}
					<div class="form-group">
						<label for="entite_code">Entite</label>
						<select name="entite_code" class="form-control"  
								onchange="selectAgenceByEntiteZone('sel_entite_add', 'sel_zone_add', 'sel_agence_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"  id="sel_zone_add"  
								onchange="selectAgenceByEntiteZone('sel_entite_add', 'sel_zone_add', 'sel_agence_add');"
								id="sel_entite_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>
							<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="select_etage_add">
							<option value="">Choisir...</option>
							@foreach($etages as $etage)
								<option value="{{$etage->code}}">
									{{$etage->designation}}
								</option>
							@endforeach
						</select>
					</div>

					<div class="form-group">
						<label for="locale_code">Locale</label>
						<select name="locale_code" class="form-control" >
							<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">
							<option value="">Choisir...</option>
							@foreach($bureaux as $bureau)
								<option value="{{$bureau->code}}">
									{{$bureau->designation}}
								</option>
							@endforeach
						</select>
					</div>
					<div class="form-group">
						<label for="departement_code">Departement</label>
						<select name="departement_code" class="form-control">
							<option value="">Choisir...</option>
							@foreach($departements as $departement)
								<option value="{{$departement->code}}">
									{{$departement->designation}}
								</option>
							@endforeach
						</select>
					</div>
					<div class="form-group">
						<button class="btn btn-info pull-right">Enregistrer</button>
					</div>
				</form>
			</div>
		</div>
	  </div>
	</div>	
</div>
@endsection