{% sw_extends '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
{% block layout_main_navigation_navbar %}
<div class="container d-flex">
{% block layout_main_navigation_menu %}
<nav class="nav main-navigation-menu"
itemscope="itemscope"
itemtype="http://schema.org/SiteNavigationElement" data-menu-plugin="true">
{% block layout_main_navigation_menu_home %}{% endblock %}
{% block layout_main_navigation_menu_items %}
{% if page.product is defined %}
{% set activePath = page.product.categoryTree %}
{% else %}
{% set activePath = page.header.navigation.active.path %}
{% endif %}
{% for treeItem in page.header.navigation.tree %}
{% set category = treeItem.category %}
{% set name = category.translated.name %}
{% set categorId = category.id %}
{% set internalLink = category.internalLink %}
{% set customFields = [] %}
{% if category.customFields %}
{% set customFields = category.customFields %}
{% endif %}
{% block layout_main_navigation_menu_item %}
{% if not customFields.category_custom_visibility %}
{% if category.type == 'folder' %}
<div class="nav-item">
<a class="nav-link main-navigation-link"
{% if treeItem.children|length > 0 %}
data-flyout-menu-trigger="{{ categorId }}"
{% endif %}
title="{{ name }}">
<div class="main-navigation-link-text">
<span itemprop="name">{{ name }}</span>
</div>
</a>
</div>
{% else %}
<li class="nav-item {% if treeItem.children|length > 0 %} dropdown-navigation{% endif %}">
<a class="nav-link main-navigation-link"
href="{% if category.translated.externalLink %}{{ category.translated.externalLink }}
{% elseif internalLink %}{{ seoUrl('frontend.navigation.page', { navigationId: internalLink }) }}
{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
itemprop="url"
{% if treeItem.children|length > 0 %}
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
{% endif %}
title="{{ name }}">
<div class="main-navigation-link-text {% if treeItem.children|length > 0 %} submenu-trigger{% endif %}">
{% if loop.first %}
<div class="menu-btn">
<div class="menu-btn-burger menu-btn-burger-alphatecc"></div>
</div>
{% endif %}
<span itemprop="name">{{ name }}</span>
</div>
</a>
{% if treeItem.children|length > 0 %}
{% sw_include '@Storefront/storefront/layout/navigation/dropdown.html.twig' with {treeItemChildren: treeItem.children, treeItem: treeItem} only %}
{% endif %}
</li>
{% endif %}
{% endif %}
{% endblock %}
{% endfor %}
{% endblock %}
</nav>
<div class="navigation-market">
<a data-store-locator="true" class="market-selection-trigger" href="#" data-ianeo-uncached-store="true"
{% if page.ianeoCurrentStore %}data-store-locator-type="activeStore" data-active-store="{{ page.ianeoCurrentStore }}"{% endif %}>
{% sw_icon 'map-pin' style {'pack' : 'globus_icons'} %}
{{ "general.marketLabel"|trans|sw_sanitize }}
{% if page.ianeoCurrentStore %}
{% sw_icon 'icon_check-circle_s' style {'pack' : 'globus_icons'} %}
{% endif %}
</a>
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_main_navigation_menu_flyout %}{% endblock %}