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

{% block title %}Liste des articles et prestations
{% endblock %}

{% block body %}


	<div class="wrapper-table">
		<h1>Liste des articles et prestations</h1>
		<a href="{{path('articles_creer')}}" class="btn"><i class="fa-solid fa-circle-plus"></i>Créer un article / une prestation</a>
		{% if articles %}
			<table>
				<thead>
                <th colspan="2"></th>
					<th class="data-label">Référence</th>
					<th class="data-label">Description</th>
					<th class="data-label">Catégorie</th>
					<th class="data-label">Prix achat</th>
					<th class="data-label">Prix HT</th>
					<th class="data-label">Taux TVA</th>
				</thead>
				{% for a in articles %}
					<tr>
                    					<td>
						<a href="{{path('articles_modifier',{id:a.id})}}">
							<i class="fa-regular fa-pen-to-square"></i>
						</a>
					</td>
					<td>
						<a href="{{path('articles_supprimer',{id:a.id})}}">
							<i class="fa-regular fa-trash-can"></i>
						</a>
					</td>
						<td>{{a.reference}}</td>
						<td>{{a.description}}</td>
						<td>{{a.categoriearticle.libelle}}</td>
						<td class="text-right">{{a.prixachat}} €</td>
						<td class="text-right">{{a.prixht}} €</td>
						<td class="text-right">{{a.tauxtva.tauxtva}} %</td>
					</tr>
				{% endfor %}
			</table>
			{{knp_pagination_render(articles)}}	
		{% else %}
			<p>Il n'existe encore aucun article / prestation dans la base.</p>
		{% endif %}

	</div>
{% endblock %}