{% extends "base.html" %}
{% load bootstrap4 %}
{% block title %}Login{% endblock title %}

{% block content %}
<section class="page-section" id="services">
    <div class="container">
        <div style="text-align: center;">
            <br>
            <h1>Log-in</h1>
            {% if form.errors %}
            <p>
                Your username and password didn't match.
                Please try again.
            </p>
            {% else %}
            <p>Please, use the following form to log-in</p>
            {% endif %}
        </div>

        <form action="" method="post" class="form">
            <p><a href="{% url 'web:password_reset' %}">Forgotten your password?</a></p>
            {% csrf_token %}
            {% bootstrap_form form %}
            {% buttons %}
            <input type="hidden" name="next" value="{{ next }}" />
            <button type="submit" class="btn btn-primary">Submit</button>
            {% endbuttons %}
        </form>
    </div>
</section>
{% endblock content %}