{% extends "theme/"~ app.request.server.get('APP_THEME') ~"/partials/base.html.twig" %}
{% block stylesheets %}
{{parent()}}
{% if categorie.customstyle is not empty %}
<style>{{categorie.customstyle|raw}}</style>
{% endif %}
{% endblock %}
{% block body %}
<div id="{{id_page}}" class="page-categorie">
{% if breadcrumb is defined and breadcrumb is not empty %}
{{ include ('theme/'~ app.request.server.get('APP_THEME') ~'/partials/breadcrumb.html.twig',{
breadcrumb: breadcrumb,
titre_page: titre_page|default(''),
image_bandeau: image_bandeau,
image_bandeau_alt:image_bandeau_alt
}, with_context = false)}}
{% endif %}
{% if categorie.textecategorie is not empty or categorie.urlvideo is not empty or galleries is not empty or articles is not empty or liste_sous_categorie is not empty %}
<div class="container-fluid content-wrapper">
<div class="content-area">
<div class="row content_page">
<div class="col-sm-12 {{ { '1': 'text-center', '2': 'text-start', '3': 'text-end' }[categorie.positiontext] | default('1') }}" >
{% if categorie.image %}
<div class="col-image-post text-center">
<img class="img-fluid principal-img" src="{{asset_image(categorie.image,'medium',['1024x/uploads','800x/uploads','800x/uploads'])}}" alt="{{categorie.altimage is not empty ? categorie.altimage : categorie.titrecategorie}}" />
</div>
{% endif %}
{% set lien_site = "<a href="~websiteUrl()~" title="~site_parameters.getParameters().titre~">"~websiteUrl()~"</a>" %}
{% if categorie.textecategorie is not empty %}
<div class="texte-content">{{ContentChangeByMotCle(categorie.id,categorie.textecategorie|replace({'[NDD]':lien_site}))|raw}}</div>
{% endif %}
{% if categorie.typelien != 1 %}
{% if categorie.typelien == '4' %}
<div class="text-center py-2">
<a href="tel:{{categorie.telephone}}" class="btn btn-theme py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
</div>
{% elseif categorie.typelien == '2' %}
<div class="text-center py-2">
<a href="{{resolveInternalSlugLink(categorie.lieninterne)}}" class="btn btn-theme py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
</div>
{% elseif categorie.typelien == '3' %}
<div class="text-center py-2">
<a href="{{categorie.lienexterne}}" target="_blank" class="btn btn-theme py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
</div>
{% endif %}
{% endif %}
</div>
{% if categorie.urlvideo is not empty %}
<div class="col-sm-12">
<div class="contenu-video">
{% set id_video_externe = extract_youtube_id(categorie.urlvideo) %}
<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="youtube vidéo"/>
</a>
</div>
</div>
{% endif %}
{% if galleries and galleries is not empty and twig_galerie is defined and twig_galerie is not empty %}
<div class="col-sm-12">
{{ include(template_from_string(twig_galerie)) }}
</div>
{% endif %}
{% if liste_sous_categorie is defined and liste_sous_categorie is not empty %}
{% for item in liste_sous_categorie %}
<div class="col-sm-12 col-md-2">
{% if systemName == "actualites" %}
{% set link = item.slugurl %}
{% else %}
{% set link = app.request.attributes.get('slug') ~'/'~ item.slugurl %}
{% endif %}
<a href="{{path('page',{slug: link})}}">
<div class="cta-categorie">
{{item.titrecategorie}}
</div>
</a>
</div>
{% endfor %}
{% endif %}
{% set resultats = categorie.pagination == true ?articles.results:articles %}
{% if resultats is not empty %}
<div class="col-sm-12">
<hr/>
{% set data_columns = { '0':'3','1': '3', '2': '1', '4': '1' }[categorie.multiaffichage] %}
{% set data_style = { '0':'compact','1': 'compact', '2': 'wide', '4': 'wide' }[categorie.multiaffichage] %}
{% if template is defined and template is not empty %}
{{ include(template_from_string(template.twig)) }}
{% endif %}
{% if categorie.pagination == true and articles.pageSize and categorie.pagesize < resultats|length %}
<div class="pagination-items">
{% set paginator = articles %}
<div class="navigation text-center">
<ul class="pagination d-felx justify-content-center align-items-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-solid fa-arrow-left-long"></i> {{ 'paginator.previous'|trans([],'variable') }}</a></li>
{% else %}
<li class="prev disabled mx-1"><span><i class="fa-solid fa-arrow-left-long"></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-solid fa-arrow-right-long"></i></a></li>
{% else %}
<li class="next disabled mx-1"><span>{{ 'paginator.next'|trans([],'variable')}} <i class="fa-solid fa-arrow-right-long"></i></span></li>
{% endif %}
{% endif %}
</ul>
</div>
</div>
{% endif %}
</div>
{% endif %}
{% if categorie.textecategorie2 is not empty %}
<div class="col-sm-12 {{ { '1': 'text-center', '2': 'text-start', '3': 'text-end' }[categorie.positiontext] | default('1') }}">
<div class="texte-content">{{ContentChangeByMotCle(categorie.id,categorie.textecategorie2|replace({'[NDD]':lien_site}))|raw}}</div>
</div>
{% endif %}
</div>
</div>
</div>
{% endif %}
{% if blocs is defined %}
{{ include ('theme/'~ app.request.server.get('APP_THEME') ~'/partials/bloc_render.html.twig',{blocs: blocs}, with_context = false)}}
{% endif %}
</div>
{% endblock %}