{# Breadcrumb navigation #}
{% if breadcrumbs and breadcrumbs.length > 0 %}
<nav class="ms-breadcrumbs" aria-label="Breadcrumb">
  <ol class="ms-breadcrumbs__list">
    {% for crumb in breadcrumbs %}
    <li class="ms-breadcrumbs__item">
      {% if crumb.href %}
      <a href="{{ crumb.href }}" class="ms-breadcrumbs__link">{{ crumb.text }}</a>
      {% else %}
      <span class="ms-breadcrumbs__current" aria-current="page">{{ crumb.text }}</span>
      {% endif %}
    </li>
    {% endfor %}
  </ol>
</nav>
{% endif %}