@extends('layouts.default') 
@section('content')
<style>
	input{
		width: 90%!important;
	}select{
		width: 95%!important;
	}
</style>
<!--<p class="titre_page">Zones </p>-->
<div class="row">
	<div class="col-md-2" style="position: relative">
		 @include('partials.position')
	</div>
	<div class="col-md-10">
		<div class="panel panel-body">

			<button class="btn btn_plus_sear"  data-toggle="modal" data-target="#ajouter">
				<i class="fa fa-plus btn_plus_icon"></i>
			</button>
			
			@if(session('success'))
				<div class="alert alert-success">
					{{ session('success')}}
				</div>
			@endif
			<table class="table" id="TableSearchable">
				<thead>
					<tr>
						<th class="text-center">Code</th>
						<th class="text-center">Designation</th>
					</tr>
				</thead>
				<tbody>
					@foreach($zones as $zone)
					<tr>
						<td class="text-center">
							<div class="c-blue" data-toggle="modal" data-target="#{{ $zone->id }}">{{ $zone->code }}</div>
							<div class="modal fade" id="{{ $zone->id }}" 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">Modification de la zone : {{$zone->designation}}</h5>
							      </div>
							      <div class="modal-body">
							        <form action="{{ route('zones.update')}}" method="POST" >
							        	<div class="row">
								        	<div class="col-md-12">
												{{csrf_field()}}
												<input type="hidden" name="_method" value="PUT">
												<div class="form-group">
													<label for="code">Code</label>
													<input type="hidden" class="form-control" name="id" value="{{$zone->id}}">
													<input type="text" class="form-control" name="code" value="{{$zone->code}}" disabled>
												</div>
												<div class="form-group">
													<label for="designation">Désignation</label>
													<input type="text" class="form-control" name="designation"  value="{{$zone->designation}}" required>
												</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">{{ $zone->designation }}</td>
					</tr>
					@endforeach
				</tbody>
			</table>
		</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="text-center">Ajouter Zone</h5>
	      </div>
	      <div class="modal-body">
	       <form action="{{ route('zones.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">
					<button class="btn btn-info pull-right">Enregistrer</button>
				</div>
			</form>
	      </div>
	    </div>
	  </div>
	</div>
</div>
@endsection