From 26f58d590f89fe6c75042c36eeb3295523beb4a6 Mon Sep 17 00:00:00 2001
From: vincent porte <vincent@neuralia.co>
Date: Mon, 24 Jun 2024 17:52:46 +0200
Subject: [PATCH] get better template

---
 .../tests/__snapshots__/tests_views.ambr      | 44 +++++++++++++++----
 .../topic_create_check.html                   | 44 +++++++++++++++----
 2 files changed, 70 insertions(+), 18 deletions(-)

diff --git a/lacommunaute/forum_conversation/tests/__snapshots__/tests_views.ambr b/lacommunaute/forum_conversation/tests/__snapshots__/tests_views.ambr
index dc66a7025..c7a58b42f 100644
--- a/lacommunaute/forum_conversation/tests/__snapshots__/tests_views.ambr
+++ b/lacommunaute/forum_conversation/tests/__snapshots__/tests_views.ambr
@@ -64,10 +64,13 @@
           <div class="col-12 mb-5">
               <p class="h2">Quelle est ma situation ?</p>
           </div>
-          <div class="col-12 col-md-4">
+          <div class="col-12 col-md-6 mb-3">
               <div class="card c-card h-100">
+                  <div class="card-header">
+                      <h3 class="h4">Je suis à la recherche d'un emploi</h3>
+                  </div>
                   <div class="card-body pb-0">
-                      <p class="h4 lh-base">Je suis à la recherche d'un emploi</p>
+                      <p>Je recherche des offres d'emploi ou des entreprises près de chez moi</p>
                   </div>
                   <div class="card-footer text-center mt-3">
                       <button class="btn btn-primary" data-bs-target="#rechercheEmploi" data-bs-toggle="modal" type="button">
@@ -76,28 +79,51 @@
                   </div>
               </div>
           </div>
-          <div class="col-12 col-md-4">
+          <div class="col-12 col-md-6 mb-3">
               <div class="card c-card h-100">
+                  <div class="card-header">
+                      <h3 class="h4">J'utilise le site des emplois de l'inclusion</h3>
+                  </div>
                   <div class="card-body pb-0">
-                      <p class="h4 lh-base">
+                      <p>
                           J'ai des questions sur les PASS IAE, leur suspension ou prolongation, le fonctionnement du site des emplois de l'inclusion ou les relations avec l'ASP
                       </p>
                   </div>
-                  <div class="card-footer text-end mt-3">
+                  <div class="card-footer text-center mt-3">
                       <a class="btn btn-primary" href="https://aide.emplois.inclusion.beta.gouv.fr/hc/fr">
                           J'accède à la documentation des emplois de l'inclusion
                       </a>
                   </div>
               </div>
           </div>
-          <div class="col-12 col-md-4">
+          <div class="col-12 col-md-6 mb-3">
               <div class="card c-card h-100">
+                  <div class="card-header">
+                      <h3 class="h4">J'accueille des personnes en PMSMP</h3>
+                  </div>
+                  <div class="card-body pb-0">
+                      <p>
+                          J'ai une question Période de Mise en Situation en Milieu Professionnel, le conventionnement, la déclaration des heures ou le fonctionnement du site Immersion Facilitée
+                      </p>
+                  </div>
+                  <div class="card-footer text-center">
+                      <a class="btn btn-primary" href="https://aide.immersion-facile.beta.gouv.fr/fr/">
+                          J'accède au centre d'aide Immersion Facilitée
+                      </a>
+                  </div>
+              </div>
+          </div>
+          <div class="col-12 col-md-6 mb-3">
+              <div class="card c-card h-100">
+                  <div class="card-header">
+                      <h3 class="h4">Je suis un/une professionnel/le de l'insertion, en formation ou en activité</h3>
+                  </div>
                   <div class="card-body pb-0">
-                      <p class="h4 lh-base">
-                          Je suis un/une professionnel/le de l'insertion, j'ai une question sur l'accompagnement d'une personne éloignée de l'emploi
+                      <p>
+                          J'ai une question sur l'accompagnement d'une personne éloignée de l'emploi, sur mon parcours de formation ou sur une des fiches pratiques de la communauté
                       </p>
                   </div>
