{% block layout_main_navigation %}
<div class="main-navigation d-none d-lg-flex justify-content-center d-print-none header-main"
id="main-navigation">
{% block layout_main_navigation_navbar %}
{% block layout_main_navigation_menu %}
<nav class="nav main-navigation-menu d-flex align-items-center"
itemscope="itemscope"
itemtype="http://schema.org/SiteNavigationElement">
{% block layout_main_navigation_menu_items %}
{% 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' %}
<div class="nav-item main-navigation-link
{% if treeItem.children|length > 0 %}
dropdown
{% endif %}
"
title="{{ name }}">
<div class="main-navigation-link-text">
<span itemprop="name">{{ name }}</span>
</div>
</div>
{% else %}
<div class="nav-item main-navigation-link
{% if treeItem.children|length > 0 %}dropdown{% endif %}
{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}
">
<a class="nav-item-link nav-link-level-0
{% if treeItem.children|length > 0 %} dropdown-toggle{% endif %}
"
href="{% if name == 'Entdecken' %}/winzer/{% elseif category.translated.externalLink %}{{ category.translated.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: categoryId }) }}{% endif %}"
itemprop="url"
title="{{ name }}"
id="navbarDropdown{{ categoryId }}">
<div class="main-navigation-link-text">
<span itemprop="name">{{ name }}</span>
</div>
</a>
{% if treeItem.children|length > 0 %}
<div class="dropdown-menu" aria-labelledby="navbarDropdown{{ categoryId }}">
{% sw_include '@parent/storefront/layout/navigation/categories.html.twig' with {
navigationTree: treeItem.children,
navigationMedia: treeItem.category.media,
navigationActiveId: page.header.navigation.active.id,
page: page
} only %}
{% if context.salesChannel.customFields.custom_stickynav_formslinks and context.customer and treeItem.category.id == "a044a80ec15f4a2b82d560f39432a09c" %}
<div id="formsContentContainer"></div>
{% endif %}
</div>
{% endif %}
</div>
{% endif %}
{% endblock %}
{% endfor %}
{% endblock %}
</nav>
{% endblock %}
{% endblock %}
{# {% block layout_main_navigation_menu_flyout_wrapper %}
{% set navigationChildrenCount = 0 %}
{% for treeItem in page.header.navigation.tree %}
{% if treeItem.category.childCount > 0 %}
{% set navigationChildrenCount = navigationChildrenCount + 1 %}
{% endif %}
{% endfor %}
{% if navigationChildrenCount > 0 %}
{% block layout_main_navigation_menu_flyout_container %}
<div class="navigation-flyouts" style="max-width: calc(100% - 300px);">
{% block layout_main_navigation_menu_flyouts %}
{% for treeItem in page.header.navigation.tree %}
{% if treeItem.children|length > 0 %}
{% block layout_main_navigation_menu_flyout %}
<div class="navigation-flyout"
data-flyout-menu-id="{{ treeItem.category.id }}">
<div class="container-fluid">
{% block layout_main_navigation_menu_flyout_include %}
{% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: level+1, page: page} only %}
{% endblock %}
</div>
</div>
{% endblock %}
{% endif %}
{% endfor %}
{% endblock %}
</div>
{% endblock %}
{% endif %}
{% endblock %} #}
</div>
{% endblock %}