{% if baseTheme is defined and baseTheme == 'keen' %} <div class="d-flex align-items-baseline flex-wrap mr-5"> {% if items|length > 0 %} <h5 class="text-dark font-weight-bold my-1 mr-5"> {% if items|length == 1 or not skipFirstBreadcrumb is defined or not skipFirstBreadcrumb %} {{ items|last.name|trans }} {% else %} {{ items[items|length - 2].name|trans }} {% endif %} </h5> <ul class="breadcrumb breadcrumb-transparent breadcrumb-dot font-weight-bold p-0 my-2 font-size-sm"> {% for item in items %} {% if not loop.last and (not skipFirstBreadcrumb is defined or not skipFirstBreadcrumb or loop.index0 != items|length - 2) %} <li class="breadcrumb-item"> <a href="{{ item.route ? path(item.route, item.params ?? []) : (item.url ?? request_uri) }}" class="text-muted" aria-label="{{ item.name|trans }}">{{ item.name|trans }}</a> </li> {% endif %} {% endfor %} </ul> {% endif %} </div>{% else %} {% if items|length > 0 %} <div class="mobile-scroll-x"> <div class="d-flex mx-n2 flex-lg-wrap flex-nowrap mb-2"> {% for item in items %} {% if loop.last %} <span class="text-uppercase ff-serif fw-medium text-nowrap"> {{ item.name|trans }} </span> {% else %} <a href="{{ item.route ? path(item.route, item.params ?? []) : (item.url ?? request_uri) }}" class="text-uppercase ff-serif fw-bold me-2 text-nowrap" aria-label="{{ item.name|trans }}"> {{ item.name|trans }} </a> <span class="me-2">></span> {% endif %} {% endfor %} </div> </div> {% endif %}{% endif %}