BestNotes/bestnotes/templates/registration/login.html

{% extends 'base.html' %}
{% load widget_tweaks %}
{% load static %}
{% block css %}
    <link rel="stylesheet" type="text/css" href="{% static 'login.css' %}">
{% endblock %}
{% block content %}

<nav class="navbar navbar-expand-lg navbar-dark">
    <a class="navbar-brand" href="{% url 'homepage' %}">
        <i class="fa fa-sticky-note logo"></i>
        <strong>Best Notes</strong>
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
        <ul class="navbar-nav collapse navbar-collapse"  id="navbarNav">
            <li id="home" class="nav-item nav-link"><a class="nolink" href="{% url 'homepage' %}"><i class="fa fa-home fa-2x"></a></i></li>
            {% if user.is_authenticated %}
            <li id="add_note" class="nav-item nav-link"><a class="nolink" href="{% url 'add' %}"><i class="fa fa-pencil-square-o fa-2x"></a></i></li>
            <li id="all_subjects" class="nav-item nav-link active"><a class="nolink" href="{% url 'subject' %}"><i class="fa fa-list-ul fa-2x"></i></a></li>
            <li id="logout" class="nav-item nav-link"><a class="nolink" href="{% url 'logout' %}"><i class="fa fa-sign-out fa-2x"></i></a></li>
            {% else %}
            {% endif %}
        </ul>
</nav>

<div class="container login-container">
    <div class="row justify-content-md-center">
        <div class="col-md-6 login-form-2">
            <i class="fa fa-sticky-note-o fa-5x logo"> </i>
            <h1><strong>Best Notes</strong></h1>
            <form method="post" action="{% url 'login' %}?next={{ request.GET.next }}">
                {% csrf_token %}
                
                {% for hidden in form.hidden_fields %}
                    {{ hidden }}
                {% endfor %}

                {% if form.errors %}
                    <p class="text-warning">Nieprawidłowy adres e-mail lub hasło. Spróbuj ponownie!</p>
                {% endif %}
                
                <div class="input-group mb-3">
                    <div class="input-group-prepend"><i class="input-group-text fa fa-envelope fa-lg"></i></div>
                    {% render_field form.username class="form-control" placeholder="Email" id="loginform"%}
                </div>
                <div class="input-group">
                    <div class="input-group-prepend"><i class="input-group-text fa fa-lock fa-lg"></i></div>
                    {% render_field form.password class="form-control" placeholder="Hasło" id="passwordform"%}
                </div>
                <div class="form-group mt-3">
                    <input type="submit" class="btnSubmit" value="Login" />
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}