{% if breadcrumbs is defined and breadcrumbs is not empty %}
  <div id="breadcrumbs" class="container">
    <nav aria-label="breadcrumb breadcrumb-right-arrow">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/">Accueil</a></li>
        {% for item in breadcrumbs %}
          {% set itemTag = 'a' %}
          {% if item.url is empty %}
            {% set itemTag = 'span' %}
          {% endif %}
          {% set itemHtml %}{{ ('<' ~ itemTag
          ~ ' class="'
          ~ item.extra.css_classes|default() ~ '"'
          ~ (item.url ? (' href="' ~ item.url ~ '"') : '') ~ '>'
          ~ item.label|default('item.label')
          ~ '</' ~ itemTag ~ '>'
          )|raw }}{% endset %}
          <li class="breadcrumb-item {% if loop.last %} active{% endif %}">{{ itemHtml }}</li>
        {% endfor %}
      </ol>
    </nav>
  </div>
{% endif %}