{% load csp_nonce i18n static %}
<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE }}">
<head>
  <title>{% block title %}{% endblock %}</title>

  <link rel="stylesheet" href="{% static 'admin/css/base.css' %}">
  <link rel="stylesheet" href="{% static 'admin/css/responsive.css' %}">
  <link rel="stylesheet" href="{% static 'admin/css/dashboard.css' %}">
  <link rel="stylesheet" href="{% static 'css/hidp_django_admin.css' %}">
  {% block dark-mode-vars %}
    <link rel="stylesheet" href="{% static 'admin/css/dark_mode.css' %}">
    <script src="{% static 'admin/js/theme.js' %}" nonce="{% csp_nonce %}"></script>
  {% endblock %}
</head>

<body>
  {% block header %}
    <header id="header">
      <div id="branding">
        {% block branding %}
          <div id="site-name">
            <a href="{% url 'admin:index' %}">{% trans 'Django-admin' %}</a>
          </div>
        {% endblock %}
      </div>
      {% block usertools %}
        <div id="user-tools">
          {% block welcome-msg %}
            {% trans 'Welcome,' %}
            <strong>{% firstof user.get_short_name user.get_username %}</strong>.
          {% endblock %}
          {% block userlinks %}
            {% if site_url %}
              <a href="{{ site_url }}">{% trans 'View site' %}</a> /
            {% endif %}
            {% if user.is_active and user.is_staff %}
              {% url 'django-admindocs-docroot' as docsroot %}
              {% if docsroot %}
                <a href="{{ docsroot }}">{% trans 'Documentation' %}</a> /
              {% endif %}
            {% endif %}
            {% if user.has_usable_password %}
              <a href="{% url 'hidp_account_management:manage_account' %}">{% trans 'Manage account' %}</a> /
            {% endif %}
            <form id="logout-form" method="post" action="{% url 'hidp_accounts:logout' %}">
              {% csrf_token %}
              <button type="submit">{% trans 'Log out' %}</button>
            </form>
            {% include "admin/color_theme_toggle.html" %}
          {% endblock %}
        </div>
      {% endblock %}
      {% block nav-global %}{% endblock %}
    </header>
  {% endblock %}

  {% block nav-breadcrumbs %}
    <nav aria-label="{% trans 'Breadcrumbs' %}">
      {% block breadcrumbs %}
        <div class="breadcrumbs">
          <a href="{% url 'hidp_account_management:manage_account' %}">{% trans 'Manage account' %}</a>
          {% if title %} &rsaquo; {{ title }}{% endif %}
        </div>
      {% endblock %}
    </nav>
  {% endblock %}

  <div id="content">
    {% block content %}{% endblock %}
    {% block main %}{% endblock %}
  </div>

  <!-- SVGs -->
  <svg xmlns="http://www.w3.org/2000/svg" class="base-svgs">
    <symbol viewBox="0 0 24 24" id="icon-auto">
      <path d="M0 0h24v24H0z" fill="currentColor"/>
      <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2V4a8 8 0 1 0 0 16z"/>
    </symbol>
    <symbol viewBox="0 0 24 24" id="icon-moon">
      <path d="M0 0h24v24H0z" fill="currentColor"/>
      <path d="M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2h.1A6.979 6.979 0 0 0 10 7zm-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938 7.999 7.999 0 0 0 4 12z"/>
    </symbol>
    <symbol viewBox="0 0 24 24" id="icon-sun">
      <path d="M0 0h24v24H0z" fill="currentColor"/>
      <path d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"/>
    </symbol>
  </svg>
  <!-- END SVGs -->
</body>
</html>
