{% extends "front/"~ app.request.server.get('APP_THEME') ~"/base.html.twig" %}
{% block preload %}
{% if post.image is defined and post.image is not empty %}
{% if post.image %}
<link rel="preload" as="image" href="{{asset_image(post.image)}}" />
{% endif %}
{% endif %}
{% if galleries is defined and galleries is not empty %}
{% for item in galleries %}
{% if item.path is defined %}
<link rel="preload" as="image" href="{{asset_image_gallery(item.path)}}" />
{% endif %}
{% endfor %}
{% endif %}
{% endblock %}
{% block stylesheets %}
{{parent()}}
{% if modele_galerie[0].type == 4 %}
<link rel="stylesheet" type="text/css" href="{{asset('templates/front/theme1/assets/plugins/flexslider/flexslider.css')}}" media="screen" >
{% endif %}
{% endblock %}
{% block body %}
{% set bloc_form = renderFormByAlias('form-contact-parallax') %}
{% set parametre = ParametreSite() %}
{% if bloc_form != null and parametre.actifbloc %}
{{ include('front/'~ app.request.server.get('APP_THEME') ~'/form/form_contact_parallax.html.twig',{
bloc: bloc_form,
}, with_context = false)}}
{% endif %}
<div class="page_cms page_activite pt-5">
<div class="breadcrumb-style-default">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="inner text-center">
{% if breadcrumb is defined and breadcrumb is not empty %}
{{ include ('front/'~ app.request.server.get('APP_THEME') ~'/partials/breadcrumb.html.twig')}}
<h1 class="page-title">{{breadcrumb|last.name}}</h1>
{% endif %}
</div>
</div>
</div>
</div>
</div>
<div id="bloc-principal" class="container-fluid wrapper mt-3">
<div class="row gx-5 py-2">
{% if post.summary is not empty and post.summary != "" %}
<div class="col-sm-12 text-center">
<h2 class="sub-title wow">{{post.summary}}</h2>
</div>
{% endif %}
{% if post.content is not empty and post.content != "" %}
<div class="col-lg-12 content_post">
<div class="my-4 text-page-ref">
{% if post.image and post.image is not empty %}
<div class="container-img">
<img class="lazyload img-fluid principal-img " data-srcset="{{asset_image(post.image)}}" src="{{asset_image(post.image)}}" alt="{{post.titre}}" />
</div>
{% endif %}
<div>
{% if post.content is not empty and post.content != " " %}
<div class=""> {{post.content|raw}}</div>
{% endif %}
</div>
</div>
{% if post.typelien == null %}
{% if categorieTree is defined and categorieTree[0] is defined %}
<div class="text-center py-2">
<a href="{{path('page',{slug:categorieTree[0].slug})}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus">Retour à la liste {{categorieTree[0].titre}}</a>
</div>
{% endif %}
{% elseif post.typelien != 1 %}
{% if post.typelien == '4' %}
<div class="text-center py-2">
<a href="javascript:void(0)" onclick="window.location.href = 'tel:{{post.telephone}}';" class="btn btn-cms py-3 px-5 mt-3 btn-plus">{{post.titrelien}}</a>
</div>
{% elseif post.typelien == '2' %}
<div class="text-center py-2">
<a href="{{slug_link_interne(post.lieninterne)}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus">{{post.titrelien}}</a>
</div>
{% elseif post.typelien == '3' %}
<div class="text-center py-2">
<a href="{{post.lienexterne}}" target="_blank" class="btn btn-cms py-3 px-5 mt-3 btn-plus">{{post.titrelien}}</a>
</div>
{% endif %}
{% endif %}
{% if docs and docs is not empty %}
<div class="col-md-12 bloc-docs d-flex justify-content-center">
{% for doc in docs %}
<a class="btn-back-pulse m-2" href="{{doc.location ~ doc.path ~ '/' ~ doc.fileName}}" title="{{doc.fileName|slice(0, -4)}}" target="_blank"><i class="fa fa-file-pdf-o mr-2"></i>{{doc.fileName|slice(0, -4)}}</a>
{% endfor %}
</div>
{% endif %}
</div>
{% endif %}
</div>
</div>
{% if galleries and galleries is not empty and template_model_gallerie is defined and template_model_gallerie is not empty %}
{{ include(template_from_string(template_model_gallerie)) }}
{% endif %}
{% if post.urlvideo is not empty %}
<div class="container-fluid wrapper mt-3">
<div class="col-md-12 mt-1">
<div class="video">
{% set id_video_externe = post.urlvideo|extract_v %}
<a class="video-thumbnail m-0" href="{{post.urlvideo}}" data-fancybox="video">
<img src="https://img.youtube.com/vi/{{id_video_externe}}/maxresdefault.jpg" class="img-fluid" alt=""/>
</a>
</div>
</div>
</div>
{% endif %}
{% if blocs is defined %}
{% for bloc in blocs.Bloc %}
{% set include_block = false %}
{% if is_mobile() %}
{% if bloc.mobile == true %}
{% set include_block = true %}
{% endif %}
{% elseif is_full_view() and bloc.desktop == true %}
{% set include_block = true %}
{% endif %}
{% if include_block %}
{{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig', {
bloc: bloc,
}, with_context = false) }}
{% endif %}
{% endfor %}
{% endif %}
<div class="bg-pages-ref">
{% if ref_pages is defined and ref_pages is not empty %}
<section id="bloc-refs" class="page-ref">
<div class="container-fluid mt-3">
<div class="row gx-5 py-2">
<div class="col-sm-12 text-center">
<h2 class="sub-title wow">{{parametreRef.titreblocautreprestation|default('')}} {{post.titre|lower}} </h2>
</div>
<div class="col-sm-12">
<div class="list_blocs pos1">
<div class="blocs">
<section class="results dynam-affichage affichage1 type_affiche3 ">
{% set duree = 0.1 %}
{% for item in ref_pages %}
{% set image_item = item.image != null? asset_image(item.image):'uploads/images/' ~ parametre.imagevide %}
<div class="article wow zoomIn animated" data-wow-delay="{{duree}}s" style="visibility: visible; animation-delay: 0.1s; animation-name: zoomIn;">
<span class="article-image lazyloaded" style="background-image: url({{image_item}}); background-size: cover; background-position: center center; background-repeat: no-repeat;"> </span>
<span class="article-cnt">
<a class="article-titre" href="{{path('page',{slug:item.slug})}}" title="">{{item.title}}</a>
<span class="article-txt">
{% if item.summary is not empty %}
{{item.summary|raw}}
{% else %}
{{cutTextAffichage(item.content,'affichage1',false)|raw}}
{% endif %}
</span>
<span class="article-bts">
<button class="article-plus btn-fade" onclick="window.open('{{path('page',{slug:item.slug})}}', '_self');" title="En savoir plus">En savoir plus</button>
</span>
</span>
</div>
{% set duree = duree + 0.2 %}
{% endfor %}
</section>
</div>
</div>
</div>
</div>
</div>
</section>
{% endif %}
{% if ref_pages_sous_activite is defined and ref_pages_sous_activite is not empty %}
<section id="bloc-sous-activites" class="page-ref">
<div class="container-fluid mt-3">
<div class="row gx-5 py-2">
<div class="col-sm-12 text-center">
<h2 class="sub-title wow">{{parametreRef.titreblocsousactivite|default('')}} {{secteur.titresecteur|default('')}}</h2>
</div>
<div class="col-sm-12">
<div class="list_blocs pos1">
<div class="blocs">
<section class="results dynam-affichage affichage1 type_affiche3 ">
{% for item in ref_pages_sous_activite %}
{% set duree = 0.1 %}
{% set image_item = item.image != null? asset_image(item.image):'uploads/images/' ~ parametre.imagevide %}
<div class="article wow zoomIn animated" data-wow-delay="{{duree}}s" style="visibility: visible; animation-delay: 0.1s; animation-name: zoomIn;">
<span class="article-image lazyloaded" style="background-image: url({{image_item}}); background-size: cover; background-position: center center; background-repeat: no-repeat;"> </span>
<span class="article-cnt">
<a class="article-titre" href="{{path('page',{slug:item.slug})}}" title="" >{{item.titre}}</a>
<span class="article-txt">
{{cutTextAffichage(item.content,'affichage1',false)|raw}}
</span>
<span class="article-bts">
<button class="article-plus btn-fade" onclick="window.open('{{path('page',{slug:item.slug})}}', '_self');" title="En savoir plus">En savoir plus</button>
</span>
</span>
</div>
{% set duree = duree + 0.2 %}
{% endfor %}
</section>
</div>
</div>
</div>
</div>
</div>
</section>
{% endif %}
{% if actualites_liee is defined and actualites_liee is not empty %}
<section id="bloc-actualites" class="page-ref">
<div class="container-fluid mt-3">
<div class="row gx-5 py-2">
<div class="col-sm-12 text-center">
<h2 class="sub-title wow">{{parametreRef.titreblocactualite|default('')}}</h2>
</div>
<div class="col-sm-12">
<div class="list_blocs pos1">
<div class="blocs">
<section class="results dynam-affichage affichage1 type_affiche3 ">
{% for item in actualites_liee %}
{% set duree = 0.1 %}
{% set image_item = item.image != null? asset_image(item.image):'uploads/images/' ~ parametre.imagevide %}
<div class="article wow zoomIn animated" data-wow-delay="{{duree}}s" style="visibility: visible; animation-delay: 0.1s; animation-name: zoomIn;">
<span class="article-image lazyloaded" style="background-image: url({{image_item}}); background-size: cover; background-position: center center; background-repeat: no-repeat;"> </span>
<span class="article-cnt">
<a class="article-titre" href="{{path('page',{slug:item.slug})}}" title="" >{{item.title}}</a>
<span class="article-txt">
{% if item.summary is not empty %}
{{item.summary|raw}}
{% else %}
{{cutTextAffichage(item.content,'affichage1',false)|raw}}
{% endif %}
</span>
<span class="article-bts">
<button class="article-plus btn-fade" onclick="window.open('{{path('page',{slug:item.slug})}}', '_self');" title="En savoir plus">En savoir plus</button>
</span>
</span>
</div>
{% set duree = duree + 0.2 %}
{% endfor %}
</section>
</div>
</div>
</div>
</div>
</div>
</section>
{% endif %}
</div>
<div class="container-fluid wrapper mt-3">
{% if next_article is defined and next_article is not empty or prev_article is defined and prev_article is not empty %}
<div class="row gx-5 py-4">
<div class="col-lg-12 d-flex justify-content-between">
<div class="">
{% if prev_article is defined and prev_article is not empty %}
<a href="{{path('page',{'slug':prev_article.slug})}}" title="{{prev_article.title}}"><span class="signe1"><i class="fa fa-arrow-left"></i></span> {{prev_article.title}}</a>
{% endif %}
</div>
<div class="">
{% if next_article is defined and next_article is not empty %}
<a href="{{path('page',{'slug':next_article.slug})}}" title="{{next_article.title}}">{{next_article.title}} <span class="signe1"><i class="fa fa-arrow-right"></i></span></a>
{% endif %}
</div>
</div>
</div>
{% endif %}
</div>
</div>
{% endblock %}
{% block javascripts %}
{{parent()}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
{% if modele_galerie[0].type == 4 %}
<script src="{{asset('templates/front/theme1/assets/plugins/flexslider/jquery.flexslider.js')}}" ></script>
<script>
/*-------------------------------------------------*/
/* = Sx flexslider
/*-------------------------------------------------*/
if ($(".sx_flexslider").length) {
$('.flex-carousel').flexslider({
animation: "slide",
controlNav: false,
animationLoop: true,
slideshow: false,
itemWidth: 150,
asNavFor: '.flex-slider'
});
$('.flex-slider').flexslider({
animation: "slide",
controlNav: false,
animationLoop: true,
slideshow: false,
sync: ".flex-carousel"
});
}
</script>
{% endif %}
{% endblock %}