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

{% block bodyclass %}login{% endblock %}

{% block extrastyle %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'coldblue/css/theme.css' %}">
{% endblock %}

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

{% block content %}
<div class="coldblue-login-wrapper">

    <div class="coldblue-login-header">
        <i class="fa-solid fa-shield-halved"></i>
        <h1>{{ site_header|default:"Admin Login" }}</h1>
    </div>

    <div class="coldblue-login-box">
        {% if form.errors %}
    <p class="errornote">
        {% translate "Please correct the error below." %}
    </p>

    {{ form.non_field_errors }}
{% endif %}

        <form method="post" action="{{ app_path }}">
            {% csrf_token %}

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

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

            <div class="submit-row">
                <button type="submit" class="button login-btn">
                    {% translate 'Log in' %}
                </button>
            </div>
        </form>
    </div>

</div>
{% endblock %}