{% extends 'base.html.twig' %}
{% block title %}Liste des types de dépenses
{% endblock %}
{% block body %}
	<div class="wrapper-table">
		<h1>Liste des types de dépenses</h1>
		<a href="{{path('types-depenses_creer')}}"class="btn"><i class="fa-solid fa-circle-plus"></i>Créer un type de dépense</a>
		{% if types %}
			<table>
				<thead>
					<tr>
						<th colspan="2"></th>
						<th>Libellé</th>
						<th>Périodicité annuelle</th>
						<th>Fin périodicité</th>
					</tr>
				</thead>
				<tbody>
					{% for t in types %}
						<tr>
							<td
								class="text-centered">
								<a href="{{path('types-depenses_modifier',{id:t.id})}}"><i class="fa-regular fa-pen-to-square"></i></a>
								
							</td>
							<td
								class="text-centered">
								<a href="{{path('types-depenses_supprimer',{id:t.id})}}"><i class="fa-regular fa-trash-can"></i></a>
								
							</td>
							<td>
								<strong>{{t.libelle}}</strong>
							</td>
							<td class="text-centered">{{t.periodiciteannuelle}}</td>
							<td class="text-right">{{t.finperiodicite|date('d-m-Y à H:i:s')}}</td>
						</tr>
					{% endfor %}
				</tbody>
			</table>
		{% else %}
			<p>Aucun type de dépenses n'a encore été enregistré dans la base.</p>
		{% endif %}
	</div>
{% endblock %}