101 lines
4.9 KiB
Twig
101 lines
4.9 KiB
Twig
{% extends 'main/base.html.twig' %}
|
|
{% block head %}
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Liste des sorties</title>
|
|
{% block stylesheets %}
|
|
{{ encore_entry_link_tags('app') }}
|
|
{% endblock %}
|
|
</head>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container mx-auto p-4">
|
|
<h1 class="text-2xl font-bold mb-6 text-center">Liste des sorties</h1>
|
|
|
|
<!-- Filtres -->
|
|
<form method="GET" action="" class="mb-6 bg-white rounded-lg shadow-md p-4">
|
|
<div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-6 gap-4">
|
|
<!-- Filtre par site -->
|
|
<div>
|
|
<label for="site" class="block text-sm font-medium text-gray-700">Site</label>
|
|
<select id="site" name="site" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
|
|
<option value="">Tous</option>
|
|
{% for site in sites %}
|
|
<option value="{{ site.idSite }}">{{ site.nom }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
|
|
<!-- Filtre par nom de sortie -->
|
|
<div>
|
|
<label for="nomSortie" class="block text-sm font-medium text-gray-700">Nom de la sortie</label>
|
|
<input type="text" id="nomSortie" name="nomSortie" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm" placeholder="Rechercher...">
|
|
</div>
|
|
|
|
<!-- Filtre par date de début -->
|
|
<div>
|
|
<label for="dateDebut" class="block text-sm font-medium text-gray-700">Date début</label>
|
|
<input type="date" id="dateDebut" name="dateDebut" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
|
|
</div>
|
|
|
|
<!-- Filtre par date de fin -->
|
|
<div>
|
|
<label for="dateFin" class="block text-sm font-medium text-gray-700">Date fin</label>
|
|
<input type="date" id="dateFin" name="dateFin" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Cases à cocher -->
|
|
<div class="mt-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
|
|
<div>
|
|
<input type="checkbox" id="organisateur" name="organisateur" class="mr-2">
|
|
<label for="organisateur" class="text-sm font-medium text-gray-700">Sorties où je suis organisateur</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="inscrit" name="inscrit" class="mr-2">
|
|
<label for="inscrit" class="text-sm font-medium text-gray-700">Sorties où je suis inscrit</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="nonInscrit" name="nonInscrit" class="mr-2">
|
|
<label for="nonInscrit" class="text-sm font-medium text-gray-700">Sorties où je ne suis pas inscrit</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="passe" name="passe" class="mr-2">
|
|
<label for="passe" class="text-sm font-medium text-gray-700">Sorties passées</label>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bouton de soumission -->
|
|
<div class="mt-4 flex justify-end">
|
|
<button type="submit" class="px-4 py-2 bg-blue-500 text-white rounded-md shadow-sm hover:bg-blue-700">
|
|
Rechercher
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-3 lg:grid-cols-6 gap-6">
|
|
<a href="/sortie/creates">
|
|
<div class="bg-white rounded-lg shadow-md p-4 text-center">
|
|
<img src="/img/add.svg" alt="Créer une sortie" class="w-40 h-40 mx-auto mb-4">
|
|
<h2 class="text-lg font-semibold">Créer une sortie</h2>
|
|
</div>
|
|
</a>
|
|
{% for sortie in sorties %}
|
|
<div class="bg-white rounded-lg shadow-md p-4">
|
|
<h2 class="text-lg font-semibold">{{ sortie.nom }}</h2>
|
|
<p class="mt-2 text-gray-600">
|
|
<strong>Date de début :</strong> {{ sortie.dateHeureDebut|date('d/m/Y H:i') }}<br>
|
|
<strong>Durée :</strong> {{ sortie.duree }} minutes<br>
|
|
<strong>Inscriptions max :</strong> {{ sortie.nbInscriptionsMax }}<br>
|
|
<strong>Infos :</strong> {{ sortie.infosSortie }}
|
|
</p>
|
|
<div class="mt-4 flex justify-end">
|
|
<a href="#" class="text-blue-500 hover:text-blue-700 font-medium">Voir plus</a>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|