From a7f6dac570672b2867e116305327dcf0d835a654 Mon Sep 17 00:00:00 2001
From: darkelfe14728 <jul.rosset@gmail.com>
Date: Thu, 7 May 2020 16:21:26 +0200
Subject: [PATCH] Structured connexion form

---
 src/Controller/SecurityController.php |  2 +-
 templates/security/sign-in.html.twig  | 35 +++++++++++++++------------
 2 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/src/Controller/SecurityController.php b/src/Controller/SecurityController.php
index 3971100..449a3ae 100644
--- a/src/Controller/SecurityController.php
+++ b/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(),
             ]
         );
     }
diff --git a/templates/security/sign-in.html.twig b/templates/security/sign-in.html.twig
index fefb358..23f1690 100644
--- a/templates/security/sign-in.html.twig
+++ b/templates/security/sign-in.html.twig
@@ -1,26 +1,31 @@
 {% trans_default_domain 'security' %}
 {% extends 'base.html.twig' %}
 
-{% block title %}{%  trans %}sign.in{% endtrans %}{% endblock %}
+{% 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>
 
-        <label for="email">{% trans %}user.email{% endtrans %}</label>
-        <input type="email" value="{{ last_username }}" name="email" id="email" class="form-control" required autofocus>
+    <section>
+        <form method="POST">
+            <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
 
-        <label for="password">{% trans %}user.password{% endtrans %}</label>
-        <input type="password" name="password" id="password" class="form-control" required>
+            <div>
+                <label for="email">{% trans %}user.email{% endtrans %}</label>
+                <input type="email" value="{{ username }}" name="email" id="email" required autofocus>
+            </div>
 
-        <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
+            <div>
+                <label for="password">{% trans %}user.password{% endtrans %}</label>
+                <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>
+            <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>
+            <button class="btn btn-lg btn-primary" type="submit">{% trans %}sign.in{% endtrans %}</button>
+        </form>
+    </section>
 {% endblock %}