From 0a85c0854b93b66f9494466dfb728b95afdc49a9 Mon Sep 17 00:00:00 2001
From: barillote <etebarillot@gmail.com>
Date: Thu, 3 Apr 2025 17:19:38 +0200
Subject: [PATCH] faq page

---
 templates/faq/index.html.twig | 52 ++++++++---------------------------
 1 file changed, 12 insertions(+), 40 deletions(-)

diff --git a/templates/faq/index.html.twig b/templates/faq/index.html.twig
index 50d60f1..fa9f05f 100644
--- a/templates/faq/index.html.twig
+++ b/templates/faq/index.html.twig
@@ -1,53 +1,25 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Liste des FAQs{% endblock %}
+{% block title %}FAQ{% endblock %}
 
 {% block body %}
     <div class="container mx-auto p-6">
-        <h1 class="text-3xl font-bold mb-4">Liste des FAQs</h1>
+        <h1 class="text-3xl font-bold mb-4">FAQ</h1>
 
-        <div class="overflow-x-auto bg-white shadow-lg rounded-lg">
-            <table class="min-w-full table-auto">
-                <thead>
-                <tr class="bg-gray-800 text-white">
-                    <th class="px-4 py-2 text-left">Question</th>
-                    <th class="px-4 py-2 text-left">Réponse</th>
-                    <th class="px-4 py-2 text-left">Denrnière modif</th>
-                    <th class="px-4 py-2 text-left">Actions</th>
-                </tr>
-                </thead>
-                <tbody>
-                {% for faq in faqs %}
-                    <tr class="border-b">
-                        <td class="px-4 py-2">{{ faq.question }}</td>
-                        <td class="px-4 py-2">{{ faq.answer }}</td>
-                        <td class="px-4 py-2">{{ faq.updateDate|date("d-m-y") }}</td>
-                        <td class="px-4 py-2">
-                            <a href="{{ path('app_faq_show', {'id': faq.id}) }}" class="text-teal-500 hover:text-teal-700 mr-3">
-                                <i class="fas fa-eye"></i> Voir
-                            </a>
-
-                            <a href="{{ path('app_faq_edit', {'id': faq.id}) }}" class="text-yellow-500 hover:text-yellow-700 mr-3">
-                                <i class="fas fa-edit"></i> Modifier
-                            </a>
-
-                            <form method="post" action="{{ path('app_faq_delete', {'id': faq.id}) }}" style="display:inline;">
-                                <input type="hidden" name="_method" value="DELETE">
-                                <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ faq.id) }}">
-                                <button type="submit" class="text-red-500 hover:text-red-700">
-                                    <i class="fas fa-trash-alt"></i> Supprimer
-                                </button>
-                            </form>
-                        </td>
-                    </tr>
-                {% endfor %}
-                </tbody>
-            </table>
+        <div class="flex flex-col gap-4">
+            {% for faq in faqs %}
+                <div>
+                    <h2 class="font-bold text-4xl">Question : {{ faq.question }}</h2>
+                    <p class="italic text-gray-700">Dernière modification : {{ faq.updateDate|date("d-m-y") }}</p>
+                    <p class="text-2xl ml-10">Réponse : {{ faq.answer }}</p>
+                </div>
+                <hr class="border-black"/>
+            {% endfor %}
         </div>
 
         <div class="mt-4">
             <a href="{{ path('app_faq_new') }}" class="bg-teal-500 hover:bg-teal-600 text-white py-2 px-4 rounded-full">
-                <i class="fas fa-plus-circle"></i> Ajouter une FAQ
+                <i class="fas fa-plus-circle"></i> Ajouter une FAQ / Poser une question
             </a>
         </div>