{# partitial Bootstrap Navigation #}
<ul class="navbar-nav mb-2 mb-md-0 ms-auto me-0">
{% if pages is defined %}
{% for page in pages %}
{% set initDropdown = 0 %}
{% if page.visible %}
{% set hasChildren = page.hasPages() %}
{% for child in page.getPages() %}
{% if child.isVisible() %}
{% set initDropdown = 1 %}
{% endif %}
{% endfor %}
<li class="nav-item {{ hasChildren ? 'dropdown' : ''}}">
{# {{ pimcore_nav_renderer('menu').htmlify( page ) | raw }} #}
{% if not hasChildren or initDropdown == 0 %}
<a class="nav-link {{ (page.isActive) ? 'active' : '' }}" href="{{ page.getHref }}" target="{{ page.getTarget }}">{{ page.getLabel | upper }}</a>
{% else %}
<a class="nav-link dropdown-toggle {{ (page.isActive) ? 'active' : '' }}" href="{{ page.getHref }}" target="{{ page.getTarget }}" id="dropdown{{ page.getId }}" data-bs-toggle="dropdown" aria-expanded="false">{{ page.getLabel | upper }}</a>
<ul class="dropdown-menu" aria-labelledby="dropdown{{ page.getId }}">
{% for child in page.getPages() %}
{% if child.isVisible() %}
<li>
<a class="dropdown-item {{ (child.isActive) ? 'active' : '' }}" href="{{ child.getHref }}" target="{{ child.getTarget }}">{{ child.getLabel | upper }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
</li>
{% endif %}
{% endfor %}
{% endif %}
</ul>