From f87b123808fbd3f70e444ab8abd343f0432edb5d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Laporte?= <Clement.LAPORTE@etu.uca.fr>
Date: Fri, 7 Jun 2024 14:38:51 +0200
Subject: [PATCH] =?UTF-8?q?Ajout=20d'une=20page=20d=C3=A9tail=20d'une=20es?=
 =?UTF-8?q?p=C3=A8ce.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Controller/SpeciesController.php |  9 ++++++
 src/DataFixtures/AppFixtures.php     |  3 +-
 templates/species/detail.html.twig   | 43 ++++++++++++++++++++++++++++
 templates/species/index.html.twig    |  2 +-
 4 files changed, 55 insertions(+), 2 deletions(-)
 create mode 100644 templates/species/detail.html.twig

diff --git a/src/Controller/SpeciesController.php b/src/Controller/SpeciesController.php
index e548d2c..607d0cc 100644
--- a/src/Controller/SpeciesController.php
+++ b/src/Controller/SpeciesController.php
@@ -17,4 +17,13 @@ class SpeciesController extends AbstractController
             'species' => $species,
         ]);
     }
+
+    #[Route('/species/{id}', name: 'app_species_detail')]
+    public function detail(SpeciesRepository $repository,int $id): Response
+    {
+        $specie = $repository->findOneBy(array('id'=>$id));
+        return $this->render('species/detail.html.twig', [
+            'specie' => $specie,
+        ]);
+    }
 }
diff --git a/src/DataFixtures/AppFixtures.php b/src/DataFixtures/AppFixtures.php
index 12d5f40..2fbb47f 100644
--- a/src/DataFixtures/AppFixtures.php
+++ b/src/DataFixtures/AppFixtures.php
@@ -25,7 +25,8 @@ class AppFixtures extends Fixture
                 ->setPublicationDate($date)
                 ->setLatitude($faker->randomFloat())
                 ->setLongitude($faker->randomFloat())
-                ->setCommentary($faker->text());
+                ->setCommentary($faker->text())
+                -> setSpecies($species);
             $manager->persist($species);
             $manager->persist($post);
         }
diff --git a/templates/species/detail.html.twig b/templates/species/detail.html.twig
new file mode 100644
index 0000000..d6a5ebf
--- /dev/null
+++ b/templates/species/detail.html.twig
@@ -0,0 +1,43 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}Herbarium - Détail de l'espèces{% endblock %}
+
+{% block body %}
+    <style>
+        .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
+        .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
+    </style>
+
+    <div class="example-wrapper">
+        <h1>{{ specie.vernacularName }}</h1>
+        <p>
+            🔬 Nom Scientifique : {{ specie.scientificName }}<br/>
+            📍 Region : {{ specie.region }}
+        </p>
+        <div>
+            <h2>Posts :</h2>
+
+            {% for post in specie.posts %}
+                <div>
+                    <dt>
+                        <h3>
+                            <a href="">
+                                📅 {{ post.publicationDate | date }}
+                            </a>
+                        </h3>
+                    </dt>
+                    <dd>
+                        📍 géolocalisation :<br/>
+                        - Longitude : {{ post.longitude }}<br/>
+                        - Latitude : {{ post.latitude }}<br/>
+                        - Altitude : {{ post.altitude }}<br/><br/>
+
+                        💬 Commentaire :<br/>
+                            - {{ post.getCommentary }}
+                    </dd>
+                </div>
+            {% endfor %}
+        </div>
+
+    </div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/species/index.html.twig b/templates/species/index.html.twig
index be8b36a..088b6df 100644
--- a/templates/species/index.html.twig
+++ b/templates/species/index.html.twig
@@ -14,7 +14,7 @@
     <dl>
         {% for specie in species %}
             <dt>
-                <a href="">
+                <a href={{ "http://" ~ app.request.host ~ ":8000" ~ "/species/" ~ specie.getId }}>
                 🌿 {{ specie.getVernacularName }}
                 </a>
             </dt>