@extends('layouts.default') 
@section('content')
<style>
	input{
		width: 90%!important;
	}
</style>
<!--<p class="titre_page">Agences </p>-->
<div class="row">
	<div class="col-md-2" style="position: relative">
		 @include('partials.position')
	</div>
	<div class="col-md-6">
		<div class="panel panel_body">
			<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 onclick="toggle_searchable();">
					<tr>
						<th class="text-center">Code</th>
						<th class="text-center">Designation</th>
						<th class="text-center">Entite</th>
						<th class="text-center">Zone</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">
								<input type="text" placeholder="Designation" class="form-control" name="designation"
										@if($designation) value="{{$designation}}" @endif>
							</th>
							<th class="text-center bg-white">
								<select name="entite_code" class="form-control" style="width: 100%"
											onchange="selectZoneByEntite('zone_code', 'entite_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: 70%">
									<option value="">Choisir...</option>
									@foreach($zones as $zone)
										<option value="{{ $zone->code}}"
											@if($zone_code == $zone->code) selected @endif>
											{{$zone->designation}}
										</option>
									@endforeach
								</select>
								<button class="btn btn-xs btn-info">
									<i class="fa fa-search"></i>
								</button>
							</th>
						</tr>
					</form>
				</thead>
				<tbody>
					@foreach($agences as $agence)
					<tr>
						<td class="text-center">{{ $agence->code }}</td>
						<td class="text-center">
							<div  data-toggle="modal" data-target="#{{ $agence->id }}" style="cursor: pointer;color: blue;">
								{{ $agence->designation }}
							</div>
							<div class="modal fade" id="{{ $agence->id }}" role="dialog" style="color:#73879C!important">
							  <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">Modifiction de la agence : {{$agence->designation}}</h5>
							      </div>
							      <div class="modal-body">
							      	<div class="row">
							      		<div class="col-md-12">
								        <form action="{{ route('agences.update')}}" method="POST">
											{{csrf_field()}}
											<input type="hidden" name="_method" value="PUT">
											<input type="hidden" name="id" value="{{$agence->id}}">
											<div class="form-group">
												<label for="code">Code</label>
												<input type="text" class="form-control" name="code" required value="{{$agence->code}}" disabled>
											</div>
											<div class="form-group">
												<label for="designation">Désignation</label>
												<input type="text" class="form-control" name="designation" required  value="{{$agence->designation}}">
											</div>
											<div class="form-group">
												<label for="fournisseur_code">Entite</label>
												<select name="entite_code" class="form-control" id="select_entite_{{$agence->id}}" 
														onchange="selectZoneByEntite('select_zone_{{$agence->id}}', 'select_entite_{{$agence->id}}');">
													<option value="">Choisir...</option>
													@foreach($entites as $entite)
														<option value="{{$entite->code}}" 
															@if($entite->code == $agence->entite_code) selected @endif>
															{{$entite->designation}}
														</option>
													@endforeach
												</select>
											</div>
											<div class="form-group">
												<label for="fournisseur_code">Zone</label>
												<select name="zone_code" class="form-control" id="select_zone_{{$agence->id}}" required>
													<option value="">Choisir...</option>
													@foreach($zones as $zone)
														<option value="{{$zone->code}}"
															@if($zone->code == $agence->zone_code) selected @endif>
															{{$zone->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>
							</div>
						</td>
						<td class="text-center">{{ $agence->entite }}</td>
						<td class="text-center">{{ $agence->zone }}</td>
					</tr>
					@endforeach
				</tbody>
			</table>

			{{ $agences->appends($_GET)->links() }}
		</div>
	</div>
	<div class="col-md-4">
		
	</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 agence</h5>
	      </div>
	      <div class="modal-body">
	        <form action="{{ route('agences.store')}}" method="POST">
				{{csrf_field()}}
				<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="designation">Désignation</label>
					<input type="text" class="form-control" name="designation" required>
				</div>
				<div class="form-group">
					<label for="fournisseur_code">entite</label>
					<select name="entite_code" class="form-control" >
						<option value="">Choisir...</option>
						@foreach($entites as $entite)
							<option value="{{$entite->code}}">
								{{$entite->designation}}
							</option>
						@endforeach
					</select>
				</div>
				<div class="form-group">
					<label for="fournisseur_code">zone</label>
					<select name="zone_code" class="form-control"  id="select_zone_add" required>
						<option value="">Choisir...</option>
						@foreach($zones as $zone)
							<option value="{{$zone->code}}">
								{{$zone->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>
<script>
	
</script>
@endsection