{% load i18n %}
{% comment %}Ikony konta i koszyka. Koszyk pojawi się razem z modułem sklepu -
   dopóki trasy nie ma, adres jest pusty i ikony nie rysujemy.{% endcomment %}
{% url 'shop:cart' as cart_url %}
<div class="flex shrink-0 items-center gap-2">
  {% comment %}Przycisk z głównym działaniem serwisu (Ustawienia > Nawigacja
     serwisu). Na telefonie nie mieści się obok logo - spychałby się do
     drugiego rzędu i przyklejony nagłówek zjadałby pół ekranu - więc poniżej
     `sm` stoi na końcu menu pod przyciskiem (nav_mobile.html).{% endcomment %}
  {% if site_settings.header_cta_label and site_settings.header_cta_url %}
    <a href="{{ site_settings.header_cta_url }}" class="btn-primary hidden sm:inline-flex">{{ site_settings.header_cta_label }}</a>
  {% endif %}
  {% comment %}Przełącznik języków - rysuje się tylko wtedy, gdy moduł Tłumaczeń
     ma co przełączać (co najmniej dwa aktywne języki).{% endcomment %}
  {% if multilang.switcher %}{% include 'public/partials/language_switcher.html' %}{% endif %}

  {% comment %}Tryb jasny/ciemny. Wybór odwiedzającego pamięta przeglądarka,
     a nakladany jest jeszcze w nagłówku dokumentu (public/base.html), żeby
     strona nie mrugnęła jasnym ekranem przed pierwszym malowaniem. Ikona
     pokazuje tryb, który się włączy - księżyc w dzień, słońce w nocy. Cały
     przełącznik da się zdjąć w Ustawienia > Nawigacja serwisu, a przy
     wyłączonym trybie ciemnym (Ustawienia > Widoki i listy) nie ma go
     wcale - nie byłoby czego przełączać.{% endcomment %}
  {% if site_settings.header_theme_toggle and site_settings.dark_mode_enabled %}
  <button type="button" data-motyw
          class="border border-site-border p-2.5 hover:border-brand-600 hover:bg-brand-600 hover:text-white dark:border-site-border-dark"
          title="{% trans "Tryb jasny i ciemny" %}" aria-label="{% trans "Przełącz tryb jasny i ciemny" %}">
    <span class="block dark:hidden">{% include 'partials/icon.html' with icon='moon' %}</span>
    <span class="hidden dark:block">{% include 'partials/icon.html' with icon='sun' %}</span>
  </button>
  {% endif %}

  {% if user.is_authenticated and site_settings.header_account_icon %}
    <a href="/manage/" class="border border-site-border p-2.5 hover:border-slate-800 hover:bg-slate-800 hover:text-white dark:border-site-border-dark dark:hover:border-white dark:hover:bg-white dark:hover:text-black" title="{% trans "Twoje konto" %}">
      {% include 'partials/icon.html' with icon='user' %}
    </a>
  {% endif %}
  {% if cart_url %}
    <a href="{{ cart_url }}" class="border border-site-border p-2.5 hover:border-brand-600 hover:bg-brand-600 hover:text-white dark:border-site-border-dark" title="{% trans "Koszyk" %}">
      {% include 'partials/icon.html' with icon='cart' %}
    </a>
  {% endif %}
</div>