1+ {% extends "base.html" %}
2+ 3+ {% block content %}
4+ 5+ {% if form.errors %}
6+ < p > Your username and password didn't match. Please try again.</ p >
7+ {% endif %}
8+ 9+ {% if next %}
10+ {% if user.is_authenticated %}
11+ < p > Your account doesn't have access to this page. To proceed,
12+ please login with an account that has access.</ p >
13+ {% else %}
14+ < p > Please login to see this page.</ p >
15+ {% endif %}
16+ {% endif %}
17+ 18+ < div class ="container ">
19+ < div class ="row ">
20+ 21+ <!-- <div class="col-md-4"></div> -->
22+ <!-- <div class="col-md-4"> -->
23+ <!-- Default form login -->
24+ < form class ="text-center border border-light p-5 " method ="post " action ="{% url 'login' %} ">
25+ {% csrf_token %}
26+ 27+ < p class ="h4 mb-4 "> Sign in</ p >
28+ 29+ <!-- Email -->
30+ <!-- <input type="email" id="defaultLoginFormEmail" class="form-control mb-4" placeholder="E-mail"> -->
31+ < div class ="text-left "> {{ form.username.label_tag }}</ div >
32+ {{ form.username }}
33+ < div class ="mb-4 "> </ div >
34+ 35+ <!-- Password -->
36+ < div class ="text-left "> {{ form.password.label_tag }}</ div >
37+ {{ form.password }}
38+ < div class ="mb-4 "> </ div >
39+ 40+ < div class ="d-flex justify-content-around ">
41+ < div >
42+ <!-- Forgot password -->
43+ < a href ="{% url 'password_reset' %} "> Lost password?</ a >
44+ </ div >
45+ </ div >
46+ 47+ <!-- Sign in button -->
48+ < button class ="btn btn-info btn-block my-4 " type ="submit "> Sign in</ button >
49+ < input type ="hidden " name ="next " value ="{{ next }} " />
50+ 51+ <!-- Register -->
52+ < p > Not a member?
53+ < a href =""> Register</ a >
54+ </ p >
55+ 56+ <!-- Social login -->
57+ < p > or sign in with:</ p >
58+ 59+ < a type ="button " href ="https://facebook.com " class ="light-blue-text mx-2 ">
60+ < i class ="fa fa-facebook "> </ i >
61+ </ a >
62+ < a type ="button " href ="https://twitter.com " class ="light-blue-text mx-2 ">
63+ < i class ="fa fa-twitter "> </ i >
64+ </ a >
65+ < a type ="button " href ="https://linkedin.com " class ="light-blue-text mx-2 ">
66+ < i class ="fa fa-linkedin "> </ i >
67+ </ a >
68+ < a type ="button " href ="https://github.com " class ="light-blue-text mx-2 ">
69+ < i class ="fa fa-github "> </ i >
70+ </ a >
71+ 72+ </ form >
73+ <!-- Default form login -->
74+ <!-- </div> -->
75+ <!-- <div class="col-md-4"></div> -->
76+ </ div >
77+ </ div >
78+ 79+ {% endblock %}
0 commit comments