Modification style page pour modifier un utilisateur

templates/user/_delete_form.html.twig

@@ -1,4 +1,4 @@
 <form style="display:inline-block;" method="post" action="{{ path('app_user_delete', {'id': user.id}) }}" onsubmit="return confirm('Are you sure you want to delete this item?');">
     <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ user.id) }}">
-    <button class="btn btn-outline-danger">Delete</button>
+    <button class="btn btn-outline-danger">Supprimer</button>
 </form>

templates/user/_form.html.twig

@@ -1,4 +1,20 @@
 {{ form_start(form) }}
-    {{ form_widget(form) }}
+    {{ form_row(form.email) }}
-    <button class="btn">{{ button_label|default('Save') }}</button>
+<div class="row">
+    <div class="col">
+        {{ form_row(form.nom) }}
+    </div>
+    <div class="col">
+        {{ form_row(form.prenom) }}
+    </div>
+</div>
+
+{% if form.plainPassword is defined %}
+    {{ form_row(form.plainPassword) }}
+{% endif %}
+{{ form_row(form.roles) }}
+
+<div class="text-end">
+    <button class="btn btn-primary">{{ button_label|default('Save') }}</button>
+</div>
 {{ form_end(form) }}

templates/user/edit.html.twig

@@ -3,11 +3,20 @@
 {% block title %}Edit User{% endblock %}
 
 {% block body %}
-    <h1>Edit User</h1>
+    <div class="card">
+        <div class="card-header">
+            <h1>Modifier l'utilisateur</h1>
+        </div>
 
-    {{ include('user/_form.html.twig', {'button_label': 'Update'}) }}
+        <div class="card-body">
+        {{ include('user/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
+        </div>
 
-    <a href="{{ path('app_user_index') }}">back to list</a>
+        <div class="card-footer">
+            <a class="btn btn-outline-primary" href="{{ path('app_user_index') }}">Retour à la liste des
+                utilisateurs</a>
 
             {{ include('user/_delete_form.html.twig') }}
+        </div>
+    </div>
 {% endblock %}