{% sw_extends '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
{% block layout_main_navigation_menu_home %}{% endblock %}
{% block layout_main_navigation %}
{# GuestPass #}
{% set isGuestPass = (controllerName == 'VirginGuestPass') %}
{% set selectedClubId = result ? result.extensions.foreignKeys.all().clubId : '' %}
{% if controllerName == "Navigation" or controllerName == "Product" or controllerAction == 'showConfigurator' or isGuestPass %}
{{ parent() }}
{% endif %}
{% if controllerName == "Navigation" or controllerName == "Product" or isGuestPass %}
<div class="sub-navi-divider">
{% if not app.session.get('isDigital') %}
{% if context.context.landingSelectClubUrl %}
<a class="nav-club-hidden" id="club-landing-link" href="{{ context.context.landingSelectClubUrl }}"><span style="width: 40px"><</span></a>
{% else %}
<span></span>
{% endif %}
{% if context.context.showClubName %}
<span class="nav-club-hidden" >{{ context.context.clubName }}</span>
{% else %}
<span></span>
{% endif %}
<span></span>
{% endif %}
</div>
{% endif %}
{% endblock %}
{% block layout_main_navigation_menu_item %}
{% set isConfigurator = (controllerAction == 'showConfigurator') and 'configurator' in category.externalLink %}
<div class="main-navigation-link-wrapper"
onclick="document.getElementById('vrgnModalLoader').style.display = 'block'">
{% if category.type == 'folder' %}
<div 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>
</div>
{% elseif category.type is not same as ('folder') and isGuestPass %}
{# Custom Link: Guest pass #}
{% if loop.first %}
<a class="nav-link main-navigation-link active"
href="{% if result %}{{ path('frontend.guestpass/filter') }}{{ '?club=' ~ selectedClubId }}{% else %}{{ path('frontend.guestPass') }}{% endif %}"
title="GUEST PASS"
>
<div class="main-navigation-link-text">
<span itemprop="name">GUEST PASS</span>
</div>
</a>
{% endif %}
{% else %}
<a class="nav-link main-navigation-link{% if (categorId is same as(page.header.navigation.active.id)) or isConfigurator or isGuestPass %} active{% endif %}"
href="{% if category.externalLink %}{{ category.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: categorId }) }}{% endif %}"
itemprop="url"
{% if treeItem.children|length > 0 %}
data-flyout-menu-trigger="{{ categorId }}"
{% endif %}
title="{{ name }}"
{% if isConfigurator or isGuestPass %}
data-configurator="true"
{% endif %}
>
<div class="main-navigation-link-text">
<span itemprop="name">{{ name }}</span>
</div>
</a>
{% endif %}
</div>
{# Last element shadow #}
{% if loop.last %}
<div class="main-navigation-link-dummy placeholder-element"></div>
{% endif %}
{% endblock %}