{% sw_extends '@Storefront/storefront/base.html.twig' %}
{% set isLightMode = page.header.navigation.active.customFields['custom_layout_mode'] == 'lightmode'
or page.product %}
{% set isDarkMode = page.header.navigation.active.customFields['custom_layout_mode'] == 'darkmode' %}
{#{% set isTransparentMode = page.event != null %}#}
{% set isTransparentMode = page.header.navigation.active.customFields['custom_layout_mode'] == 'transparentmode'
or page.dvdwEvent %}
{% set project = 'dvdw' %}
{% if 'dvdwTheme.projectDvdwFilter'|trans|lower|sw_sanitize in context.salesChannel.translated.name|lower %}
{% set project = 'dvdw' %}
{% elseif 'dvdwTheme.projectJvdwFilter'|trans|lower|sw_sanitize in context.salesChannel.translated.name|lower %}
{% set project = 'jvdw' %}
{% endif %}
{% block base_body_classes %}
{{ parent() }} {% if isLightMode %} is-light-mode{% endif %}{% if isTransparentMode %} is-transparent-mode{% endif %}{% if isDarkMode %} is-dark-mode{% endif %}
{% endblock %}
{% block base_header %}
{% set headerBg = page.header.navigation.active.customFields['custom_header_banner_bg'] %}
<header class="header-main {% if headerBg %} bg-header-gradient{% endif %}">
{% block base_header_inner %}
{{ parent() }}
{% endblock %}
</header>
{% endblock %}
{% block base_navigation %}
{# remove content#}
{% endblock %}
{% block base_offcanvas_navigation %}
{% if page.header.navigation %}
<div class="d-none js-navigation-offcanvas-initial-content{% if context.salesChannel.navigationCategoryId == page.header.navigation.active.id %} is-root{% endif %}">
{% block base_offcanvas_navigation_inner %}
{{ parent() }}
{# {% sw_include '@DvdwTheme/storefront/layout/navigation/offcanvas/navigation.html.twig' with { navigation: page.header.navigation } %}#}
{% endblock %}
</div>
{% endif %}
{% endblock %}
{% block base_footer_inner %}
{{ parent() }}
{% sw_include '@DvdwTheme/storefront/component/custom/social-media-bar.html.twig' %}
{% endblock %}
{% block base_breadcrumb %}
{# remove content#}
{% endblock %}
{% block base_main %}
{# TODO: DELETE AFTER DEV #}
{% sw_include '@DvdwTheme/storefront/temporary-dev/dev-page-wrapper.html.twig' ignore missing %}
{% sw_include '@DvdwTheme/storefront/temporary-dev/dev-grid.html.twig' ignore missing %}
{% set bgGradient = page.header.navigation.active.customFields['content_background_mode'] === 'gradient' %}
<main class="content-main{% if bgGradient %} bg-gradient{% endif %}">
{% block base_flashbags %}
{{ parent() }}
{% endblock %}
{% block base_main_inner %}
{{ parent() }}
{% endblock %}
</main>
{% endblock %}