{% block layout_main_navigation_menu_items %}
<div class="menu-wrapper">
<div class="menu-wrapper__menu">
<div class="menu-inner d-flex h-100">
<ul>
{% set activePath = page.header.navigation.active.path %}
{% for treeItem in page.header.navigation.tree %}
{% set category = treeItem.category %}
{% set name = category.translated.name %}
{% set categoryId = category.id %}
{% block layout_main_navigation_menu_item %}
{% if category.type == 'folder' %}
<li>{{ name }}</li>
{% else %}
<li>
<div class="collapse-head">
<a class="nav-link-level-0
{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}
"
href="{% if name == 'Entdecken' %}/winzer/{% elseif category.translated.externalLink %}{{ category.translated.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: categoryId }) }}{% endif %}"
title="{{ name }}"
>
{{ name }}
</a>
{% if treeItem.children|length > 0 %}
<a role="button"
data-toggle="collapse"
class="collapse-toggle"
href="#collapse-mobile-navigation-{{ treeItem.category.id }}"
{# {% if categoryId is same as(page.header.navigation.active.id) or categoryId is same as(page.header.navigation.active.parentid) or categoryId in page.header.navigation.active.path or (page.cmsPage.name == "Startseite" and name == "Shop") %}
aria-expanded="true"
{% else %}
aria-expanded="false"
{% endif %} #}
aria-expanded="true"
aria-controls="collapse-mobile-navigation-{{ treeItem.category.id }}"
aria-label="{{ "general.showMore"|trans }}"
>
<i class="icon-angle-up"></i>
</a>
{% endif %}
</div>
{% if treeItem.children|length > 0 %}
{# <ul id="collapse-mobile-navigation-{{ treeItem.category.id }}" class="collapse{% if categoryId is same as(page.header.navigation.active.id) or categoryId is same as(page.header.navigation.active.parentid) or categoryId in page.header.navigation.active.path or (page.cmsPage.name == "Startseite" and name == "Shop") %} show{% endif %}"> #}
<ul id="collapse-mobile-navigation-{{ treeItem.category.id }}" class="collapse show">
{% sw_include '@Storefront/storefront/layout/navigation/categories-mobile-menu.html.twig' with {
navigationTree: treeItem.children,
navigationMedia: treeItem.category.media,
navigationActiveId: page.header.navigation.active.id,
page: page
} only %}
</ul>
{% endif %}
</li>
{% endif %}
{% endblock %}
{% endfor %}
{# <li class="invisible">
<div id="menuWrapperMenuEnd"></div>
</li> #}
</ul>
</div>
{# <div class="menu-wrapper__menu__scroll d-flex justify-content-center">
<button class="btn btn-transparent" id="menuWrapperMenuScroll">
<svg class="arrows-down" width="60" height="34" viewBox="0 0 60 34"><path class="arrow" d="M0 0 L30 30 L60 0"></path></svg>
</button>
</div> #}
</div>
</div>
<div class="menu-wrapper-cover"></div>
{% endblock %}