{%- if pages | length > 0 -%}

    <nav aria-label="{{ 'general.breadcrumbs_navigation' | trans }}">

        <ol class="breadcrumb mb-0">

            <li class="breadcrumb-item fw-medium">

                <a class="text-body" href="{{ document.properties.breadcrumbs_navigation_root.data.path }}">{{ 'general.homepage' | trans }}</a>
                
            </li>

            {%- for page in pages -%}

                <li class="breadcrumb-item fw-medium {{ page.active ? 'active' : '' }}">

                    {%- if page.active -%}

                        <span>{{ page.label }}</span>

                    {%- else -%}

                        <a class="text-body" href="{{ page.uri }}" aria-current="page">{{ page.label }}</a>

                    {%- endif -%}

                </li>

            {%- endfor -%}

        </ol>

    </nav>

{%- endif -%}