{% extends "admin/base_site.html" %}
{% load i18n static admin_theme %}
{% get_admin_theme as admin_theme %}

{% block title %}{% if subtitle %}{{ subtitle }} | {% endif %}{{ title }} | {{ admin_theme.product_name }}{% endblock %}

{% block extrastyle %}
  {% get_admin_theme as admin_theme %}
  {{ block.super }}
  <link rel="stylesheet" href="{% static 'ocyan_admin_theme/css/admin-theme.css' %}">
  <style>:root { --ocyan-admin-accent: {{ admin_theme.accent_color }}; }</style>
{% endblock %}

{% block extrahead %}
  {% get_admin_theme as admin_theme %}
  {{ block.super }}
  {% if admin_theme.favicon_url %}
    <link rel="icon" href="{{ admin_theme.favicon_url }}">
  {% endif %}
{% endblock %}

{% block bodyclass %}{{ block.super }} ocyan-admin-theme{% endblock %}

{% block branding %}
  {% get_admin_theme as admin_theme %}
  <a class="ocyan-admin-brand" href="{% url 'admin:index' %}" aria-label="{{ admin_theme.company_name }} {{ admin_theme.product_name }}">
    {% if admin_theme.logo_url %}
      <picture class="ocyan-admin-brand__logo">
        {% if admin_theme.logo_dark_url %}<source media="(prefers-color-scheme: dark)" srcset="{{ admin_theme.logo_dark_url }}">{% endif %}
        <img src="{{ admin_theme.logo_url }}" alt="{{ admin_theme.company_name }} {{ admin_theme.product_name }}">
      </picture>
    {% else %}
      {% if admin_theme.compact_logo_url or admin_theme.application_icon_url %}
        <picture class="ocyan-admin-brand__mark ocyan-admin-brand__mark--asset" aria-hidden="true">
          {% if admin_theme.compact_logo_dark_url %}<source media="(prefers-color-scheme: dark)" srcset="{{ admin_theme.compact_logo_dark_url }}">{% endif %}
          <img src="{{ admin_theme.compact_logo_url|default:admin_theme.application_icon_url }}" alt="">
        </picture>
      {% else %}
        <span class="ocyan-admin-brand__mark" aria-hidden="true">{{ admin_theme.compact_logo }}</span>
      {% endif %}
      <span class="ocyan-admin-brand__copy">
        <span class="ocyan-admin-brand__company">{{ admin_theme.company_name }}</span>
        <span class="ocyan-admin-brand__product">{{ admin_theme.product_name }}</span>
      </span>
    {% endif %}
  </a>
{% endblock %}