{% extends 'base.html.twig' %}
{% block title %}
	{{titre}}
{% endblock %}
{% block body %}

	<div class="wrapper-table">
		<h1>{{titre}}</h1>
		<a class="btn" href="{{path('depenses_creer_depense')}}">
			<i class="fa-solid fa-circle-plus"></i>Créer dépense</a>
		<select id="selectMoisDepenses" name="selectMoisDepenses" class="selectMoisDepenses text-centered">
			<option value="Tableau annuel">Tableau annuel</option>
			{% for m in moisDepenses %}
				<option value="{{m.mois|date("Y-m")}}">{{m.mois|date("M Y")}}</option>
			{% endfor %}
		</select>
		<div id="liste-depenses"></div>

	</div>
	{% block javascripts %}
		<script type="module" src="{{asset('assets/js/depenses.js')}}"></script>
	{% endblock %}
{% endblock %}