{% extends "base.html" %}
{% load i18n %}

{% block body %}

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

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


    {% if form.errors %}
        <p class="alert alert-error">{% trans '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">{% trans 'Anmelden' %}</button>
        <input type="hidden" name="next" value="{{ next }}"/>
    </form>

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

{% endblock %}