{% sw_extends '@Storefront/storefront/layout/navigation/offcanvas/categories.html.twig' %}
{% set activeId = navigation.active.id %}
{% set isRoot = activeId == context.salesChannel.navigationCategoryId %}
{% set children = navigation.children(activeId) %}
{% set active = navigation.active %}
{% block layout_navigation_offcanvas_navigation_categories %}
<div class="navigation-offcanvas-container js-navigation-offcanvas">
<div class="navigation-offcanvas-overlay-content js-navigation-offcanvas-overlay-content">
{% if not isRoot and not hideNavigation %}
{% sw_include '@Storefront/storefront/layout/navigation/offcanvas/back-link.html.twig' with { item: active } %}
{% endif %}
<ul class="list-unstyled navigation-offcanvas-list">
{% if not hideNavigation %}
{% if not isRoot and page.navigation.active.type != "folder" %}
{% sw_include '@Storefront/storefront/layout/navigation/offcanvas/show-active-link.html.twig' with { item: active } %}
{% endif %}
{% for item in children.tree %}
{% set category = item.category %}
{% set btnType = false %}
{% if category.customFields %}
{% if category.customFields['custom_menu_item'] == "button_primary" %}
{% set btnType = "nav-cta-button gs-cta-button transparent" %}
{% endif %}
{% if category.customFields['custom_menu_item'] == "button_primary_light" %}
{% set btnType = "nav-cta-button gs-cta-button light" %}
{% endif %}
{% if category.customFields['custom_menu_item'] == "button_primary_dark" %}
{% set btnType = "nav-cta-button gs-cta-button dark" %}
{% endif %}
{% endif %}
{% sw_include '@DvdwTheme/storefront/layout/navigation/custom-component/item-link.html.twig' with { item: item, activeId: activeId, btnType: btnType } %}
{% endfor %}
{% else %}
<li class="navigation-offcanvas-list-item">
<a href="{{ path('frontend.home.page') }}"
title="{{ "general.homeLink"|trans|striptags }}"
class="nav-item nav-link navigation-offcanvas-link">
{{ "general.homeLink"|trans|sw_sanitize }}
</a>
</li>
{% endif %}
<hr>
{# extra menu items #}
{% sw_include '@DvdwTheme/storefront/layout/navigation/offcanvas/offcanvas-login-items.html.twig' %}
<hr>
{% sw_include '@DvdwTheme/storefront/layout/header/top-navigation.html.twig' with { offcanvas: true } %}
<li class="navigation-offcanvas-list-item">
{% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' with {position: 'offcanvas'} %}
</li>
</ul>
</div>
</div>
{% endblock %}