{% extends "admin/base_site.html" %}
{% load i18n static %}

{% block bodyclass %}{{ block.super }} login{% endblock %}

{% block usertools %}{% endblock %}
{% block nav-global %}{% endblock %}
{% block nav-sidebar %}{% endblock %}
{% block content_title %}{% endblock %}
{% block breadcrumbs %}{% endblock %}

{% block content %}
<div class="yp-login card">
    {% if form.errors and not form.non_field_errors %}
        <p class="errornote">
        {% blocktranslate count counter=form.errors.items|length %}Please correct the error below.{% plural %}Please correct the errors below.{% endblocktranslate %}
        </p>
    {% endif %}

    {% if form.non_field_errors %}
        {% for error in form.non_field_errors %}
            <p class="errornote">{{ error }}</p>
        {% endfor %}
    {% endif %}

    <h1>{% translate 'Log in' %}</h1>

    {% if user.is_authenticated %}
        <p class="errornote">
        {% blocktranslate trimmed %}
            You are authenticated as {{ username }}, but are not authorized to
            access this page. Would you like to login to a different account?
        {% endblocktranslate %}
        </p>
    {% endif %}

    <form action="{{ app_path }}" method="post" id="login-form">{% csrf_token %}
        <div class="form-row">
            <label for="id_username">{{ form.username.label }}:</label>
            {{ form.username }}
            {{ form.username.errors }}
        </div>
        <div class="form-row">
            <label for="id_password">{{ form.password.label }}:</label>
            {{ form.password }}
            {{ form.password.errors }}
            <input type="hidden" name="next" value="{{ next }}">
        </div>

        {% url 'admin_password_reset' as password_reset_url %}
        {% if password_reset_url %}
            <div class="password-reset-link">
                <a href="{{ password_reset_url }}">{% translate 'Forgotten your password or username?' %}</a>
            </div>
        {% endif %}

        <div class="submit-row">
            <input type="submit" value="{% translate 'Log in' %}" class="primary">
        </div>
    </form>
</div>
{% endblock %}