{% extends "admin/base.html" %}
{% load static admindigo %}

{% block extrastyle %}{{ block.super }}
  {% admindigo_version as admindigo_v %}
  <link rel="stylesheet" href="{% static 'admindigo/css/admindigo-admin.css' %}?v={{ admindigo_v }}">
{% endblock %}

{% block branding %}
<div id="site-name">
  <a href="{% url 'admin:index' %}">
    <img src="{% admindigo_logo %}" alt="{{ site_header|default:'Admin' }}"
         height="24" class="admindigo-logo">
    {{ site_header|default:'Administração' }}
  </a>
</div>
{% if not has_permission %}
  {% comment %}
    Em páginas anônimas (login) o Django esconde o toggle de tema, pois ele vive
    em "usertools", protegido por has_permission. Aqui o reexibimos reaproveitando
    os ícones (icon-auto/moon/sun) e o theme.js que o admin já carrega no login.
  {% endcomment %}
  <div id="user-tools" class="admindigo-anon-tools">
    <button type="button" class="theme-toggle" aria-label="Alternar tema (claro/escuro/automático)">
      <span class="visually-hidden theme-label-when-auto">Tema atual: automático</span>
      <span class="visually-hidden theme-label-when-light">Tema atual: claro</span>
      <span class="visually-hidden theme-label-when-dark">Tema atual: escuro</span>
      <svg aria-hidden="true" class="theme-icon-when-auto"><use xlink:href="#icon-auto" /></svg>
      <svg aria-hidden="true" class="theme-icon-when-dark"><use xlink:href="#icon-moon" /></svg>
      <svg aria-hidden="true" class="theme-icon-when-light"><use xlink:href="#icon-sun" /></svg>
    </button>
  </div>
{% endif %}
{% endblock %}