{% if breadcrumbs %}
<nav aria-label="{{ aria_label|default:'Breadcrumb' }}" class="mb-4">
  <ol class="flex items-center text-sm text-gray-600 gap-2">
    {% for label, url in breadcrumbs %}
      {% if forloop.last or not url %}
        <li class="text-gray-900">{{ label }}</li>
      {% else %}
        <li>
          <a href="{{ url }}" class="hover:underline">{{ label }}</a>
        </li>
        <li class="text-gray-400">/</li>
      {% endif %}
    {% endfor %}
  </ol>
  </nav>
{% endif %}

