{% extends 'base.html.twig' %}
{% block title %}jereservemonactivite.fr{% endblock %}
{% block body %}
{% if fullName %}
<h1>Bienvenue, {{ fullName }} !</h1>
{% endif %}
<section class="titre-accueil">
<div class="presentationactivities">
{% for key, title in titles %}
<div class="presentationimgettitle">
<img class="imgsite" src="{{ asset('uploads/images/' ~ images[key]) }}" alt="{{ title }} Image">
<h2 class="titreh2"><a href="{{ path('app_agenda_by_category', {'categoryTitle': title}) }}">{{ title }}</a></h2>
</div>
{% endfor %}
</div>
</section>
<h1>Les séances</h1>
<div id="search">
<form id="searchForm">
<div id="formsearch">
<div>
<label for="valeurMin">Nombre de place recherché minimum:</label>
<input type="number" id="min-price" name="min" min="0" value="1" max="100" step="1">
<label for="calendar-select">Choisir une activité:</label>
<select name="category" id="calendar-select">
<option value="all" selected>Toutes les activités</option>
{% for categorie in categories %}
{% if categorie.activity %}
<option value="{{ categorie.titleCategory }}">
{{ categorie.titleCategory }}
</option>
{% endif %}
{% endfor %}
</select>
</div>
<div>
<label for="begin">Date début recherche</label>
<input type="date" id="begin" name="begin" value="{{ "now"|date("Y-m-d") }}">
</div>
<div>
<label for="end">Date fin de recherche</label>
{% set nextDay = "now"|date_modify("+6 months") %}
<input type="date" id="end" name="end" value="{{ nextDay|date("Y-m-d") }}">
</div>
<div>
<button class ="button" type="submit">Valider</button>
</div>
</div>
</form>
</div>
<div id="calendarList">
<div id="loadingIndicator">
<p>Veuillez patienter, nous lançons la recherche...</p>
<div class="loader"></div>
</div>
</div>
{% endblock %}
{% block javascripts %}
<script src="{{ asset('assets/js/formsearchactivity.js') }}"></script>
{% endblock %}