completed authentication system

templates/login.html

@@ -1,29 +1,26 @@
 {% extends "base.html" %}
 
 {% block content %}
-<div>
-    <h3>Login</h3>
-    <div>
-        <form method="POST" action="/login">
-            <div>
-                <div>
-                    <input type="email" name="email" placeholder="Your Email" autofocus="">
-                </div>
-            </div>
-
-            <div>
-                <div>
-                    <input type="password" name="password" placeholder="Your Password">
-                </div>
-            </div>
-            <div>
-                <label>
-                    <input type="checkbox" name="remember">
-                    Remember me
-                </label>
-            </div>
-            <button>Login</button>
-        </form>
+<span><h1>{% block title %} Login {% endblock %}</h1></span>
+{% with messages = get_flashed_messages() %}
+{% if messages %}
+    <div class="notification is-danger">
+        {{ messages[0] }}
     </div>
-</div>
+{% endif %}
+{% endwith %}
+<form method="post">
+    {{ form.csrf_token }}
+    <p>
+        {{ form.userName.label }}
+        {{ form.userName }}
+    </p>
+    <p>
+        {{ form.password.label }}
+        {{ form.password }}
+    </p>
+    <p>
+        <button class="btn btn-primary" type="submit">Submit</button>
+    </p>
+</form>
 {% endblock %}