{% extends "front/"~ app.request.server.get('APP_THEME') ~"/base.html.twig" %}
{% block preload %}
{% if categorie.image is defined and categorie.image is not empty %}
<link rel="preload" as="image" href="{{asset_image(categorie.image)}}" />
{% endif %}
{% if resultats is defined and resultats is not empty %}
{% for item in resultats %}
{% if item.image %}
<link rel="preload" as="image" href="{{asset_image(item.image)}}" />
{% endif %}
{% endfor %}
{% 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 %}
{% if modele_galerie[0].type == 10 %}
<link rel="stylesheet" type="text/css" href="{{asset('templates/front/theme1/assets/plugins/pana-accordion-master/accordion.css')}}" media="screen" >
{% endif %}
{% if template.css is defined %}
<style>
{{template.css|raw}}
</style>
{% endif %}
{% if custom_style is defined and custom_style is not empty %}
<style>
{{custom_style|raw}}
</style>
{% endif %}
{% endblock %}
{% block body %}
{% if blocs is defined %}
{% for bloc in blocs.Bloc|filter(v => (v.type == "form" and (v.form.identifier == "form-contact-parallax" or v.form.type == "1"))) %}
{% if is_mobile() and bloc.mobile == true %}
{{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
bloc: bloc,
}, with_context = false)}}
{% endif %}
{% if is_full_view() and is_mobile() == false and bloc.desktop == true %}
{{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
bloc: bloc,
}, with_context = false)}}
{% endif %}
{% endfor %}
{% endif %}
{% set titre_page = categorie.titrecategorie %}
{% if categorie.imageBandeau %}
{% set imagebandeau = asset_image(categorie.imageBandeau,'medium',['files1920','files1920','files1200']) %}
{% elseif parametre.imageBandeau %}
{% set imagebandeau = asset('uploads/images/' ~ parametre.imageBandeau) %}
{% else %}
{% set imagebandeau = '' %}
{% endif %}
{% if imagebandeau != '' %}
<section class="image-bandeau text-center">
<img alt="{{categorie.altimagebandeau is not empty ? categorie.altimagebandeau : categorie.titrecategorie}}" title="{{categorie.altimagebandeau is not empty ? categorie.altimagebandeau : categorie.titrecategorie}}" src="{{imagebandeau}}" />
<div class="cnt-bandeau text-center">
<div class="container-fluid wrapper">
<ol class="breadcrumb d-flex justify-content-center" itemscope itemtype="http://schema.org/BreadcrumbList">
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="{{path('index_page_home')}}" itemprop="item"><span itemprop="name">{{title_home_ariane|raw}}</span></a><meta itemprop="position" content="1" /></li>
{% if categorieParent is defined %}<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="{{path('page',{slug:categorieParent.slugurl})}}" title="{{categorieParent.titrecategorie|replace({'<span>':' ','</span>':' '})}}" itemprop="item"><span itemprop="name">{{categorieParent.titrecategorie|raw}}</span></a><meta itemprop="position" content="2" /></li>{% endif %}
<li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">{{categorie.titrecategorie|raw}}</span><meta itemprop="position" content="3" /></li>
</ol>
<h1 class="page-title titre_page_mention">{{categorie.titrecategorie|raw}}</h1>
</div>
</div>
</section>
{% endif %}
<div class="page_cms pt-5 {% if categorie is defined and categorie != "" %}page-categorie{% endif %}">
{% if imagebandeau == '' %}
<div class="container-fluid wrapper">
<div class="breadcrumb-style-default">
<div class="row">
<div class="col-lg-12">
<div class="inner text-center">
<ol class="breadcrumb d-flex justify-content-center" itemscope itemtype="http://schema.org/BreadcrumbList">
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="{{path('index_page_home')}}" itemprop="item"><span itemprop="name">{{title_home_ariane|raw}}</span></a><meta itemprop="position" content="1" /></li>
{% if categorieParent is defined %}<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="{{path('page',{slug:categorieParent.slugurl})}}" title="{{categorieParent.titrecategorie|replace({'<span>':' ','</span>':' '})}}" itemprop="item"><span itemprop="name">{{categorieParent.titrecategorie|raw}}</span></a><meta itemprop="position" content="2" /></li>{% endif %}
<li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">{{categorie.titrecategorie|raw}}</span><meta itemprop="position" content="3" /></li>
</ol>
<h1 class="page-title titre_page_mention">{{categorie.titrecategorie|raw}}</h1>
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% set position_texte = "" %}
{% if categorie.positiontext == 3 %}
{% set position_texte = "pos3" %}
{% elseif categorie.positiontext == 2 %}
{% set position_texte = "pos2" %}
{% else %}
{% set position_texte = "pos1" %}
{% endif %}
{% set type_affiche = "" %}
{% if categorie.nombrearticle == 1 %}
{% set type_affiche = "type_affiche1" %}
{% elseif categorie.nombrearticle == 2 %}
{% set type_affiche = "type_affiche2" %}
{% else %}
{% set type_affiche = "type_affiche3" %}
{% endif %}
{% if categorie.actif_slider == 1 %}
{% set type_affiche = type_affiche ~ " owl-carousel" %}
{% endif %}
{% set multi_affichage = "affichage1" %}
{% if categorie.multi_affichage == 1 %}
{% set multi_affichage = "affichage1" %}
{% elseif categorie.multi_affichage == 2 %}
{% set multi_affichage = "affichage2" %}
{% elseif categorie.multi_affichage == 3 %}
{% set multi_affichage = "affichage3" %}
{% elseif categorie.multi_affichage == 4 %}
{% set multi_affichage = "affichage4" %}
{% elseif categorie.multi_affichage == 5 %}
{% set multi_affichage = "affichage5" %}
{% elseif categorie.multi_affichage == 6 %}
{% set multi_affichage = "affichage6" %}
{% elseif categorie.multi_affichage == 7 %}
{% set multi_affichage = "affichage7" %}
{% elseif categorie.multi_affichage == 8 %}
{% set multi_affichage = "affichage8" %}
{% elseif categorie.multi_affichage == 9 %}
{% set multi_affichage = "affichage9" %}
{% elseif categorie.multi_affichage == 10 %}
{% set multi_affichage = "affichage10" %}
{% elseif categorie.multi_affichage == 11 %}
{% set multi_affichage = "affichage11" %}
{% elseif categorie.multi_affichage == 12 %}
{% set multi_affichage = "affichage12" %}
{% endif %}
{% if categorie.chapeaucategorie !='' or categorie.image is not empty or (categorie.textecategorie is not empty and categorie.textecategorie != " ") or categorie.typelien != 1 or docs is not empty or galleries is not empty or categorie.urlvideo is not empty or (resultats is defined and resultats is not empty) %}
<section class="content-page">
{% if categorie.actif_haut == 1 and categorie.positiontext != 2 and categorie.positiontext != 3 %}
<div class="container-fluid wrapper">
<div id="bloc-texte-principal" class="row mb-3 mt-2">
{% if categorie.chapeaucategorie !='' %}
<div class="col-sm-12 text-center mb-1">
<h2 class="sub-title">{{categorie.chapeaucategorie}}</h2>
</div>
{% endif %}
{% if categorie.image is defined and categorie.image is not empty %}
<div class="col-lg-12 py-5 d-flex justify-content-center">
<div class="col-sm-12 col-md-6">
<img class="img-fluid" src="{{asset_image(categorie.image)}}" alt="{{categorie.altimage is not empty ? categorie.altimage : categorie.titrecategorie}}" />
</div>
</div>
{% endif %}
{% if categorie.textecategorie is not empty and categorie.textecategorie != " " %}
<div class="col-lg-12 content_post">
<div class="texte-content">{{categorie.textecategorie|raw}}</div>
</div>
{% endif %}
{% if categorie.typelien == null %}
{% if categorieTree is defined and categorieTree[0] is defined %}
<div class="text-center py-2 bouton-categorie">
<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 categorie.typelien != 1 %}
{% if categorie.typelien == '4' %}
<div class="text-center py-2 bouton-categorie">
<a href="tel:{{categorie.telephone}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
</div>
{% elseif categorie.typelien == '2' %}
<div class="text-center py-2 bouton-categorie">
<a href="{{slug_link_interne(categorie.lieninterne)}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
</div>
{% elseif categorie.typelien == '3' %}
<div class="text-center py-2 bouton-categorie">
<a href="{{categorie.lienexterne}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus" target="_blank">{{categorie.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>
</div>
{% endif %}
<div class="list_blocs {{position_texte}}">
{% if categorie.positiontext != 1 %}
<div class="cnt_blocs">
{% if categorie.chapeaucategorie !='' %}
<div class="col-sm-12 text-center mb-1">
<h2 class="sub-title">{{categorie.chapeaucategorie}}</h2>
</div>
{% endif %}
{% if categorie.textecategorie is not empty and categorie.textecategorie != "" %}
<div class="col-lg-12 content_post">
<div class="texte-content">{{categorie.textecategorie|raw}}</div>
</div>
{% endif %}
{% if categorie.typelien == null %}
{% if categorieTree is defined and categorieTree[0] is defined %}
<div class="text-center py-2 bouton-categorie">
<a href="{{path('page',{slug:categorieTree[0].slug})}}" class="btn btn-back-pulse">Retour à la liste {{categorieTree[0].titre}}</a>
</div>
{% endif %}
{% elseif categorie.typelien != 1 %}
{% if categorie.typelien == '4' %}
<div class="text-center py-2 bouton-categorie">
<a href="tel:{{categorie.telephone}}" class="btn btn-back-pulse">{{categorie.titrelien}}</a>
</div>
{% elseif categorie.typelien == '2' %}
<div class="text-center py-2 bouton-categorie">
<a href="{{slug_link_interne(categorie.lieninterne)}}" class="btn btn-back-pulse">{{categorie.titrelien}}</a>
</div>
{% elseif categorie.typelien == '3' %}
<div class="text-center py-2 bouton-categorie">
<a href="{{categorie.lienexterne}}" class="btn btn-back-pulse" target="_blank">{{categorie.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 class="blocs">
{% if template is defined and template is not empty %}
{{ include(template_from_string(template.twig)) }}
{% endif %}
{% if pagination == true and posts.hasToPaginate and posts.pageSize %}
<div class="pagination-items">
{% set paginator = posts %}
<div class="navigation text-center">
<ul class="pagination d-felx justify-content-center my-4">
{% if paginator.hasPreviousPage %}
<li class="prev mx-1"><a href="{{ path('page', {slug:categorie.slugurl}) }}?page={{paginator.previousPage}}" rel="previous"><i class="fa fw fa-long-arrow-left"></i> {{ 'paginator.previous'|trans([],'variable') }}</a></li>
{% else %}
<li class="prev disabled mx-1"><span><i class="fa fw fa-long-arrow-left"></i> {{ 'paginator.previous'|trans([],'variable') }}</span></li>
{% endif %}
{% if paginator and paginator.pageSize %}
{% for i in 1..paginator.lastPage %}
{% if i == paginator.currentPage %}
<li class="active number mx-1"><span>{{ i }} </span></li>
{% else %}
<li class="number mx-1"><a href="{{ path('page', {slug:categorie.slugurl}) }}?page={{i}}">{{ i }}</a></li>
{% endif %}
{% endfor %}
{% endif %}
{% if paginator and paginator.pageSize %}
{% if paginator.hasNextPage %}
<li class="next mx-1"><a href="{{ path('page', {slug:categorie.slugurl}) }}?page={{paginator.nextPage}}" rel="next">{{ 'paginator.next'|trans([],'variable') }} <i class="fa fw fa-long-arrow-right"></i></a></li>
{% else %}
<li class="next disabled mx-1"><span>{{ 'paginator.next'|trans([],'variable')}} <i class="fa fw fa-long-arrow-right"></i></span></li>
{% endif %}
{% endif %}
</ul>
</div>
</div>
{% endif %}
</div>
</div>
{% if categorie.actif_haut != 1 and categorie.positiontext == 1 %}
<div class="container-fluid wrapper">
<div id="bloc-texte-principal" class="row mb-3 mt-2">
{% if categorie.chapeaucategorie !='' %}
<div class="col-sm-12 text-center mb-1">
<h2 class="sub-title">{{categorie.chapeaucategorie}}</h2>
</div>
{% endif %}
{% if categorie.image is defined and categorie.image is not empty %}
<div class="col-lg-12 py-5 d-flex justify-content-center">
<div class="col-sm-12 col-md-6">
<img class="img-fluid" src="{{asset_image(categorie.image)}}" alt="{{categorie.altimage is not empty ? categorie.altimage : categorie.titrecategorie}}" />
</div>
</div>
{% endif %}
{% if categorie.textecategorie is not empty and categorie.textecategorie != " " %}
<div class="col-lg-12 content_post">
<div class="texte-content">{{categorie.textecategorie|raw}}</div>
</div>
{% endif %}
{% if categorie.typelien == null %}
{% if categorieTree is defined and categorieTree[0] is defined %}
<div class="text-center py-2 bouton-categorie">
<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 categorie.typelien != 1 %}
{% if categorie.typelien == '4' %}
<div class="text-center py-2 bouton-categorie">
<a href="tel:{{categorie.telephone}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
</div>
{% elseif categorie.typelien == '2' %}
<div class="text-center py-2 bouton-categorie">
<a href="{{slug_link_interne(categorie.lieninterne)}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
</div>
{% elseif categorie.typelien == '3' %}
<div class="text-center py-2 bouton-categorie">
<a href="{{categorie.lienexterne}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus" target="_blank">{{categorie.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>
</div>
{% endif %}
{% if categorie.positiontext != 1 %}
{% if categorie.image is defined and categorie.image is not empty %}
<div class="col-lg-12 py-5 d-flex justify-content-center">
<div class="col-sm-12 col-md-6">
<img class="img-fluid" src="{{asset_image(categorie.image)}}" alt="{{categorie.altimage is not empty ? categorie.altimage : categorie.titrecategorie}}" />
</div>
</div>
{% endif %}
{% endif %}
{% 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 categorie.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 = categorie.urlvideo|extract_v %}
<a class="video-thumbnail m-0" href="{{categorie.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 %}
</section>
{% 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 bloc.type == "form" and (bloc.form.identifier == "form-contact-parallax" or bloc.form.type == "1") %}
{% set include_block = false %}
{% 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>
{% endblock %}
{% block javascripts %}
{{parent()}}
{% 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 %}
{% if modele_galerie[0].type == 10 %}
<script src="{{asset('templates/front/theme1/assets/plugins/pana-accordion-master/pana-accordion.js')}}" ></script>
<script>
if ($(window).width() > 767){
accordion.init({
id: 'accordion',
autoPlay:false,
extpand:1,
expandWidth: $(window).width() - (($(window).width() / 4) * 2),
itemWidth: $(window).width() / 4,
});
}
if(window.innerWidth < 992){
var prk_panel_event="click";
} else {
var prk_panel_event="hover";
}
if(window.innerWidth >= 991){
/* Height de bloc_header_bottom */
var pos = 62;
$( "#sx-accordion .panel-counter" ).each(function() {
$(this).css({ top: pos });
pos = pos + 153;
});
}
if ( $( "#sx-accordion" ).length ) {
var headerH = $('header').outerHeight();
var heightHead = headerH+'px';
var heightcarousel = 'calc(100vh - '+heightHead+')';
$('#sx-accordion').accordionSlider({
width:'100%',
height: heightcarousel,
shadow: true,
autoplay:false,
mouseDelay:100,
openPanelDuration:500,
closePanelDuration:500,
closePanelsOnMouseOut: true,
//mouseWheelTarget: 'page',
startPanel:-1,
maxOpenedPanelSize:'60%',
openPanelOn:prk_panel_event,
panelOverlap:false,
mouseWheel: false,
panelOpenComplete: function(event) {
},
panelClick: function(event) {
},
breakpoints: {
767: {
height: 508,
maxOpenedPanelSize:'50%',
orientation: 'vertical',
touchSwipe: false
}
}
});
}
</script>
{% endif %}
{% endblock %}