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

{% block title_start %}Agenda
{% endblock %}

{% block stylesheets %}
	{{ parent() }}
	{{ encore_entry_link_tags('agenda') }}
{% endblock %}

{% block main %}
	<main class="site-main">
		<div class="site-main-filter">
			<form action="{{ path('rsl_agenda') }}" method="get">
				<input type="text" name="search" id="search" placeholder="Rechercher un évènement" value="{{ app.request.query.get('search') }}">
				<button type="submit" class="btn btn-dark">
					<i class="fas fa-search-plus fa-lg"></i>
					Trouver
				</button>
			</form>
		</div>

		<div class="site-main-events">
			<h1>Agenda</h1>
			<div class="site-main-events-container">
				{% if events is defined and events is not null and events is not empty %}
					{% for event in events %}
						<a href="{{ path('rsl_agenda_detail', {'id': event.getId}) }}" class="site-main-event">
							<p class="site-main-event-icone">
								<i class="fas fa-calendar-alt fa-2x"></i>
							</p>
							<p class="site-main-event-date">
								{{ event.getDate|date("d/m") }}
							</p>
							<p class="site-main-event-titre">{{ event.getName }}</p>
							<p class="site-main-event-detail">
								<i class="fas fa-plus"></i>
							</p>
						</a>
					{% endfor %}
				{% else %}
					<div class="site-main-noEvent">
						<p>Pas d'évènement à venir</p>
					</div>
				{% endif %}
				{{ knp_pagination_render(events) }}
			</div>
		</main>
	{% endblock %}

	{% block javascripts %}
		{{ parent() }}
		{{ encore_entry_script_tags('agenda') }}
	{% endblock %}