{% extends '@SyliusShop/layout.html.twig' %}
{% block title %}{% if page.title is not empty %}{{ page.title|trim }}{% else %}{{ parent() }}{% endif %}{% endblock %}
{% block metatags %}
{% if page.metaKeywords is not empty %}
<meta name="keywords" content="{{ page.metaKeywords }}"/>
{% endif %}
{% if page.metaDescription is not empty %}
<meta name="description" content="{{ page.metaDescription }}"/>
{% endif %}
{% endblock %}
{% block content %}
{% if page.image %}
{% set path = preview is defined and preview == true ? page.image.path : '/media/image/'~page.image.path %}
<div class="instit-top-image instit-has-bgimg text-center pt-0 d-flex justify-content-center align-items-center" style="background-image: url({{ path }})" >
<h1 class="title-medium color-white text-uppercase">{{ page.name }}</h1>
</div>
{% else %}
<div class="instit-top-image text-center pt-0 d-flex justify-content-center bg-gradient-orange align-items-center">
<h1 class="title-medium color-white text-uppercase">{{ page.name }}</h1>
</div>
{% endif %}
<div class="max-container-5 px-2 px-xl-4">
<nav>
<ol class="breadcrumb ariane-box m-0 bg-transparent">
<li class="breadcrumb-item"><a href="{{ path('sylius_shop_homepage') }}">{{ 'sylius.ui.home'|trans }}</a></li>
<li class="breadcrumb-item">{{ page.name }}</li>
</ol>
</nav>
<div class="page-instit-img mt-md-3 mt-2">
<div class="py-3 py-md-4 fontsize-mobile-text py-3 text-regular">{{ bitbag_cms_render_content(page) }}</div>
{#<div class="bitbag-page-sections d-none">
{% include '@BitBagSyliusCmsPlugin/Shop/Page/Show/_sections.html.twig' %}
</div>#}
</div>
</div>
{#{% if page.products|length > 0 %}
<h2>
{{ 'bitbag_sylius_cms_plugin.ui.page_related_products'|trans }}
</h2>
<div class="bitbag-page-products d-none">
{% include '@SyliusShop/Product/_horizontalList.html.twig' with {'products': page.products} %}
</div>
{% endif %}#}
{% endblock %}