{% 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 %}
{# active child #}
{% set activeClass2 = '' %}
{% if page._active %}
{% for child in page.getPages() %}
{% if child.isVisible() and menuRenderer.accept(child) %}
{% if child._active %}
{% set activeClass2 = 'open' %}
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% if hasChildren %}
<div class="mobile-subnav {{ activeClass2 }}" id="subnav{{ page.id }}">
<div class="subnav-container">
<div class="scrollable">
<div class="mobile-subnav-back" data-subnavback="subnav{{ page.id }}">
{{ include('svg/header/mobile/accordion.html.twig') }}
{# <span>{{ 'nav.mobile.back'|trans }}</span> #}
<span>{{ page.getLabel() }}</span>
</div>
<ul class="{{ activeClass }}">
{% for child in page.getPages() %}
{% if child.isVisible() and menuRenderer.accept(child) %}
{# active #}
{% if child._active %}
{% set activeChildClass = 'active' %}
{% else %}
{% set activeChildClass = '' %}
{% endif %}
<li class="{{ activeChildClass }}">
<a href="{{ child.getHref() }}">{{ child.getLabel() }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</div>
{% endif %}
{% endif %}
{% endfor %}