{% sw_extends '@Storefront/storefront/page/content/index.html.twig' %}
{% block base_main_inner %}
{# Add page type to container #}
<div class="container-main {% if page.cmsPage.type %}container-main-{{ page.cmsPage.type|replace({"_": "-"})|raw }}{% endif %}">
{% block page_content %}
{% block cms_breadcrumb %}
{% if page.cmsPage.type == 'product_list' and page.header.navigation.active.media.url and page.header.navigation.active.description%}
{# Category view with breadcrumb, productgroup navi, image and teaser #}
{% block cms_category_teaser %}
<div class="cms-sections">
{% block cms_category_teaser_hero %}
<div class="cms-section cms-section-category-teaser py-0" style="background-image: url({{ page.header.navigation.active.media.url | raw }});">
<div class="boxed cms-section-category-teaser-top">
<div class="row">
<div class="col-12 col-lg-6 order-1 order-lg-0">
{% block cms_category_teaser_breadcrumb %}
<div class="cms-section-category-teaser-breadcrumb">
{% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
context: context,
category: page.header.navigation.active
} only %}
</div>
{% endblock %}
</div>
<div class="col-12 col-lg-6 order-0 order-lg-1">
<div class="cms-section-category-teaser-productgroups">
{% for section in page.cmsPage.sections %}
{% if section.name == 'productgroups' %}
{% sw_include "@Storefront/storefront/section/cms-section-" ~ section.type ~ ".html.twig" %}
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
<div class="boxed cms-section-category-teaser-description">
<div class="row">
<div class="col-12 col-lg-8">
{{ page.header.navigation.active.description | raw }}
</div>
</div>
</div>
</div>
{% endblock %}
{% block cms_category_teaser_headline %}
{% if page.header.navigation.active.name %}
<div class="cms-block cms-block-text-teaser">
<div class="cms-block-container pt-5 pb-3">
<div class="cms-block-container-row row">
<div class="col-12">
<div class="cms-element-text" style="text-align: center;">
<h2>
{% if page.header.navigation.active.customFields.selfdelve_theme_category_name_alternative %}
{{ page.header.navigation.active.customFields.selfdelve_theme_category_name_alternative | raw }}
{% else %}
{{ page.header.navigation.active.name | raw }}
{% endif %}
</h2>
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% endblock %}
</div>
{% endblock %}
{% elseif page.cmsPage.type == 'page' %}
{% set breadcrumbViewMode = '' %}
{% for section in page.cmsPage.sections %}
{% if loop.first and section.sizingMode == 'full_width' %}
{% set breadcrumbViewMode = 'overlay' %}
{% endif %}
{% endfor %}
{% if breadcrumbViewMode == 'overlay' %}
<div class="cms-breadcrumb-overlay">
{{ parent() }}
</div>
{% else %}
{{ parent() }}
{% endif %}
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block cms_content %}
<div class="cms-page">
{% block page_content_blocks %}
{% sw_include "@Storefront/storefront/page/content/detail.html.twig" with {'cmsPage': page.cmsPage} %}
{% endblock %}
</div>
{% endblock %}
{% endblock %}
</div>
{% endblock %}