{% extends "semantic_admin/auth_base.html" %}
{% load i18n static semantic_filters semantic_utils %}
{% block title %}
    {% trans "Login" %} | {{ site_title|default:_("Django site admin") }}
{% endblock %}
{% block extrastyle %}
    {% semantic_csp_nonce_attr form.media %}
    <link {% semantic_csp_nonce_attr %}
          rel="stylesheet"
          href="{% static "semantic_admin/semantic-admin.css" %}" />
    <style {% semantic_csp_nonce_attr %}>
  html, body {
      margin: 0;
      overflow-x: hidden;
      position: fixed;
      width: 100%;
  }

  #container {
    min-height: calc(95vh);
  }

  #column {
    padding: 0;
  }

  #login {
    min-width: 25rem;
    margin: auto;
  }

  .password-reset-link {
    margin-bottom: 1em;
  }
    </style>
{% endblock %}
{% block blockbots %}<meta name="robots" content="NONE,NOARCHIVE" />{% endblock %}
{% block content %}
    <div id="container" class="ui middle aligned grid">
        <div id="column" class="column">
            <div id="login" class="ui centered card">
                <div class="content" style="background: #f3f4f5;">
                    <div class="header">{% trans 'Log in' %}</div>
                </div>
                <div class="content">
                    {% if form.non_field_errors %}
                        <div class="ui error message">{{ form.non_field_errors|semantic_error_list }}</div>
                    {% elif form.errors %}
                        <div class="ui error message">
                            {% if form.errors.items|length == 1 %}
                                {% trans "Please correct the error below." %}
                            {% else %}
                                {% trans "Please correct the errors below." %}
                            {% endif %}
                        </div>
                    {% endif %}
                    <div>
                        {% if user.is_authenticated %}
                            <p>
                                {% blocktrans trimmed %}
                                    You are authenticated as {{ user.get_username }}, but are not authorized to
                                    access this page. Would you like to login to a different account?
                                {% endblocktrans %}
                            </p>
                        {% endif %}
                        <form class="ui form" action="{{ app_path }}" method="post">
                            {% csrf_token %}
                            <div class="field{% if form.username.errors %} error{% endif %}">
                                {{ form.username.label_tag }} {{ form.username }}
                                {{ form.username.errors|semantic_error_list }}
                            </div>
                            <div class="field{% if form.password.errors %} error{% endif %}">
                                {{ form.password.label_tag }} {{ form.password }}
                                {{ form.password.errors|semantic_error_list }}
                                <input type="hidden" name="next" value="{{ next }}" />
                            </div>
                            {% url 'admin_password_reset' as password_reset_url %}
                            {% block passwordreset %}
                                {% if password_reset_url %}
                                    <div class="password-reset-link">
                                        <a href="{{ password_reset_url }}">{% trans 'Forgotten your password or username?' %}</a>
                                    </div>
                                {% endif %}
                            {% endblock %}
                            <div>
                                <label>&nbsp;</label>
                                <input class="ui primary button" type="submit" value="{% trans 'Log in' %}" />
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        {% endblock %}