{# partitial Bootstrap Navigation #}
{% 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 }}">
{% if 'jpg' in page.getRelation or 'jpeg' in page.getRelation or 'png' in page.getRelation %}
<span>
<img src="{{ constant('WEBSITE_TEMPLATE_PATH') }}/img/{{ page.getRelation }}" />
</span>
{% endif %}
{{ page.getLabel|upper }}
</a>
{% else %}
<a class="dropdown-toggle {{ (page.isActive) ? 'active' : '' }}" href="{{ page.getHref }}" target="{{ page.getTarget }}" data-toggle="dropdown" role="button" aria-expanded="false">{{ page.getLabel|upper }} <b class="caret"></b></a>
<ul class="dropdown-menu" aria-labelledby="dropdown{{ page.getId }}">
{% for child in page.getPages() %}
{% if child.isVisible() %}
<li {{ (child.isActive) ? 'active' : '' }}>
<a class="dropdown-item" href="{{ child.getHref }}" target="{{ child.getTarget }}">{{ child.getLabel }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
</li>
{% endif %}
{% endfor %}
{% endif %}