{# Le fil d'Ariane, et la déclaration qui le double pour les moteurs.

   Il porte la hiérarchie des cocons, que l'adresse ne porte pas : une plante
   vit à `/plantes/…` quel que soit son rayon, si bien que c'est ici, et ici
   seulement, qu'on lit qu'une menthe marocaine est une menthe. #}
{% if trail|default([])|length > 1 %}
    <nav aria-label="Fil d'Ariane" class="font-sans text-[0.78rem] text-muted">
        <ol class="flex flex-wrap items-center gap-x-2 gap-y-1">
            {% for crumb in trail %}
                <li class="flex items-center gap-2">
                    {% if not loop.last %}
                        <a href="{{ crumb.url }}" class="hover:text-brand-ink hover:underline underline-offset-4">{{ crumb.label }}</a>
                        <span aria-hidden="true" class="text-line-strong">/</span>
                    {% else %}
                        <span aria-current="page" class="text-ink">{{ crumb.label }}</span>
                    {% endif %}
                </li>
            {% endfor %}
        </ol>
    </nav>

    <script type="application/ld+json">
        {{ {
            '@context': 'https://schema.org',
            '@type': 'BreadcrumbList',
            'itemListElement': trail|map((crumb, index) => {
                '@type': 'ListItem',
                'position': index + 1,
                'name': crumb.label,
                'item': url('home')|trim('/', 'right') ~ crumb.url
            })|values
        }|json_encode(constant('JSON_HEX_TAG') b-or constant('JSON_HEX_AMP') b-or constant('JSON_HEX_APOS') b-or constant('JSON_HEX_QUOT') b-or constant('JSON_UNESCAPED_UNICODE') b-or constant('JSON_UNESCAPED_SLASHES'))|raw }}
    </script>
{% endif %}