@extends('layouts.default') 
@section('content')
<style>
	input{
		width: 90%!important;
	}

</style>
@include('partials.articles_menu')
<br>
<div class="row">
	<div class="col-md-12">
		<div class="panel panel-body">
			<form action="{{ route('stock_it.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="num_commande">Num° Commande</label>
							<input type="text" class="form-control" name="num_commande" required>
						</div>
						<div class="form-group">
							<label for="num_piece">Num° Piece</label>
							<input type="text" class="form-control" name="num_piece" required>
						</div>
						<div class="form-group">
							<label for="num_facture">Num° facture</label>
							<input type="text" class="form-control" name="num_facture" required>
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							<label for="date_livraison">Date Livraison</label>
							<input type="text" class="form-control datepicker-pickadate" name="date_livraison" required>
						</div>
						<div class="form-group">
							<label for="date_achat">Date d'Achat</label>
							<input type="text" class="form-control datepicker-pickadate" name="date_achat" required>
						</div>
						<div class="form-group">
							<label for="date_facture">Date Facture</label>
							<input type="text" class="form-control datepicker-pickadate" name="date_facture" required>
						</div>
						
						<div class="form-group">
							<label for="fournisseur_code">Fournisseur</label>
							<select name="fournisseur_code" class="form-control">
								<option value="">Choisir...</option>
								@foreach($fournisseurs as $fournisseur)
									<option value="{{$fournisseur->code}}">
										{{$fournisseur->designation}}
									</option>
								@endforeach
							</select>
						</div>
					</div>
					<div class="col-md-4">

						<div class="form-group">
							<label for="fournisseur_code">Fournisseur</label>
							<select name="fournisseur_code" class="form-control">
								<option value="">Choisir...</option>
								@foreach($fournisseurs as $fournisseur)
									<option value="{{$fournisseur->code}}">
										{{$fournisseur->designation}}
									</option>
								@endforeach
							</select>
						</div>
						<div class="form-group">
							<label for="lieu_livraison">Lieu Livraison</label>
							<input type="text" class="form-control" name="lieu_livraison" required>
						</div>
						<div class="form-group">
							<label for="localisation_code">Localisation</label>
							<select name="localisation_code" class="form-control">
								<option value="">Choisir...</option>
								@foreach($localisations as $localisation)
									<option value="{{$localisation->code}}" 
										@if($localisation->initial == 1) selected @endif>
										{{$localisation->code}}
									</option>
								@endforeach
							</select>
						</div>
					</div>
				</div>
				<div class="row gradian-border">
					<input type="hidden" id="id_article" value="0">
					<div class="col-md-5 col-md-offset-1">
						<div class="form-group">
							<label for="fournisseur_code">Article</label>
							<select name="articles[0]['article']" class="form-control" id="article-0">
								<option value="">Choisir...</option>
								@foreach($articles as $article)
									<option value="{{$article->code}}">
										{{$article->designation}}
									</option>
								@endforeach
							</select>
						</div>
					</div>
					<div class="col-md-5">
						<div class="form-group">
							<label for="quantite">Quantite</label>
							<input type="number" class="form-control" name="articles[0]['quantite']" required id="quantite-0">
						</div>
					</div>
					<div class="col-md-1" style="position: relative;">
						<i class="fa fa-plus" title="Ajouter un article" onclick="addArticle();"
						   style="position: absolute;font-size: 27px;color: #1fd01f;top: 25px;left: 21px;cursor: pointer"></i>
					</div>
					<div id="panel-articles">
						
					</div>
				</div>
				<div class="row">
					<div class="col-md-11 col-md-offset-1">
						<div class="form-group">
							<button class="btn btn-info">Enregistrer</button>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
@endsection