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

{% block body %}
<div class="container">
    <div class="row">
		<div id="toolbar">
			<a href="{{ path('demisi_soletiki_vente_export', {'id':venteid } )}}" class="btn btn-info" role="button">
				<i class="bi bi-save"></i> Export
			</a>
			<a href="{{ path('demisi_soletiki_vente_cumul', {'id':venteid } )}}" class="btn btn-info" role="button">
				€ Cumul
			</a>
			<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-sortable="true">Catalogue</th>
					<th data-field="id" data-sortable="true">Reférence</th>
					<th data-sortable="true">Désignation</th>
					<th data-sortable="true">Marque</th>
					<th>Conditionnement</th>
					<th>Colisage</th>
					<th>Col. Min</th>
					<th class="text-right">Prix Unitaire TTC</th>
					<th class="text-center" data-events="operateEvents">Quantité</th>
					<th class="text-right" >Prix Total TTC</th>
				<tr>
			</thead>
			<tbody>
				{% for commande in listProduitsCommande %}
					<tr>
						<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>
						<td class="text-center"><span class="quantite">{{ commande.quantite }}</span></td>
						<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') }}"></script>
{% endblock %}