Add: détail des évènements au click.

src/Controller/DefaultController.php

@@ -63,4 +63,20 @@ class DefaultController extends AbstractController
       $evs=[$ev1,$ev2,$ev3,$ev4,$ev5,$ev6,$ev7,$ev8,$ev9];
       return $evs;
   }
+
+  #[Route('/Evenements/{nom}', name: 'afficheEvenement')]
+  public function afficheEvenement(string $nom) {
+
+    $arr_events = array_slice($this->chargeDonnees(), 0, 6);
+    foreach ($arr_events as $event) {
+      if ($event->getNom() == $nom) {
+        $theEvent = $event;
+      }
+    }
+
+    return $this->render('default/detailEvenement.html.twig', [
+      'controller_name' => 'DefaultController',
+      'event' => $theEvent
+  ]);
+  }
 }

templates/default/detailEvenement.html.twig

+<h1>Détail de l'évènement : {{ event.nom }}</h1>
+
+<p>Date : {{ event.date|date('Y-m-d') }}</p>
+<p>description : {{ event.description }}</p>
+<img src={{ asset(event.image) }} alt="" />
\ No newline at end of file

templates/default/index.html.twig

@@ -28,7 +28,7 @@
   <ul id="filter-container-feature" class="feature">
     {% for event in events %}
       <li>
-        <a href="#" class="thumb" ><img src={{ asset(event.image) }} alt="" />
+        <a href="{{ path('afficheEvenement', {nom: event.nom}) }}" class="thumb" ><img src={{ asset(event.image) }} alt="" />
           <div class="date"><span class="d">{{ event.date|date('d') }}</span><span class="m">{{ event.date|date('m') }}</span></div>
         </a>
         <div class="caption">{{ event.description|u.truncate(20) }}</div>