{% extends 'base.html.twig' %}
{% block title %}
	Agenda rdv et événements
{% endblock %}

{% block body %}

	<div class="wrapper-table">
		<h1>Agenda rdv et événements</h1>
		<a class="btn" href="{{path('rendez-vous_creer-rdv')}}">
			<i class="fa-solid fa-circle-plus"></i>Créer un rdv</a>
		{# Onglets filtres rendez-vous #}
		<div class="tabs tabs_rendez-vous">
			<input type="radio" class="tabs__radio" name="tabs__rdv" id="liste-rdv" data-url="{{path('rendez-vous_liste')}}" checked>
			<label for="liste-rdv" class="tab__label">
				<i class="fa-solid fa-list-ol"></i>Liste rdv</label>

			<input type="radio" class="tabs__radio" name="tabs__rdv" id="agenda-semaine" data-url={{path('rendez-vous_agenda-semaine')}}>
			<label for="agenda-semaine" class="tab__label">
				<i class="fa-solid fa-calendar-days"></i>Agenda semaine</label>			
		</div>
		{# Container résultat #}
		<div class="tabs__content"></div>
	</div>
	{% block javascripts %}
		<script src="{{asset('assets/js/onglets.js')}}" type="module" defer></script>		
		<script src="{{asset('assets/js/agenda-semaine.js')}}" type="module" defer></script>
	{% endblock %}
{% endblock %}