{% 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 %}
{% if page.translation.metaRobotIndex == true %}
{% set metaRobotIndex = 'index, follow' %}
{% elseif page.translation.metaRobotIndex == false %}
{% set metaRobotIndex = 'noindex, nofollow' %}
{% endif %}
<meta name="robots" content="{{ metaRobotIndex }}"/>
{% endblock %}
{% block content %}
{% if page.image %}
<div class="image-instit-top pt-0 object-fit-img">
{% set path = preview is defined and preview == true ? page.image.path : '/media/image/'~page.image.path %}
<img class="" src="{{ path }}" alt="">
</div>
{% endif %}
<div class="max-container-3 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 pb-md-4 pb-3">
<div class="text-center pb-2"><h1 class="title-medium color-pink-s">{{ page.name }}</h1></div>
<div class="py-3 py-md-5 px-md-4 px-3 fontsize-normal fontsize-mobile-text py-3 text-regular content-instit page-instit-shadow">
{{ bitbag_cms_render_content(page) }}
{% if page.code =="pick_up_on_site" %}
<a href="https://fr.mappy.com/poi/60c9784522e6f13abc204b04" target="_blank" class="font-seize text-underline font-pro-bold color-pink-s"><i class="icon-location"></i> {{'app.homepage.our_shop'|trans}}</a>
<div class="pt-3">
<a href="https://fr.mappy.com/poi/60c9784522e6f13abc204b04" target="_blank" class="">
<img src="{{asset('images/map.png')}}" alt="{{ 'app.common.shop_map'|trans }}">
</a>
</div>
{% endif %}
</div>
</div>
</div>
{% if page.products|length > 0 %}
<h2 class="title-medium text-center">
{{ '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 %}