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

{% block extrastyle %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static "admin/css/login.css" %}">
    <link rel="stylesheet" href="{% static 'admin/chassis/auth.css' %}?v=3">
    {{ form.media }}
{% endblock %}

{% block bodyclass %}{{ block.super }} login chassis-auth-page chassis-login-page{% endblock %}

{% block usertools %}{% endblock %}

{% block nav-global %}{% endblock %}

{% block nav-sidebar %}{% endblock %}

{% block content_title %}{% endblock %}

{% block nav-breadcrumbs %}{% endblock %}

{% block messages %}
    {% include "admin/chassis/auth_alerts.html" with show_authenticated_warning=True %}
{% endblock messages %}

{% block content %}
    <div id="content-main" class="chassis-auth-content">
        <header class="chassis-auth-card-header">
            <span class="chassis-auth-card-icon" aria-hidden="true">
                <i class="fa-solid fa-lock"></i>
            </span>
            <h1>{% translate 'Вход в панель управления' %}</h1>
            {% if login_policy_unavailable %}
                <p>{% translate 'Политика входа временно недоступна.' %}</p>
            {% elif login_unavailable_message and show_local_login_form is False and not login_providers %}
                <p>{{ login_unavailable_message }}</p>
            {% elif show_local_login_form is not False %}
                <p>{% translate 'Введите данные своей учётной записи.' %}</p>
            {% elif login_providers %}
                <p>{% translate 'Выберите способ входа.' %}</p>
            {% endif %}
        </header>

        {% if show_local_login_form is not False %}
        <form action="{{ app_path }}" method="post" id="login-form" class="chassis-login-form">
            {% csrf_token %}

            <div class="form-row">
                {{ form.username.errors }}
                {{ form.username.label_tag }}
                {{ form.username }}
            </div>

            <div class="form-row">
                {{ form.password.errors }}
                {{ form.password.label_tag }}
                {{ form.password }}
                <input type="hidden" name="next" value="{{ next }}">
            </div>

            <div class="submit-row">
                <button type="submit" class="chassis-auth-button">
                    <i class="fa-solid fa-right-to-bracket" aria-hidden="true"></i>
                    <span>{% translate 'Log in' %}</span>
                </button>
            </div>
        </form>
        {% endif %}

        {% if login_providers %}
            <div class="chassis-login-providers">
                {% for provider in login_providers %}
                    <a class="chassis-auth-button" href="{{ provider.login_url }}{% if next %}?next={{ next|urlencode }}{% endif %}">
                        {% if provider.logo_url %}
                            <img src="{{ provider.logo_url }}" alt="" width="20" height="20">
                        {% endif %}
                        <span>{{ provider.name }}</span>
                    </a>
                {% endfor %}
            </div>
        {% endif %}
    </div>
{% endblock %}

{% block footer %}{% endblock %}