{% 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="Legion of xXDEATHXx" class="alliance-logo">
        </div>
        <h1 class="alliance-title">{% theme_var "LOGIN_TITLE" "Legion of xXDEATHXx" %}</h1>
        <span class="alliance-ticker">{% 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">
        {% block middle_box_content %}
        {% endblock %}
      </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="{% 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 %}