{# On étend notre layout #}
{% extends "layout.html.twig" %}

{% block body %}
<div class="container">
	<br />	
    <div class="row justify-content-center">
		<h4>Votre commande pour la vente {{vente.nom}}</h4>
		<br />
	</div>
	<div class="row justify-content-center">

		<div id="toolbar">
			{% if vente.datefin > date() %}
			<a href="./produits" class="btn btn-info" role="button">
				<i class="bi bi-plus" ></i> Ajouter des produits
			</a>
			{% endif %}
			<button class="btn btn-default" disabled="disabled">Total Commande : <strong><span id="totalCommande"></span>€</strong></button>
		</div>
		
		<table id="commandes" class="table" data-toggle="table"
			   				data-toolbar="#toolbar" data-trim-on-search="false"
							data-search="true" data-id-field="id"
							data-locale="fr-FR">
			<thead>
				<tr>
					<th data-visible="false" data-field="commandeId">Id</th>
					<th>Catalogue</th>
					<th data-field="id">Reférence</th>
					<th>Désignation</th>
					<th>Marque</th>
					<th>Conditionnement</th>
					<th>Colisage</th>
					<th>Col. Min</th>
					<th class="text-right" data-field="pu">Prix Unitaire TTC</th>
					<th class="text-right" data-events="operateEvents"><i class="bi bi-dash" style="font-size:200%"></i></th>
					<th class="text-center" data-events="operateEvents" data-field="qte">Quantité</th>
					<th class="text-right" data-events="operateEvents"><i class="bi bi-plus" style="font-size:200%"></i></th>
					<th class="text-right" data-field="totalTTC">Prix Total TTC</th>
				<tr>
			</thead>
			<tbody>
				{% for commande in listProduitsCommande %}
					<tr>
						<td>{{ commande.id }}</td>
						<td>{{ commande.produit.catalogue.nom }}</td>
						<td>{{ commande.produit.reference }}</td>
						<td>{{ commande.produit.designation }}</td>
						<td>{{ commande.produit.marque }}</td>
						<td>{{ commande.produit.conditionnement }}</td>
						<td>{{ commande.produit.colisage }}</td>
						<td>{{ commande.produit.colisageMin }}</td>
						<td class="text-right pu">{{ ( commande.produit.prixUnitaire * ( 1 + ( commande.produit.tva * 0.01 ) ) ) | round(2) | number_format(2) }}€</td>
						{% if vente.datefin < date() %}
							<td></td>
							<td class="text-center"><span class="quantite">{{ commande.quantite }}</span></td>
							<td></td>
						{% else %}
							<td class="text-center"><a class="supr" href="#" commande="{{ commande.id }}"><i class="bi bi-dash" style="font-size:200%"></i></a></td>
							<td class="text-center">{{ commande.quantite }}</td>
							<td class="text-center"><a class="ajout" href="#" commande="{{ commande.id }}"><i class="bi bi-plus" style="font-size:200%"></i></a></td>
						{% endif %}
						<td class="text-right total">{{ (commande.quantite * commande.produit.prixUnitaire * ( 1 + ( commande.produit.tva * 0.01 ))) | round(2) | number_format(2) }}€</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
</div>
{% endblock %}
{% block javascripts %}
	<script src="{{ asset('js/commande/commande.js?1') }}"></script>
{% endblock %}