{% extends "base.html" %}

{% block body %}

    <h1 class="logo">skillbox</h1>

    {% if next %}
        <div class="h4">Melde dich jetzt an.</div>
    {% endif %}


    {% if form.errors %}
        <p class="alert alert-error">Benutzername und Passwort stimmen nicht überein.</p>
    {% endif %}


    <form method="post" class="mt-1" action="{% url 'login' %}">
        {% csrf_token %}

        <div>
            {{ form.username.label_tag }}
            {{ form.username }}
        </div>
        <div>
            {{ form.password.label_tag }}
            {{ form.password }}
        </div>

        <button class="btn mt-1" type="submit" name="action">Anmelden</button>
        <input type="hidden" name="next" value="{{ next }}"/>
    </form>

    <p><a href="{% url 'password_reset' %}">Passwort vergessen?</a></p>

{% endblock %}