{% sw_extends '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
{% block layout_main_navigation_menu_item %}
<li class="nav__item">
{% if category.type == 'folder' %}
<div
class="nav-link main-navigation-link"
title="{{ name }}"
{% if treeItem.children|length > 0 %}
data-flyout-menu-trigger="{{ category.id }}"
{% endif %}
>
<div class="main-navigation-link-text">
<span itemprop="name">
{# STRUKTURLINK #}
{{ name }} {% if treeItem.children|length > 0 %}{% sw_icon 'arrow-medium-down' style { 'size': 'xs', 'pack': 'solid'} %} {% endif %}
</span>
</div>
</div>
{% else %}
<a
class="nav-link main-navigation-link{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}"
href="{{ category_url(category) }}"
itemprop="url"
{% if treeItem.children|length > 0 %}data-flyout-menu-trigger="{{ category.id }}"{% endif %}
{% if category_linknewtab(category) %}target="_blank"{% endif %}
title="{{ name }}"
>
<div class="main-navigation-link-text">
<span itemprop="name">
{# DEFAULT NAV ITEM #}
{{ name }} {% if treeItem.children|length > 0 %}{% sw_icon 'arrow-medium-down' style { 'size': 'xs', 'pack': 'solid'} %} {% endif %}
</span>
</div>
</a>
{% endif %}
</li>
{% endblock %}