set V1

templates/main/index.html.twig

@@ -8,15 +8,25 @@
     </head>
 {% endblock %}
 
-{%block content %}
-    <div class="flex justify-center items-center py-52">
-        <div class="bg-white shadow-lg rounded-lg p-8 max-w-md text-center">
-            <img src="{{ asset('img/logo.svg') }}" alt="Logo" class="h-28 mx-auto mb-4">
-            <h3 class="text-2xl font-bold text-center pb-3">Créer une nouvelle sortie</h3>
-            <p class="text-gray-700 text-justify mb-4">Vous pouvez créer une liste de voeux facilement depuis mon application web ! Cliquer sur le bouton juste en dessous pour continuer</p>
-                <div class="flex flex-row justify-between">
-                    <p>test</p>
+{% block content %}
+    <div class="container mt-4">
+        <div class="row">
+            {% for sortie in sorties %}
+                <div class="col-md-4 mb-4">
+                    <div class="card shadow-sm">
+                        <div class="card-body">
+                            <h5 class="card-title">{{ sortie.nom }}</h5>
+                            <p class="card-text">
+                                <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>
+                            <a href="{{ path('sortie_show', { id: sortie.idSortie }) }}" class="btn btn-primary btn-sm">Voir plus</a>
+                        </div>
+                    </div>
                 </div>
+            {% endfor %}
         </div>
     </div>
 {% endblock %}