{% extends "base.html.twig" %}
{% block metaTags %}
<meta name="description" content="{{ post.metaDescription ? post.metaDescription : post.intro|raw }}">
<title>{{ post.metaTitle ? post.metaTitle : post.title }}</title>
<meta property="og:title" content="{{ post.metaTitle ? post.metaTitle : post.title }}">
<meta property="og:description" content="{{ post.metaDescription ? post.metaDescription : post.intro|raw }}">
<meta property="og:image" content="{{ absolute_url(asset(vich_uploader_asset(post, 'postFile'))) }}">
<meta property="og:url" content="{{ absolute_url(path('front_post', {'slug':post.slug})) }}">
{% endblock %}
{% block body %}
{% include "front/menuBg.html.twig" with {'menu':{("footer.menu.posts"|trans):path("front_posts"),
(post.title):"#"}} %}
<div class="container">
<a data-aos="fade-right" data-aos-duration="800" href="{{path('front_posts')}}" class="c-65B3CD ls-custom d-block may-25 fs-16 c-06303E-h fw-500"><i class="fa-regular fa-chevron-left mar-7" aria-hidden="true"></i>{{ 'post.return.btn'|trans|raw }}</a>
<div data-aos="fade-in" data-aos-duration="800" class="he-300 pa-50-sm pa-40 position-relative d-flex align-items-center background bg-post " style="background-image: url({{ asset(vich_uploader_asset(post, 'postFile')) }})">
<h1 class="c-white fs-32 fw-700 position-relative zi-9">{{ post.title }}</h1>
<div class="white-rectangle zi-99">
</div>
</div>
<div class="may-24 row align-items-center justify-content-between c-65B3CD">
<div class="col-auto" data-aos="fade-right" data-aos-duration="800">
{% if post.postCategory %}
<div class="pay-6 pax-10 yjknur"
style="background-color: {{ post.postCategory.color|default("#3992B0") }}">
{{ post.postCategory.title }}
</div>
{% endif %}
</div>
<div class="col-auto" data-aos="fade-left" data-aos-duration="800">
<i class="fa-solid fa-calendar-days mar-10"></i><span class="mar-5">{{ 'post.published'|trans|raw }}</span>{{ getFormattedDate(post.date) }}
</div>
</div>
<hr class="bc-D8DFE2 may-0"/>
<div class="row mat-30">
<div class="col-lg-8 col-md-7" data-aos="fade-right" data-aos-duration="800">
<div class="post-content fw-700 mab-20">{{ post.intro|raw }}</div>
{% for key, paragraph in paragraphs %}
<div>
{% if paragraph.content %}
{# <div style="{% if paragraph.color %}color:{{ paragraph.color }};{% endif %}"> #}
<div>
{{ paragraph.content|raw }}
</div>
{% endif %}
{% if paragraph.paragraphFileName %}
<div class="text-center">
<img src="{{ asset(vich_uploader_asset(paragraph, 'paragraphFile')) | imagine_filter('medium') }}"
alt="{{ paragraph.legend }}"
/>
</div>
{% if paragraph.legend %}
<p>{{ paragraph.legend }}</p>
{% endif %}
{% endif %}
</div>
{% endfor %}
{% for key, postMedia in postMedias %}
{% if postMedia.postMediaFileName %}
<div>
<img src="{{ asset(vich_uploader_asset(postMedia, 'postMediaFile')) | imagine_filter('medium') }}"
alt="{{ postMedia.title }}"/>
</div>
{% elseif postMedia.youtube %}
<div>
{{ postMedia.youtube|raw }}
</div>
{% endif %}
{% endfor %}
</div>
<div class="col-lg-4 col-md-5 pal-50-xl">
{% if post.documentName %}
<div class="bgc-F1F5F6 pax-32-lg pax-20 pat-32 pab-20 mab-24" data-aos="fade-left" data-aos-duration="800">
<h2 class="c-06303E fw-700 mab-16 fs-24 "><i class="fa-solid fa-file mar-10"></i>{{ 'post.documents.title'|trans|raw }}</h2>
{% set ext = post.documentName|split(".") %}
<div class="bgc-white pax-15 pay-10 mab-16 mab-16 fs-14 fw-700 ls-custom content-doc-link bgc-white bgc-65B3CD-h c-355763 c-white-h">
<a class="c-06303E fw-700 mab-15 d-block" href="{{ asset(vich_uploader_asset(post, 'documentFile')) }}"
download="{{ post.documentTitle }}">
{{ post.documentTitle }}
</a>
<a class="d-flex align-items-center c-65B3CD link-doc" href="{{ asset(vich_uploader_asset(post, 'documentFile')) }}"
download="{{ post.documentTitle }}"><i class="fa-solid fa-download mar-10"></i><span class="mar-10">{{ 'documents.download.link'|trans|raw }}</span>({{ ext[1] }} - {{ post.documentSize/1000 }}ko)</a>
</div>
</div>
{% endif %}
<div class="bgc-F1F5F6 pax-32-lg pax-20 d-block align-items-center justify-content-between d-sm-flex d-md-block pat-32-md pat-20 pab-20 mab-24" data-aos="fade-left" data-aos-duration="800">
<h2 class="c-06303E fw-700 mab-16 mab-0-sm mab-16-md fs-24 "><i class="fa-solid fa-file mar-10"></i>{{ 'post.share.title'|trans|raw }}</h2>
<div id="share"
data-facebook="{{ asset('assets/img/facebook-brands.svg') }}"
data-linkedin="{{ asset('assets/img/linkedin-brands.svg') }}"
data-twitter="{{ asset('assets/img/twitter-brands.svg') }}"
></div>
</div>
<div class="" data-aos="fade-left" data-aos-duration="800">
<h2 class="c-06303E fw-700 mab-16 fs-24 ">{{ 'post.otherPosts.title'|trans|raw }}</h2>
<hr class="bc-D8DFE2 mab-24 mat-0" />
{% include "front/postsList.html.twig" with {'landing':1,"col":"12"} %}
</div>
</div>
</div>
{# <p>{{ getFormattedDate(post.date) }}</p>#}
</div>
{% endblock %}