{% block layout_main_navigation %}
<div class="main-navigation"
id="mainNavigation"
data-flyout-menu="true">
{% block layout_main_navigation_navbar %}
{% block layout_main_navigation_menu %}
<nav class="nav main-navigation-menu"
itemscope="itemscope"
itemtype="http://schema.org/SiteNavigationElement">
{% block layout_main_navigation_menu_home %}
{# home link uit
<a class="nav-link main-navigation-link{% if controllerAction is same as('home') %} active{% endif %} home-link"
href="{{ path('frontend.home.page') }}"
itemprop="url"
title="{{ "general.homeLink"|trans|striptags }}">
<button type="button" class="bs-canvas-close float-right close" aria-label="Close menu" aria-expanded="false" title="Close menu" alt="Close menu"><span aria-hidden="true">×</span></button>
<div class="main-navigation-link-text close-button">
<span itemprop="name">{{ "general.homeLink"|trans|sw_sanitize }}</span>
</div>
</a>
#}
{% endblock %}
{% block layout_main_navigation_menu_items %}
{% for treeItem in page.footer.navigation.tree %}
{% set category = treeItem.category %}
{% set name = category.translated.name %}
{% set categoryId = category.id %}
{% block layout_main_navigation_menu_item %}
<a class="nav-link main-navigation-link{% if categoryId is same as(page.footer.navigation.active.id) %} active{% endif %}"
href="{% if category.translated.externalLink %}{{ category.translated.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: categoryId }) }}{% endif %}"
itemprop="url" title="{{ name }}">
<div class="main-navigation-link-text">
<span itemprop="name">{{ name }}</span>
</div>
</a>
{% if treeItem.children|length > 0 %}
{% for treeItemChild in treeItem.children %}
{% set categoryChild = treeItemChild.category %}
{% set nameChild = categoryChild.translated.name %}
{% set categoryChildId = categoryChild.id %}
{# 'Trade terms and cond' niet tonen - d1cd882582934c9084ad720ee1328a63 #}
{#{% if not(categoryChildId is same as('d1cd882582934c9084ad720ee1328a63')) %}#}
<a class="nav-link main-navigation-link{% if categoryChildId is same as(page.footer.navigation.active.id) %} active{% endif %}"
href="{% if categoryChild.translated.externalLink %}{{ categoryChild.translated.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: categoryChildId }) }}{% endif %}"
itemprop="url" title="{{ nameChild }}">
<div class="main-navigation-link-text">
<span itemprop="name">{{ nameChild }}</span>
</div>
</a>
{#{% endif %}#}
{% endfor %}
{% endif %}
{% endblock %}
{% endfor %}
{% endblock %}
</nav>
{% endblock %}
{% endblock %}
</div>
{% endblock %}