@extends('layouts.default') 
@section('content')
<style>
	input{
		width: 90%!important;
	}
</style>
<!--<p class="titre_page">Articles </p>-->
<div class="row">
	<div class="col-md-2">
		@include('partials.articles_menu')
	</div>
	<div class="col-md-10">
		<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 onclick="toggle_searchable();">
					<tr>
						<th class="text-center">Code</th>
						<th class="text-center">CAB</th>
						<th class="text-center">Designation</th>
						<th class="text-center">Categorie</th>
						<th class="text-center">Marque</th>
						<th class="text-center">Model</th>
						<th class="text-center">Type</th>
						<th class="text-center">Code Immo</th>
					</tr>
				</thead>
				<thead id="panel-searchable" style="display: none">
					<form action="{{route('articles.index')}}" 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="Code A Barre" class="form-control" name="code_a_barre"
										@if($code_a_barre) value="{{$code_a_barre}}" @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="categorie_code" class="form-control" style="width: 100%">
									<option value="">Choisir...</option>
									@foreach($categories as $categorie)
										<option value="{{ $categorie->code}}"
											@if($categorie_code == $categorie->code) selected @endif>
											{{$categorie->designation}}
										</option>									
									@endforeach
								</select>
							</th>
							<th class="text-center bg-white">
								<select name="marque_code"  class="form-control" style="width: 70%">
									<option value="">Choisir...</option>
									@foreach($marques as $marque)
										<option value="{{ $marque->code}}"
											@if($marque_code == $marque->code) selected @endif>
											{{$marque->designation}}
										</option>
									@endforeach
								</select>
							</th>
							<th class="text-center bg-white">
								<select name="module_code" class="form-control" style="width: 100%">
									<option value="">Choisir...</option>
									@foreach($modules as $module)
										<option value="{{ $module->code}}"
											@if($module_code == $module->code) selected @endif>
											{{$module->designation}}
										</option>									
									@endforeach
								</select>
							</th>
							<th class="text-center bg-white">
								<select name="type_code"  class="form-control" style="width: 70%">
									<option value="">Choisir...</option>
									@foreach($types as $type)
										<option value="{{ $type->code}}"
											@if($type_code == $type->code) selected @endif>
											{{$type->designation}}
										</option>
									@endforeach
								</select>
								
							</th>
							<th class="text-center bg-white">
								<input type="text" placeholder="Code Immo" class="form-control" name="code_imo"
										@if($code_imo) value="{{$code_imo}}" @endif>
							</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($articles as $article)
					<tr>
						<td class="">
							<div class="c-blue" data-toggle="modal" data-target="#{{ $article->id }}">{{ $article->code }}</div>
							<div class="modal fade" id="{{ $article->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">Modifiction de la article : {{$article->designation}}</h5>
							      </div>
							      <div class="modal-body">
							        <form action="{{ route('articles.update')}}" method="POST">
										{{csrf_field()}}
										<input type="hidden" name="_method" value="PUT">
										<input type="hidden" name="id" value="{{$article->id}}">
										<div class="form-group">
											<label for="code">Code</label>
											<input type="text" class="form-control" name="code" required value="{{$article->code}}" disabled>
										</div>
										<div class="form-group">
											<label for="code_a_barre">Code a barre</label>
											<input type="text" class="form-control" name="code_a_barre" required  value="{{$article->code_a_barre}}">
										</div>
										<div class="form-group">
											<label for="designation">Désignation</label>
											<input type="text" class="form-control" name="designation" required  value="{{$article->designation}}">
										</div>

										<div class="form-group">
											<label for="code_imo">Code Immo</label>
											<input type="text" class="form-control" name="code_imo" required  value="{{$article->code_imo}}">
										</div>


										<div class="form-group">
											<label for="module_code">Model</label>
											<select name="module_code" class="form-control">
												<option value="">Choisir...</option>
												@foreach($modules as $module)
													<option value="{{$module->code}}" 
														@if($module->code == $article->module_code) selected @endif>
														{{$module->designation}}
													</option>
												@endforeach
											</select>
										</div>
										<div class="form-group">
											<label for="type_code">Type</label>
											<select name="type_code" class="form-control">
												<option value="">Choisir...</option>
												@foreach($types as $type)
													<option value="{{$type->code}}" 
														@if($type->code == $article->type_code) selected @endif>
														{{$type->designation}}
													</option>
												@endforeach
											</select>
										</div>
										<div class="form-group">
											<label for="categorie_code">Categorie</label>
											<select name="categorie_code" class="form-control">
												<option value="">Choisir...</option>
												@foreach($categories as $categorie)
													<option value="{{$categorie->code}}"
														@if($categorie->code == $article->categorie_code) selected @endif>
														{{$categorie->designation}}
													</option>
												@endforeach
											</select>
										</div>
										<div class="form-group">
											<label for="fournisseur_code">Marque</label>
											<select name="marque_code" class="form-control">
												<option value="">Choisir...</option>
												@foreach($marques as $marque)
													<option value="{{$marque->code}}"
														@if($marque->code == $article->marque_code) selected @endif>
														{{$marque->designation}}
													</option>
												@endforeach
											</select>
										</div>
										<div class="form-group">
											<button class="btn btn-info pull-right">Enregistrer</button>
										</div>
									</form>
							      </div>
							    </div>
							  </div>
							</div>
						</td>
						<td class="text-center">{{ $article->code_a_barre }}</td>
						<td class="text-center">{{ $article->designation }}</td>
						<td class="text-center">{{ $article->categorie }}</td>
						<td class="text-center">{{ $article->marque }}</td>
						<td class="text-center">{{ $article->module }}</td>
						<td class="text-center">{{ $article->type }}</td>
						<td class="text-center">{{ $article->code_imo }}</td>
					</tr>
					@endforeach
				</tbody>
			</table>
			<div class="pull-right">{{ $articles->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 Article</h5>
	      </div>
	      <div class="modal-body">
	        <form action="{{ route('articles.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="code_a_barre">Code a barre</label>
					<input type="text" class="form-control" name="code_a_barre" 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="code_imo">Code Immo</label>
					<input type="text" class="form-control" name="code_imo" required>
				</div>
				<div class="form-group">
					<label for="type_code">Type</label>
					<select name="type_code" class="form-control">
						<option value="">Choisir...</option>
						@foreach($types as $type)
							<option value="{{$type->code}}">
								{{$type->designation}}
							</option>
						@endforeach
					</select>
				</div>
				<div class="form-group">
					<label for="fournisseur_code">Categorie</label>
					<select name="categorie_code" class="form-control">
						<option value="">Choisir...</option>
						@foreach($categories as $categorie)
							<option value="{{$categorie->code}}">
								{{$categorie->designation}}
							</option>
						@endforeach
					</select>
				</div>
				<div class="form-group">
					<label for="marque_code">Marque</label>
					<select name="marque_code" class="form-control">
						<option value="">Choisir...</option>
						@foreach($marques as $marque)
							<option value="{{$marque->code}}">
								{{$marque->designation}}
							</option>
						@endforeach
					</select>
				</div>
				<div class="form-group">
					<label for="module_code">Module</label>
					<select name="module_code" class="form-control">
						<option value="">Choisir...</option>
						@foreach($modules as $module)
							<option value="{{$module->code}}">
								{{$module->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