Modification mise en page liste ateliers quand il n'y a pas encore d'ateliers

templates/atelier/index.html.twig

@@ -3,8 +3,9 @@
 {% block title %}Atelier index{% endblock %}
 
 {% block body %}
-    <h1>Atelier index</h1>
+    <h1>Liste des Ateliers</h1>
 
+    {% if (ateliers | length) > 0 %}
         <table class="table">
             <thead>
             <tr>
@@ -29,15 +30,12 @@
                                    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>
+                                        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>
@@ -45,4 +43,11 @@
         <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 %}