{# Breadcrumb, ported from shadcn/ui: a home crumb linking to the
   dashboard, then the page's own trail, with the current page a plain
   item carrying aria-current. It doubles as the page header, since
   base.html has no separate <h1> -- the active crumb is weighted like a
   title so it reads as one. #}
{% from "admin/components/icons.html" import icon %}
{% macro render_breadcrumbs(breadcrumbs, base_path) %}
<nav aria-label="{{ _('Breadcrumb') }}">
  <ol class="{{ ui('breadcrumb') }}">
    <li class="flex items-center">
      <a href="{{ base_path }}" class="{{ ui('breadcrumb', 'link') }} p-0.5">
        {{ icon("home", "w-4 h-4") }}
        <span class="sr-only">{{ _("Dashboard") }}</span>
      </a>
    </li>
    {% for crumb in breadcrumbs %}
    <li class="{{ ui('breadcrumb', 'item') }}">
      <span class="{{ ui('breadcrumb', 'separator') }}">{{ icon("chevron-right", "w-3.5 h-3.5") }}</span>
      {% if crumb.url %}
      <a href="{{ crumb.url }}" class="{{ ui('breadcrumb', 'link') }}">{{ crumb.label }}</a>
      {% elif crumb.active %}
      <span class="{{ ui('breadcrumb', 'page') }}" aria-current="page">{{ crumb.label }}</span>
      {% else %}
      <span class="{{ ui('breadcrumb', 'plain') }}">{{ crumb.label }}</span>
      {% endif %}
    </li>
    {% endfor %}
  </ol>
</nav>
{% endmacro %}