{% extends 'base.html.twig' %}
{% block title %}
	Liste des écritures
{% endblock %}
{% block body %}
	<div class="wrapper-table">
		<h1>Liste des écritures ({{nbrEcritures}})</h1>

		<div class="container-boutons form-row">

			<a href={{path('ecritures_creer-facture')}} class="btn btn-creer-facture">
				<i class="fa-solid fa-circle-plus"></i>Créer une facture</a>
			<a href={{path('ecritures_creer-devis')}} class="btn btn-creer-devis">
				<i class="fa-solid fa-circle-plus"></i>Créer un devis</a>
		</div>

		{# Onglets filtres écritures #}
		<div class="tabs tabs_liste_ecritures">
			<input type="radio" class="tabs__radio" name="tab_liste_ecritures" id="tab_liste_factures" checked data-url={{path('ecritures_liste-factures')}}>
			<label for="tab_liste_factures" class="tab__label">Factures ({{nbrFactures}})</label>

			<input type="radio" class="tabs__radio" name="tab_liste_ecritures" id="tab_liste_devis" data-url={{path('ecritures_liste-devis')}}>
			<label for="tab_liste_devis" class="tab__label">Devis ({{nbrDevis}})</label>
		</div>
		{# Container résultat #}
		<div class="tabs__content"></div>
	</div>
	{% block javascripts %}
		<script src={{asset('assets/js/onglets.js')}} type="module" defer></script>
	{% endblock %}
{% endblock %}