{% if self.get_ancestors|length > 1 %}
    <nav role="navigation" class="design-system-breadcrumb" aria-label="vous êtes ici :">
        <button class="design-system-breadcrumb__button"
                aria-expanded="false"
                aria-controls="page-breadcrumb">Voir le fil d’Ariane</button>
        <div class="design-system-collapse" id="page-breadcrumb">
            <ol class="design-system-breadcrumb__list">
                {% for p in self.get_ancestors %}
                    {% if p.is_site_root %}
                        <li>
                            <a class="design-system-breadcrumb__link" href="{{ p.url }}">Accueil</a>
                        </li>
                    {% elif p.is_root == False %}
                        <li>
                            <a class="design-system-breadcrumb__link" href="{{ p.url }}">{{ p.title }}</a>
                        </li>
                    {% endif %}
                {% endfor %}
                <li>
                    <a class="design-system-breadcrumb__link" aria-current="page">{{ self.title }}</a>
                </li>
            </ol>
        </div>
    </nav>
{% endif %}
