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

{% block body %}
<div class="container">
    <div class="">
		{% if catalogueType == 'RV'%}
		<div class="card">
		  <div class="card-body">
			Catalogue Relais Vert - {{ catalogue.nom }}
		  </div>
		</div>
		
		{% elseif catalogueType == 'M' %}
		<div class="card">
		  <div class="card-body">
			Catalogue Mercurial - {{ catalogue.nom }}
		  </div>
		</div>
		{% elseif catalogueType == 'MC' %}
		<div class="card">
		  <div class="card-body">
			Mini catalogue - {{ catalogue.nom }}
		  </div>
		</div>
		<div id="toolbar">
			<a href="{{ path('demisi_soletiki_catalogue_produit_ajout', {'id': catalogueID, 'cat': catalogueType}) }}" class="btn btn-info" role="button">
				<i class="bi bi-plus" ></i>Ajouter un produit
			</a>
		</div>
		{% endif %}
		<table class="table" data-toggle="table" 
							data-toolbar="#toolbar"
							data-pagination="true" data-page-size="20" 
							data-search="true" data-trim-on-search="false"
							data-locale="fr-FR">
			
			<thead>
				<tr>
					<th>Reférence</th>
					<th>Désignation</th>
					<th>Marque</th>
					<th>Conditionnement</th>
					<th>Colisage</th>
					<th>Col. Min</th>
					<th>Prix Unitaire TTC</th>
					{% if catalogueType == 'MC' %}<th class="table-danger"></th>{% endif %}
				<tr>
			</thead>
			<tbody>
				{% for produit in listProduits %}
					<tr>
						<td>{{ produit.reference }}</td>
						<td>{{ produit.designation }}</td>
						<td>{{ produit.marque }}</td>
						<td>{{ produit.conditionnement }}</td>
						<td>{{ produit.colisage }}</td>
						<td>{{ produit.colisageMin }}</td>
						<td>{{ ( produit.prixUnitaire * ( 1 + ( produit.tva * 0.01 ) ) ) | round(2) | number_format(2) }}€</td>
						{% if catalogueType == 'MC' %}
						<td class="table-danger"><a href="{{ path('demisi_soletiki_catalogue_produit_suppression',{'id': produit.id}) }}" title="Supprimer"><i class="bi bi-x" style="font-size: 1.2em;"></i></a></td>
						{% endif %}
					</tr>
				{% endfor %}
			</tbody>
		</table>
		
	</div>
</div>
{% endblock %}