From c0357d6947a05725571b370bb86a9e626c2fa556 Mon Sep 17 00:00:00 2001
From: Aymeric SERRA <aymeric.serra@etu.univ-orleans.fr>
Date: Thu, 9 Feb 2023 09:23:54 +0100
Subject: [PATCH] Modification mise en page liste ateliers quand il n'y a pas
 encore d'ateliers

---
 templates/atelier/index.html.twig | 81 ++++++++++++++++---------------
 1 file changed, 43 insertions(+), 38 deletions(-)

diff --git a/templates/atelier/index.html.twig b/templates/atelier/index.html.twig
index 6915971..c164b6c 100644
--- a/templates/atelier/index.html.twig
+++ b/templates/atelier/index.html.twig
@@ -3,46 +3,51 @@
 {% block title %}Atelier index{% endblock %}
 
 {% block body %}
-    <h1>Atelier index</h1>
+    <h1>Liste des Ateliers</h1>
 
-    <table class="table">
-        <thead>
-        <tr>
-            <th scope="row">Id</th>
-            <th scope="col">Nom</th>
-            <th class="" scope="col">Description</th>
-            <th scope="col">Actions</th>
-        </tr>
-        </thead>
-        <tbody>
-        {% for atelier in ateliers %}
+    {% if (ateliers | length) > 0 %}
+        <table class="table">
+            <thead>
             <tr>
-                <td>{{ atelier.id }}</td>
-                <td>{{ atelier.nom }}</td>
-                <td>{{ atelier.description | raw }}</td>
-                <td>
-                    <div class="d-flex flex-row align-content-end">
-                        <a class="btn btn-outline-primary m-1"
-                           href="{{ path('app_atelier_show', {'id': atelier.id}) }}">Afficher</a>
-                        {% if app.user and app.user == atelier.instructeur %}
+                <th scope="row">Id</th>
+                <th scope="col">Nom</th>
+                <th class="" scope="col">Description</th>
+                <th scope="col">Actions</th>
+            </tr>
+            </thead>
+            <tbody>
+            {% for atelier in ateliers %}
+                <tr>
+                    <td>{{ atelier.id }}</td>
+                    <td>{{ atelier.nom }}</td>
+                    <td>{{ atelier.description | raw }}</td>
+                    <td>
+                        <div class="d-flex flex-row align-content-end">
                             <a class="btn btn-outline-primary m-1"
-                               href="{{ path('app_atelier_edit', {'id': atelier.id}) }}">Modifier</a>
-                        {% else %}
-                            <button class="btn btn-outline-secondary m-1"
-                               href="{{ path('app_atelier_edit', {'id': atelier.id}) }}" disabled>Modifier</button>
-                        {% endif %}
-                    </div>
-                </td>
-            </tr>
-        {% else %}
-            <tr>
-                <td colspan="4">no records found</td>
-            </tr>
-        {% endfor %}
-        </tbody>
-    </table>
+                               href="{{ path('app_atelier_show', {'id': atelier.id}) }}">Afficher</a>
+                            {% if app.user and app.user == atelier.instructeur %}
+                                <a class="btn btn-outline-primary m-1"
+                                   href="{{ path('app_atelier_edit', {'id': atelier.id}) }}">Modifier</a>
+                            {% else %}
+                                <button class="btn btn-outline-secondary m-1"
+                                        href="{{ path('app_atelier_edit', {'id': atelier.id}) }}" disabled>Modifier
+                                </button>
+                            {% endif %}
+                        </div>
+                    </td>
+                </tr>
+            {% endfor %}
+            </tbody>
+        </table>
 
-    <div class="d-flex justify-content-center">
-        <a class="btn btn-primary mb-3" href="{{ path('app_atelier_new') }}">Créer atelier</a>
-    </div>
+        <div class="d-flex justify-content-center">
+            <a class="btn btn-primary mb-3" href="{{ path('app_atelier_new') }}">Créer atelier</a>
+        </div>
+    {% else %}
+        <div class="alert alert-info" role="alert">
+            Il n'y a pas encore d'ateliers. Vous pouvez commencer par <a class="alert-link"
+                                                                         href="{{ path('app_atelier_new') }}">en créer
+                un !</a>
+        </div>
+    {% endif %}
 {% endblock %}