{% extends 'public/base.html' %}

{% load i18n %}
{% load static %}
{% load aa_theme_xix_settings %}

{% block content %}
  <div class="starfield-background" aria-hidden="true"></div>
  <div class="login-container">
    <div class="login-panel">
      <div class="login-header">
        <div class="alliance-logo-container">
          <img src="{% static 'aa_theme_xix/icons/android-chrome-192x192.png' %}" alt="{% xix_theme_var "LOGIN_TITLE" "Legion of xXDEATHXx" %}" class="alliance-logo">
        </div>
        <h1 class="alliance-title">{% xix_theme_var "LOGIN_TITLE" "Legion of xXDEATHXx" %}</h1>
        <span class="alliance-ticker">{% xix_theme_var "LOGIN_SUBTITLE" "X.I.X" %}</span>
      </div>
      {% if messages %}
        {% for message in messages %}
          <div class="alert alert-{{ message.level_tag|default:'info' }}">{{ message }}</div>
        {% endfor %}
      {% endif %}
      <div class="login-form">
        {% if user.is_authenticated %}
          <div class="alert alert-info">
            {% translate "You are already logged in as" %} {{ user.username }}.
          </div>
          <p class="text-center">
            {% translate "You are seeing this page because you either opened a direct link to the login or to a page you don't have access to." %}
          </p>
          <div class="d-grid gap-2">
            <a href="{% url 'authentication:dashboard' %}" class="btn btn-primary">
              <i class="fa-solid fa-gauge-high"></i>
              {% translate "Go to Dashboard" %}
            </a>
            <form method="post" action="{% url 'logout' %}">
              {% csrf_token %}
              <button type="submit" class="btn btn-outline-danger w-100">
                <i class="fa-solid fa-right-from-bracket"></i>
                {% translate "Sign Out" %}
              </button>
            </form>
          </div>
        {% else %}
          {% block middle_box_content %}
          {% endblock %}
        {% endif %}
      </div>
      <div class="login-lang-select">
        {% include 'public/lang_select.html' %}
      </div>
      <div class="opsec-notice">
        <ul>
          <li>
            <i class="fa-brands fa-discord"></i>
            <a href="{% xix_theme_var "DISCORD_INVITE_URL" "https://discord.gg/2HYrgx7Cgc" %}" target="_blank" rel="noopener noreferrer">
              {% translate "Need help? Contact Us" %}
            </a>
          </li>
          <li>
            <i class="fa-solid fa-key"></i>
            <a href="https://developers.eveonline.com/authorized-apps" target="_blank" rel="noopener noreferrer">
              {% translate "Manage ESI Applications" %}
            </a>
          </li>
          <li>
            <i class="fa-solid fa-code"></i>
            <a href="https://developers.eveonline.com/blog" target="_blank" rel="noopener noreferrer">
              {% translate "For information on SSO, ESI and security read the CCP Dev Blog" %}
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <script src="{% static 'aa_theme_xix/js/starfield.js' %}" defer></script>
{% endblock %}

{% block extra_include %}
  {% include 'bundles/bootstrap-js-bs5.html' %}
{% endblock %}