{% if not document is defined or not document %}
{% set document = pimcore_document(1) %}
{% endif %}
{% set navStartNode = document.getProperty('mainNavStartNode') %}
{% if not
(navStartNode is instanceof('\\Pimcore\\Model\\Document\\Page')
or navStartNode is instanceof('\\Pimcore\\Model\\Document\\Folder')
or navStartNode is instanceof('\\Pimcore\\Model\\Document\\Link')
) %}
{% set navStartNode = pimcore_document(1) %}
{% endif %}
{% set mainNavigation = pimcore_build_nav({
active: document,
root: navStartNode
}) %}
{% set menuRenderer = pimcore_nav_renderer('menu') %}
{% for page in mainNavigation %}
{% if page.isVisible() and menuRenderer.accept(page) %}
{# has children #}
{% set hasChildren = false %}
{% for child in page.pages %}
{% if child._visible %}
{% set hasChildren = true %}
{% endif %}
{% endfor %}
{# active #}
{% if page._active %}
{% set activeClass = 'active' %}
{% else %}
{% set activeClass = '' %}
{% endif %}
{# inactive or active with no children #}
{% set activeButtonClass = '' %}
{# active and has children #}
{% if page._active and hasChildren %}
{% set activeButtonClass = 'active' %}
{% endif %}
{% if not hasChildren %}
<li class="{{ activeClass }}">
<a href="{{ page.getHref() }}">{{ page.getLabel() }}</a>
</li>
{% else %}
<li class="{{ activeClass }}">
<a href="{{ page.getHref() }}">{{ page.getLabel() }}</a>
<div class="subnav-toggler" data-subnav="{{ page.id }}">
{{ include('svg/header/mobile/accordion.html.twig') }}
</div>
</li>
{% endif %}
{% endif %}
{% endfor %}