{% extends 'base.html.twig' %}
{% block title %}{{'moment.1'|trans}}{% endblock %}
{% block body %}
<div class="otacosmignon encemoment">
<div class="wrapper">
<ul class="breadcrumb">
<li><a href="{{path('home')}}">{{'accueil'|trans}}</a></li>
<li><a href="{{path('grosse-faim')}}">{{'menu.grossefaim'|trans}}</a></li>
<li>{{'moment.1'|trans}}</li>
</ul>
<h1 class="titreDualFont"><div>{{'moment.2'|trans|raw}}</div></h1>
<p class="chapo"><b>{{encemoment.chapo}}</b>
</p>
</div>
<div class="wrapper photo-header" style="background-image:url('/img/{{encemoment.bandeau}}');">
<div>
{# <p><a href="https://otacos-cc-staging.flyx.cloud/fr-FR/ordering/choose" class="button">{{'commander'|trans}}</a></p> #}
</div>
</div>
<div class="wrapper">
<div class="stand2col">
<div class="omignon-visuel">
<img src="/img/{{encemoment.photo}}">
</div>
<div class="omignon-compo encemoment-compo">
<h2>{{encemoment.titre|nl2br}}</h2>
{{encemoment.texte|raw}}
<div>
<p class="btAllergenes" id="openPopin">{{'voirallergenes'|trans}}</p>
{# <a href="https://otacos-cc-staging.flyx.cloud/fr-FR/ordering/choose" class="button">{{'commander'|trans}}</a> #}
</div>
</div>
</div>
</div>
<div class="wrapper">
<div class="encemoment-social">
<div>
<h2>{{'moment.3'|trans|raw}}</h2>
<p><b>{{'moment.4'|trans|raw}}</b></p>
<p class="encemoment-social-icon">
{% if 'social.ig'|trans != 'social.ig' and 'social.ig'|trans != "" %}
<a href="{{ 'social.ig'|trans }}" target="_blank"><img src="/img/instagram-orange.svg" /></a>
{% endif %}
{% if 'social.fb'|trans != 'social.fb' and 'social.fb'|trans != "" %}
<a href="{{ 'social.fb'|trans }}" target="_blank"><img src="/img/facebook-orange.svg" /></a>
{% endif %}
{% if 'social.tw'|trans != 'social.tw' and 'social.tw'|trans != "" %}
<a href="{{ 'social.tw'|trans }}" target="_blank"><img src="/img/twitter-orange.svg" /></a>
{% endif %}
{% if 'social.sc'|trans != 'social.sc' and 'social.sc'|trans != "" %}
<a href="{{ 'social.sc'|trans }}" target="_blank"><img src="/img/snapchat-orange.svg" /></a>
{% endif %}
{% if 'social.tt'|trans != 'social.tt' and 'social.tt'|trans != "" %}
<a href="{{ 'social.tt'|trans }}" target="_blank"><img src="/img/tiktok-orange.svg" /></a>
{% endif %}
{% if 'social.li'|trans != 'social.li' and 'social.li'|trans != "" %}
<a href="{{ 'social.li'|trans }}" target="_blank"><img src="/img/linkedin-orange.svg" /></a>
{% endif %}
</p>
</div>
</div>
</div>
</div>
<div id="popin" class="closed">
<div id="popin_frame">
<div id="popin_content" class="popin_allergenes">
<img src="/img/close_black.svg" width="30" height="25" id="popin_close">
<h2><img src="/img/allergenes.svg" /> {{'allergenes'|trans}}</h2>
{{encemoment.allergenes|raw}}
{{'labase.10'|trans|raw}}
</div>
</div>
</div>
{% endblock %}