{% extends 'base.html' %}

{% block content %}
<article class="panel">
    <h1>Log in</h1>
    {% if form.errors %}
    <p class="error">Your username and password didn't match. Please try again.</p>
    {% endif %}

    <form method="post" action="{% url 'login' %}">
        {% csrf_token %}
        <p>
            {{ form.username.label_tag }}
            {{ form.username }}
        </p>

        <p>
            {{ form.password.label_tag }}
            {{ form.password }}
            <br>
            <small>
                Forgot your password?
                <a class="password__reset hover" href="{% url 'password_reset' %}">Reset your password here</a>.
            </small>
        </p>

        <p>
            <input type="submit" value="Login" class="action-button">
            <input type="hidden" name="next" value="{{ next }}">
        </p>
    </form>
</article>
{% endblock %}