-                  <div class="card-footer text-end">
+                  <div class="card-footer text-center">
                       <a class="btn btn-primary" href="/forum/forum-[PK of Forum]/topic/create/?checked=1">Je pose ma question à la communauté</a>
                   </div>
               </div>
diff --git a/lacommunaute/templates/forum_conversation/topic_create_check.html b/lacommunaute/templates/forum_conversation/topic_create_check.html
index 57c0c37d0..5500d5082 100644
--- a/lacommunaute/templates/forum_conversation/topic_create_check.html
+++ b/lacommunaute/templates/forum_conversation/topic_create_check.html
@@ -14,10 +14,13 @@ <h1>{{ forum.name }}</h1>
         <div class="col-12 mb-5">
             <p class="h2">Quelle est ma situation ?</p>
         </div>
-        <div class="col-12 col-md-4 ">
+        <div class="col-12 col-md-6 mb-3">
             <div class="card c-card h-100">
+                <div class="card-header">
+                    <h3 class="h4">Je suis à la recherche d'un emploi</h3>
+                </div>
                 <div class="card-body pb-0">
-                    <p class="h4 lh-base">Je suis à la recherche d'un emploi</p>
+                    <p>Je recherche des offres d'emploi ou des entreprises près de chez moi</p>
                 </div>
                 <div class="card-footer text-center mt-3">
                     <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#rechercheEmploi">
@@ -26,28 +29,51 @@ <h1>{{ forum.name }}</h1>
                 </div>
             </div>
         </div>
-        <div class="col-12 col-md-4">
+        <div class="col-12 col-md-6 mb-3">
             <div class="card c-card h-100">
+                <div class="card-header">
+                    <h3 class="h4">J'utilise le site des emplois de l'inclusion</h3>
+                </div>
                 <div class="card-body pb-0">
-                    <p class="h4 lh-base">
+                    <p>
                         J'ai des questions sur les PASS IAE, leur suspension ou prolongation, le fonctionnement du site des emplois de l'inclusion ou les relations avec l'ASP
                     </p>
                 </div>
-                <div class="card-footer text-end mt-3">
+                <div class="card-footer text-center mt-3">
                     <a href="https://aide.emplois.inclusion.beta.gouv.fr/hc/fr" class="btn btn-primary">
                         J'accède à la documentation des emplois de l'inclusion
                     </a>
                 </div>
             </div>
         </div>
-        <div class="col-12 col-md-4">
+        <div class="col-12 col-md-6 mb-3">
             <div class="card c-card h-100">
+                <div class="card-header">
+                    <h3 class="h4">J'accueille des personnes en PMSMP</h3>
+                </div>
+                <div class="card-body pb-0">
+                    <p>
+                        J'ai une question Période de Mise en Situation en Milieu Professionnel, le conventionnement, la déclaration des heures ou le fonctionnement du site Immersion Facilitée
+                    </p>
+                </div>
+                <div class="card-footer text-center">
+                    <a href="https://aide.immersion-facile.beta.gouv.fr/fr/" class="btn btn-primary">
+                        J'accède au centre d'aide Immersion Facilitée
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="col-12 col-md-6 mb-3">
+            <div class="card c-card h-100">
+                <div class="card-header">
+                    <h3 class="h4">Je suis un/une professionnel/le de l'insertion, en formation ou en activité</h3>
+                </div>
                 <div class="card-body pb-0">
-                    <p class="h4 lh-base">
-                        Je suis un/une professionnel/le de l'insertion, j'ai une question sur l'accompagnement d'une personne éloignée de l'emploi
+                    <p>
+                        J'ai une question sur l'accompagnement d'une personne éloignée de l'emploi, sur mon parcours de formation ou sur une des fiches pratiques de la communauté
                     </p>
                 </div>
-                <div class="card-footer text-end">
+                <div class="card-footer text-center">
                     <a href="{% url 'forum_conversation:topic_create' forum.slug forum.id %}?checked=1" class="btn btn-primary">Je pose ma question à la communauté</a>
                 </div>
             </div>