{% macro render(items) %}
    {% set metadata = {
        '@context': 'https://schema.org',
        '@type': 'BreadcrumbList',
        'itemListElement': [],
    } %}

    <nav aria-label="Breadcrumbs">
        <ol class="breadcrumb px-4">
            {%- for item in items -%}
                {%- set ld_item = {
                    '@type': 'ListItem',
                    'position': loop.index,
                    'name': item.text|e('html_attr'),
                    'item': item.url is defined ? item.url : app.request.schemeAndHttpHost ~ app.request.requestUri
                } -%}

                {%- set active = loop.last -%}
                {%- set active_class = active ? ' active' : '' -%}

                <li class="breadcrumb-item{{ active_class }}" {%- if active %} aria-current="page" {%- endif %} style="background-color: white">
                    {%- if item.url is defined -%}
                        <a href="{{ item.url }}">{{ item.text }}</a>
                    {%- else -%}
                        {{- item.text -}}
                    {%- endif -%}
                </li>

                {%- set metadata = metadata|merge({
                    'itemListElement': metadata.itemListElement|merge([ld_item]),
                }) %}
            {%- endfor -%}
        </ol>
    </nav>

    <script type="application/ld+json">{{ metadata|json_encode|raw }}</script>
{% endmacro %}