Structured connexion form

src/Controller/SecurityController.php

@@ -34,7 +34,7 @@ class SecurityController extends AbstractController {
         return $this->render(
             'security/sign-in.html.twig',
             [
-                'last_username' => $authenticationUtils->getLastUsername(),
+                'username' => $authenticationUtils->getLastUsername(),
             ]
         );
     }

templates/security/sign-in.html.twig

@@ -4,23 +4,28 @@
 {% block title %}{% trans %}sign.in{% endtrans %}{% endblock %}
 
 {% block body %}
-    <form method="post">
-        <h1 class="h3 mb-3 font-weight-normal">{% trans %}sign.in{% endtrans %}</h1>
+    <h1>{% trans %}sign.in{% endtrans %}</h1>
 
+    <section>
+        <form method="POST">
+            <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
+
+            <div>
                 <label for="email">{% trans %}user.email{% endtrans %}</label>
-        <input type="email" value="{{ last_username }}" name="email" id="email" class="form-control" required autofocus>
+                <input type="email" value="{{ username }}" name="email" id="email" required autofocus>
+            </div>
 
+            <div>
                 <label for="password">{% trans %}user.password{% endtrans %}</label>
-        <input type="password" name="password" id="password" class="form-control" required>
-
-        <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
+                <input type="password" name="password" id="password" required>
+            </div>
 
-        <div class="checkbox mb-3">
-            <label>
-                <input type="checkbox" name="_remember_me"> {% trans %}sign.remember_me{% endtrans %}
-            </label>
+            <div>
+                <label for="remember_me">{% trans %}sign.remember_me{% endtrans %}</label>
+                <input type="checkbox" name="_remember_me" id="remember_me">
             </div>
 
             <button class="btn btn-lg btn-primary" type="submit">{% trans %}sign.in{% endtrans %}</button>
         </form>
+    </section>
 {% endblock %}