{% set block = app_get_blocks('num_telephone', sylius.channel.code ) %}
{% set block_h = app_get_blocks('horaires_magasin', sylius.channel.code ) %}
{% set block_livr = app_get_blocks('imageperso_index', sylius.channel.code ) %}
{% extends '@SyliusShop/layout.html.twig' %}
{% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
{% block title %}
{% include '@DediSyliusSEOPlugin/Shop/Header/_title.html.twig' with { 'resource': product ?? sylius.channel } %}
{% endblock %}
{% block metatags %}
{% if product.metaKeywords is not empty %}
<meta name="keywords" content="{{ product.metaKeywords }}" />
{% endif %}
{{ sylius_template_event('dedi_sylius_seo_plugin.metatags', { resource: product ?? sylius.channel }) }}
{{ sylius_template_event('dedi_sylius_seo_plugin.rich_snippets') }}
{% endblock %}
{% block content %}
{# alternative product #}
{% if app.request.query.get('alternativeProductName') %}
<div style="padding: 20px;">
{{ 'app.product.product_is_substituted'|trans({'%name%': app.request.query.get('alternativeProductName'), '%name2%': product.name}) }}
</div>
{% endif %}
{# end alternative product #}
<section class="art-bg pb-4 pb-xl-5">
<div class="article-top">
<div class="contenuArticle">
<div class="container p-0 border-top-4">
<div class="px-0 d-none d-md-block">{% include '@SyliusShop/Product/Show/_breadcrumb.html.twig' %}</div>
<div class="max-container-6 ">
<div class="border rounded-10 bg-white px-3 py-md-3 pb-xl-4 pt-xl-2 px-xl-4 mx-n3 mx-md-0 rounded-mobile-0">
<div class=" d-block d-md-none">{% include '@SyliusShop/Product/Show/_breadcrumb.html.twig' %}</div>
<div class="pt-1 pb-2">
<a href="/" class="back-link font-16" title="{{'sylius.ui.back'|trans}}"><i class="icon-left-open"></i> {{'sylius.ui.back'|trans}}</a>
</div>
<div class="d-block d-md-none pt-3">
<div class="art-top-desc ">
<h1 class="title-article-art" aria-label="hidden"> {{ product.name }} </h1>
<div class="font-16 font-18-mobile pt-1">{{'app.product.sku'|trans}} : {{ product.code }}</div>
</div>
</div>
<div class="art-detail d-md-flex">
<div class="article-left col-md-7 col-12 ">
{{ sylius_template_event('sylius.shop.product.show.left_sidebar', _context) }}
</div>
<div class="article-right col-md-5 col-12 pl-md-4 pr-md-0">
<div class="max-art-desc">
{{ sylius_template_event('sylius.shop.product.show.right_sidebar', _context) }}
{% include '@SyliusShop/Product/Show/_files.html.twig' %}
{% set slugPage_free_delivery = app_get_slug_by_code_and_locale('free_delivery') %}
{% set slugPage_shipping_page = app_get_slug_by_code_and_locale('shipping_page') %}
{% set slugPage_secure_payment = app_get_slug_by_code_and_locale('secure_payment') %}
<div class="av-article mt-md-4 mt-3 pt-md-4 pt-3">
<div class="row mx-lg-n3 mx-n1 justify-content-center">
<div class="col text-xl-left text-md-center text-left px-lg-3 px-1 mb-lg-0 mb-3">
<a href="{% if slugPage_free_delivery is not null %}{{ path('bitbag_sylius_cms_plugin_shop_page_show', {'slug': slugPage_free_delivery }) }} {% else %}#{% endif %}" class="box-av d-xl-flex d-md-block d-flex align-items-center" title="{{'app.footer.av4_txt'|trans|raw}}">
<strong class="d-inline-block"><img src="{{asset('images/av4.svg')}}" alt=""></strong>
<span class="d-block pl-xl-2 pl-2 pl-md-0 pt-xl-0 pt-md-3 pt-0">{{'app.footer.av4_txt_br'|trans|raw}} {{ money.convertAndFormat(app_get_amount_franco_port()['amountFrancoPort']) }} HT</span>
</a>
</div>
<div class="col text-xl-left text-md-center text-left px-lg-3 px-1 mb-lg-0 mb-3">
<a href="{% if slugPage_shipping_page is not null %}{{ path('bitbag_sylius_cms_plugin_shop_page_show', {'slug': slugPage_shipping_page }) }} {% else %}#{% endif %}" class="box-av d-xl-flex d-md-block d-flex align-items-center" title="{{'app.footer.av5_txt'|trans|raw}}">
<strong class="d-inline-block"><img src="{{asset('images/av5.svg')}}" alt=""></strong>
<span class="d-block pl-xl-2 pl-2 pl-md-0 pt-xl-0 pt-md-3 pt-0">{{'app.footer.av5_txt_br'|trans|raw}}</span>
</a>
</div>
<div class="col text-xl-left text-md-center text-left px-lg-3 px-1 mb-lg-0 mb-3">
<a href="{% if slugPage_secure_payment is not null %}{{ path('bitbag_sylius_cms_plugin_shop_page_show', {'slug': slugPage_secure_payment }) }} {% else %}#{% endif %}" class="box-av d-xl-flex d-md-block d-flex align-items-center" title="{{'app.footer.av6_txt'|trans|raw}}">
<strong class="d-inline-block"><img src="{{asset('images/av6.svg')}}" alt=""></strong>
<span class="d-block pl-xl-2 pl-2 pl-md-0 pt-xl-0 pt-md-3 pt-0">{{'app.footer.av6_txt_br'|trans|raw}}</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="article-bottom">
{{ sylius_template_event('sylius.shop.product.show.content', _context) }}
</div>
</div>
</section>
{% endblock %}