{% extends "base.html.twig" %}

{% block javascripts %}
	<script src="/js/fournisseur.js"></script>
{% endblock %}

{% block stylesheets %}

	<link rel="stylesheet" href="/css/fournisseur.css">
{% endblock %}

{% block body %}

	<div class="absolute">
		<datalist id="compo">
			{% for compo in composants %}
				<option value="{{compo}}">{{compo}}</option>
			{% endfor %}
		</datalist>


		<div class="d-flex">
			<input type="text" class="form-control w-100 " value="" autocomplete="off" placeholder="Search" name='search' id="search" list="compo">
			<input type="number" class="form-control w-25 mx-3" name="qte" id="qte" value="1">
			<select name="supplier" id="supplier" class="form-select">
				{% for item in fournisseurs %}
					<option value="{{item.id}}">{{item}}</option>
				{% endfor %}

			</select>
			<button type="button" class="btn btn-success ms-3" onclick="addLineToOrder('{{path('fournisseur.order.get.line')}}')"><img src="/img/plus.svg" alt="plus" width="30"> <span>Ajouter</span></button>


		</div>
		<form action="{{path('fournisseur.order.new')}}" method="POST">
			<table class="table my-3">
				<thead>
					<tr class="text-center">
						<td></td>
						<td>Modele</td>
						<td>EAN</td>
						<td>Fournisseur</td>
						<td>Stock Reel</td>
						<td>A Commander</td>
						<td></td>
					</tr>
				</thead>
				<tbody id="tbody"></tbody>
			</table>
			<div class="d-flex my-3">
			<a href="{{path('fournisseur',{submenu:'all'})}}" class="btn btn-danger">Annuler</a>
				<button class="btn btn-success mx-3" type="submit">Créer</button>
			</div>
		</form>
	</div>


{% endblock %}