{% load i18n %}
{% comment %}Okruszki - wyglad wlasny projektu.

   Sciezka i JSON-LD bez wlasnego pasa i bez wersalikow: drobny, szary wiersz
   nad tytulem, zeby tytul strony padl tylko raz i to w naglowku.{% endcomment %}
{% if breadcrumbs and breadcrumbs|length > 1 %}
<nav aria-label="{% trans "Okruszki" %}" class="mx-auto w-full max-w-6xl px-6 pt-8">
  <ol class="flex flex-wrap items-center gap-x-2 gap-y-1 text-sm text-site-muted dark:text-site-muted-dark">
    {% for crumb in breadcrumbs %}
      <li class="flex items-center gap-x-2">
        {% if not forloop.first %}
          <span aria-hidden="true" class="select-none">&#47;</span>
        {% endif %}
        {% if crumb.url and not forloop.last %}
          <a href="{{ crumb.url }}" class="hover:text-brand-600 hover:underline hover:underline-offset-4 dark:hover:text-brand-400">{{ crumb.title }}</a>
        {% else %}
          <span {% if forloop.last %}aria-current="page" {% endif %}class="text-site-text dark:text-site-text-dark">{{ crumb.title }}</span>
        {% endif %}
      </li>
    {% endfor %}
  </ol>
</nav>

<script type="application/ld+json" nonce="{{ csp_nonce }}">
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{% for crumb in breadcrumbs %}{"@type":"ListItem","position":{{ forloop.counter }},"name":"{{ crumb.title|escapejs }}"{% if crumb.url %},"item":"{{ request.scheme }}://{{ request.get_host }}{{ crumb.url|escapejs }}"{% endif %}}{% if not forloop.last %},{% endif %}{% endfor %}]}
</script>
{% endif %}