templates/default/detailsActualites.html.twig line 1

Open in your IDE?
  2. {# BASE LOAD #}
  3. {% extends 'base.html.twig' %}
  5. {# TITLE TOP PAGE #}
  6. {% block title %}CPI | {% if app.request.locale == 'fr' %}{{actu.titreFr}}{% else %}{{actu.titreEn}}{% endif %}{% endblock %}
  8. {# CSS #}
  9. {% block stylesheet %}
  10.     <meta property="og:title" content="{{actu.titreFr}}">
  11.     <meta property="og:image" content="{{asset('uploads/actualites/'~actu.image)}}">
  12.     <meta property="og:image:secure_url" content="{{asset('uploads/actualites/'~actu.image)}}">
  13.     <meta property="og:image:type" content="image/png">
  14.     <meta property="og:image:width" content="1440">
  15.     <meta property="og:image:height" content="1080">
  16.     <meta property="og:type" content="article">
  17.     <link rel="stylesheet" href="{{ asset('css/categorie_news.css')}}">
  18.     <link rel="stylesheet" href="{{ asset('css/cms.css')}}">
  19.     <link rel="stylesheet" href="{{asset('slick/slick.css')}}">
  20.     <link rel="stylesheet" href="{{asset('slick/slick-theme.css')}}">
  21. {% endblock %}
  23. {# BODY HOME PAGE #}
  24. {% block body %}
  26. {% if app.user %}
  27.     {% include 'cms.html.twig' %}
  28. {% endif %}
  31. <style>
  32. @media screen and (max-width: 1200px){
  33.     .opensans_semibold{
  34.         font-size:18px!important;
  35.     }
  36. }
  38. </style>
  41.  <main>
  42.             <div class="accueil">
  43.                 <div class="container">
  44.               
  45.                     <div class="row">
  46.                         <div class="col-10 offset-1">
  47.                           <div class="row" style="padding-top:120px">
  48.                           <div class="menu py-5">
  49.                                         {% if actu.categoriesActualites != null %}
  50.                                         <p>{% if app.request.locale == 'fr' %}{{actu.categoriesActualites.titreFr}}{% else %}{{actu.categoriesActualites.titreEn}}{% endif %}</p>
  51.                                         {% else %}
  52.                                         <p>{% if app.request.locale == 'fr' %}Sans catégorie{% else %}No category{% endif %}</p>
  53.                                         {% endif %}
  54.                                     </div>
  55.                           </div>
  56.                             <div class="row">
  57.                                 <div class="col-lg-9" style="">
  58.                                     
  59.                                     <h1 class="mb-4 opensans_bold_50" style="font-size:50px">{% if app.request.locale == 'fr' %}{{actu.titreFr}}{% else %}{{actu.titreEn}}{% endif %}</h1>
  60.                                     <hr>
  61.                                     <div class="my-3 opensans_semibold" style="color:#0000FF !important; font-size:26px ">{% if app.request.locale == 'fr' %}{{actu.introFr|raw}}{% else %}{{actu.introEn|raw}}{% endif %}</div>
  62.                                     <div class="row py-2 align-items-center">
  63.                                         <div class="col">
  64.                                             <div class="date">
  65.                                                 <i class="fas fa-clock"></i>
  66.                                                 <p>
  67.                                                 {{actu.date|date('d')}}
  69.                                                         {% if app.request.locale == 'fr' %}
  70.                                                             {% if actu.date|date('m') == '01' %}JANVIER{% endif %}
  71.                                                             {% if actu.date|date('m') == '02' %}FEVRIER{% endif %}
  72.                                                             {% if actu.date|date('m') == '03' %}MARS{% endif %}
  73.                                                             {% if actu.date|date('m') == '04' %}AVRIL{% endif %}
  74.                                                             {% if actu.date|date('m') == '05' %}MAI{% endif %}
  75.                                                             {% if actu.date|date('m') == '06' %}JUIN{% endif %}
  76.                                                             {% if actu.date|date('m') == '07' %}JUILLET{% endif %}
  77.                                                             {% if actu.date|date('m') == '08' %}AOUT{% endif %}
  78.                                                             {% if actu.date|date('m') == '09' %}SEPTEMBRE{% endif %}
  79.                                                             {% if actu.date|date('m') == '10' %}OCTOBRE{% endif %}
  80.                                                             {% if actu.date|date('m') == '11' %}NOVEMBRE{% endif %}
  81.                                                             {% if actu.date|date('m') == '12' %}DECEMBRE{% endif %}
  82.                                                         {% else %}
  83.                                                             {% if actu.date|date('m') == '01' %}JANUARY{% endif %}
  84.                                                             {% if actu.date|date('m') == '02' %}FEBRUARY{% endif %}
  85.                                                             {% if actu.date|date('m') == '03' %}MARCH{% endif %}
  86.                                                             {% if actu.date|date('m') == '04' %}APRIL{% endif %}
  87.                                                             {% if actu.date|date('m') == '05' %}MAY{% endif %}
  88.                                                             {% if actu.date|date('m') == '06' %}JUNE{% endif %}
  89.                                                             {% if actu.date|date('m') == '07' %}JULY{% endif %}
  90.                                                             {% if actu.date|date('m') == '08' %}AUGUST{% endif %}
  91.                                                             {% if actu.date|date('m') == '09' %}SEPTEMBER{% endif %}
  92.                                                             {% if actu.date|date('m') == '10' %}OCTOBER{% endif %}
  93.                                                             {% if actu.date|date('m') == '11' %}NOVEMBER{% endif %}
  94.                                                             {% if actu.date|date('m') == '12' %}DECEMBER{% endif %}
  95.                                                         {% endif %}
  97.                                                             {{actu.date|date('Y')}}
  98.                                                 </p>
  99.                                             </div>
  100.                                         </div>
  101.                                         <div class="col">
  102.                                             <div class="d-flex justify-content-end share-container">
  103.                                                 <a href="https://www.linkedin.com/shareArticle?url={{ app.request.uri }}" target="_blank"><img src="{{ asset('img/categorie_news/linkedIn.png') }}" alt="LinkedIn"></a>
  105.                                                 <a href="mailto:?subject=Votre Sujet&body={{ app.request.uri }}"><img src="{{asset('img/categorie_news/mail.png')}}" alt="insta" style="margin-left:5px"></a>
  106.                                             </div>
  107.                                         </div>
  108.                                     </div>
  109.                                      
  113.                                     <div class="row">
  115.                                     <div class="col">
  116.                                      <img class="w-100" src="
  117.                                         {% if actu.image == 'ok' %}
  118.                                             {{asset('uploads/actualites/cpi-actu-defaut.jpg')}}
  119.                                         {% else %}
  120.                                             {{asset('uploads/actualites/'~actu.image)}}
  121.                                         {% endif %}
  122.                                     " style="border-radius:30px;margin-top:20px;" alt=""> 
  125.                                
  126.                                     </div>
  128.                                        
  129.                                        
  130.                                             <p class="my-4 opensans_light_18" >{% if app.request.locale == 'fr' %}{{actu.texteFr|raw}}{% else %}{{actu.texteEn|raw}}{% endif %}</p>
  132.   <div class="traitBleuNextActu col-12"></div>
  133.                                     <!-- AJOUT DU CMS -->
  136.                                     <main>
  141. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ -->
  144. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  GESTION DES SECTION ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->
  146. {% set i = 0 %}
  147. {% for section in sections %}
  148. {% set i = i +1 %}
  149.           
  150. <section id="section" style="
  151.     
  153.     {% if i > 1 %}
  154.         margin-top:-54px
  155.     {% endif %} 
  156. ">
  158. <style>
  159. .accordion-body li{
  160.     color:white;
  161. }
  162. .accordion-body li p{
  163.     margin-bottom:0
  164. }
  167. </style>
  169. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->
  171. {% set y = 0 %}
  172. {% for res in section.lignes %}
  173. {% set y = y+1 %}
  174.     <div  id="{% if i == 1 %}sectionMain{% else %}sectionReste{% endif %}" data-aos="fade-up" data-aos-duration="1000" style="
  175.     
  176.     {% if i > 1 %}
  177.     padding-top:112px; padding-bottom:112px;
  178.     {% else %}
  179.     {% if y > 1 %}
  180.     padding-top:0; padding-bottom:112px;
  181.     {% endif %}
  182.     
  183.     {% endif %}">
  184.         <div class="container text-light pb-3"> 
  185.             <div class="row pt-5 justify-content-center justify-content-md-start">
  187.              
  188.                 {% for res2 in res.blocs %}
  189.                     <div id="bloc{{res2.id}}" data-aos="fade-up" data-aos-duration="1000" class="col-lg-{{res2.type}}" {% if app.user %} style="border:dashed 1px grey; border-radius:10px; margin-bottom:10px"{% endif %}>
  190.                        
  191.                                      {% if app.user %}
  192.                             <a href="{{path('app_deleteLigne',{'id':res.id,'pages':actu.id} )}}" onclick="return confirm('Êtes-vous sûr ?')">
  193.                                 <div class="d-flex justify-content-end">
  194.                                     <div class="d-flex justify-content-center align-items-center cubeIcon2">
  195.                                         <i class="fa-solid fa-trash"></i>
  196.                                     </div>
  197.                                 </div>
  198.                             </a>
  199.                         {% endif %}
  200.                         {% if res2.contenuses is not empty %}
  201.                             {% if res2.contenuses.0.typesContenus.id != 8 %}
  202.                             {% endif %}
  203.                         {% endif %}
  205. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->                   
  206. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   AFFCHER CONTENUS   ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->
  207. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->
  209.                         {% if res2.contenuses is not empty %}
  212.                              <!-- ///\\\ ///\\\ TEXTE ///\\\ ///\\\  -->
  214.                             {% if res2.contenuses.0.typesContenus.id == 1 %}
  216.                                 {% if app.request.locale == 'en' %}{{res2.contenuses.0.TexteEn|raw}}{% else %}{{res2.contenuses.0.TexteFr|raw}}{% endif %}
  217.                                 
  218.                                 {% if res2.contenuses.0.document is not empty %}
  219.                                 <a href="{{res2.contenuses.0.document}}" target="_blank" style="text-decoration:none;">
  220.                                             <button type="button btn-modal" class="justify-content-center align-items-center text-center" 
  221.                                                 style="
  222.                                                   background-color:{{res2.contenuses.0.background}}!important; 
  223.                                                     border:solid 3px {{res2.contenuses.0.couleur1}}!important;
  224.                                                     border-radius: 30px!important;
  225.                                                     color: rgb(0, 206, 255);
  226.                                                     font-weight: bold;
  227.                                                     background-color: #0c24b3;
  228.                                                     cursor: pointer;
  229.                                                     padding-top: 12px;
  230.                                                     padding-left: 50px;
  231.                                                     padding-right: 50px;
  232.                                                     margin-top:20px
  233.                                                  
  234.                                                     
  235.                                             ">
  236.                                             {% if app.request.locale == 'en' %}{{res2.contenuses.0.TitreEn|raw}}{% else %}{{res2.contenuses.0.TitreFr|raw}}{% endif %}</button>
  237.                                         </a>
  238.                                 {% endif %}
  239.                             {% endif %}
  241.                             {% if i == 1 %}
  242.                                 {% if loop.first %}
  243.                                     <div class="traitBlanc"></div>
  244.                                 {% endif %}
  245.                             {% endif %}
  247.                             <!-- ///\\\ ///\\\ FIN TEXTE ///\\\ ///\\\  -->
  251.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  254.                             <!-- ///\\\ ///\\\ IMAGE ///\\\ ///\\\  -->
  256.                             {% if res2.contenuses is not empty %}
  257.                                 {% if res2.contenuses.0.typesContenus.id == 2 %}
  258.                                     <div  class="col-12 d-flex d-lg-block justify-content-center mt-5 mt-lg-0">
  259.                                         <img data-aos="fade-up" data-aos-duration="1000" class="img-fluid imgRadius" src="{{asset('uploads/contenus/'~res2.contenuses.0.image)}}" alt="{% if app.request.locale == 'en' %}{{res2.contenuses.0.TitreEn|raw}}{% else %}{{res2.contenuses.0.TitreFr|raw}}{% endif %}">
  260.                                     </div>
  261.                                 {% endif %}
  262.                             {% endif %}
  264.                             <!-- ///\\\ ///\\\ FIN IMAGE ///\\\ ///\\\  -->
  267.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  270.                             <!-- ///\\\ ///\\\ VIDEOS ///\\\ ///\\\  -->
  272.                             {% if res2.contenuses is not empty %}
  273.                                 {% if res2.contenuses.0.typesContenus.id == 3 %}
  274.                                     <div data-aos="fade-up" data-aos-duration="1000" class="col-12 justify-content-center">
  275.                                         <div class="image">             
  276.                                             <iframe class="img-fluid" style="height: 165px !important; width: 100% !important; border-radius: 15px!important;" src="{{res2.contenuses.0.video}}" title="YouTube video {% if app.request.locale == 'en' %}{{res2.contenuses.0.TitreEn|raw}}{% else %}{{res2.contenuses.0.TitreFr|raw}}{% endif %}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
  277.                                         </div>
  279.                                         <div class="texte">
  280.                                             <p style="font-weight:bold">
  281.                                                 {% if app.request.locale == 'en' %}{{res2.contenuses.0.TitreEn|raw}}{% else %}{{res2.contenuses.0.TitreFr|raw}}{% endif %}
  282.                                             </p>
  283.                                         </div>
  284.                                     </div>            
  285.                                 {% endif %}
  286.                             {% endif %}
  288.                             <!-- ///\\\ ///\\\ FIN VIDEO ///\\\ ///\\\  -->
  291.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  294.                             <!-- ///\\\ ///\\\ BOX PICTO  ///\\\ ///\\\  -->
  296.                             {% if res2.contenuses is not empty %}
  297.                                 {% if res2.contenuses.0.typesContenus.id == 4 %}             
  298.                                     <div data-aos="fade-up" data-aos-duration="1000" class="carte">
  299.                                         <div class="image d-flex justify-content-center">
  300.                                             <img src="{{asset('uploads/contenus/'~res2.contenuses.0.image)}}" alt="{% if app.request.locale == 'en' %}{{res2.contenuses.0.TitreEn|raw}}{% else %}{{res2.contenuses.0.TitreFr|raw}}{% endif %}">
  301.                                         </div>
  302.                                         <div class="corps-carte">
  303.                                             <div class="tete-carte" style="background-color:{{res2.contenuses.0.background}}">
  304.                                                 <p>{% if app.request.locale == 'en' %}{{res2.contenuses.0.TitreEn|raw}}{% else %}{{res2.contenuses.0.TitreFr|raw}}{% endif %}</p>
  305.                                             </div>
  306.                                             <div class="texte-carte" style="min-height:204px; background-color:{{res2.contenuses.0.couleur1}}">
  307.                                                 <div class="texte-1">
  308.                                                     {% if app.request.locale == 'en' %}{{res2.contenuses.0.TexteEn|raw}}{% else %}{{res2.contenuses.0.TexteFr|raw}}{% endif %}
  309.                                                 </div>
  310.                                             </div>   
  311.                                         </div>
  312.                                     </div>
  313.                                 {% endif %}
  314.                             {% endif %}
  315.                             
  316.                             <!-- ///\\\ ///\\\ FIN BOX PICTO ///\\\ ///\\\  -->
  317.                                    
  319.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  322.                             <!-- ///\\\ ///\\\ AVANTAGES  ///\\\ ///\\\  -->
  324.                             {% if res2.contenuses is not empty %}
  325.                                 {% if res2.contenuses.0.typesContenus.id == 7 %}
  326.                                     <div data-aos="fade-up" data-aos-duration="1000" class="avantages">
  327.                                         <div class="carteA bg-bleu" style="background-color:{{res2.contenuses.0.background}}">
  328.                                             <div class="tete-carte d-flex flex-column flex-md-row">
  329.                                                 {% if res2.contenuses.0.image != '' %}
  330.                                                     <img class="img-fluid" src="{{asset('uploads/contenus/'~res2.contenuses.0.image)}}" alt="">
  331.                                                 {% endif %}
  332.                                                 <span style="font-weight:bold">{% if app.request.locale == 'en' %}{{res2.contenuses.0.TitreEn|raw}}{% else %}{{res2.contenuses.0.TitreFr|raw}}{% endif %}</span>
  333.                                             </div>
  334.                                             <div class="texte-carte">
  335.                                                 {% if app.request.locale == 'en' %}{{res2.contenuses.0.TexteEn|raw}}{% else %}{{res2.contenuses.0.TexteFr|raw}}{% endif %}
  336.                                             </div>
  337.                                         </div>
  338.                                     </div>
  339.                                 {% endif %}
  340.                             {% endif %}
  342.                             <!-- ///\\\ ///\\\ FIN AVANTAGES ///\\\ ///\\\  -->
  345.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  348.                             <!-- ///\\\ ///\\\ ACCORDEON  ///\\\ ///\\\  -->
  350.                             {% if res2.contenuses.0.typesContenus.id == 8 %}
  351.                                 <div data-aos="fade-up" data-aos-duration="1000" class="texteDeroulant text-light">
  352.                                     <div class="accordion" id="accordionExample">
  353.                                         {% set ac = 0 %}
  355.                                         {% for res3 in res2.contenuses.0.accordeons %}
  356.                                             {% set ac = ac+1 %}
  357.                                             <div class="accordion-item" style="background-color:{{res3.background}}!important;">
  358.                                                 <h2 class="accordion-header" id="heading{{res3.id}}">
  359.                                                     <button class="button1-accordion accordion-button" style="background-color:{{res3.background}}!important;" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{res3.id}}" aria-expanded="true" aria-controls="collapse{{res3.id}}">
  360.                                                     <i class="fa {{ ac == 1 ? 'fa-plus-circle' : 'fa-plus-circle' }}" style="margin-right:10px;font: normal!important;" aria-hidden="true"></i>{% if app.request.locale == 'en' %}{{res3.TitreEn|raw}}{% else %}{{res3.TitreFr|raw}}{% endif %}
  361.                                                     </button>
  362.                                                 </h2>
  363.                                                         
  364.                                                 <div id="collapseOne" class="accordion-collapse collapse {% if ac == 1 %}{% endif %}" aria-labelledby="heading{{res3.id}}" data-bs-parent="#accordionExample">
  365.                                                     <div class="accordion-body">
  366.                                                         <div class="accordion-hr"></div>
  367.                                                         {% if app.request.locale == 'en' %}{{res3.TexteEn|raw}}{% else %}{{res3.TexteFr|raw}}{% endif %}   
  368.                                                     </div>
  369.                                                 </div>
  370.                                             </div>
  372.                                         {% endfor %}
  373.                                     </div>                                                        
  374.                                 </div>
  376.                                 <script>
  377.                                     $(document).ready(function () {
  378.                                         $('.accordion-button').click(function () {
  379.                                             $(this).find('i').toggleClass('fa-plus-circle fa-minus-circle');
  380.                                             $('.accordion-button').not(this).find('i').removeClass('fa-minus-circle').addClass('fa-plus-circle');
  381.                                         });
  382.                                     });
  383.                                </script>
  384.  
  385.                                 {% if app.user %}           
  386.                                     <br>
  387.                                     <div class="d-flex justify-content-center">
  388.                                         <a href="{{path('app_accordeons_index',{'contenu':res2.contenuses.0.id})}}"><button type="button"  style="margin-bottom:5px" class="btn btn-info"  >Gérer les accordéons</button></a>
  389.                                     </div>
  390.                                 {% endif %}
  391.               
  392.                             {% endif %}
  394.                             <!-- ///\\\ ///\\\ FIN ACCORDEON  ///\\\ ///\\\  -->
  396.                         {% endif %}
  398.                             
  399.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  403.                         {% if res2.contenuses is not empty %}
  405.                             <!-- ///\\\ ///\\\ BOX PICTO CAROUSEL ///\\\ ///\\\  -->
  407.                             {% if res2.contenuses.0.typesContenus.id == 10 %}
  408.                                 <div data-aos="fade-up" data-aos-duration="1000" class="container d-flex paddingPerso2" >
  409.                                     <div class="slider-demo-valeur">
  410.                                         {% for carou in  res2.contenuses.0.carousels %}
  411.                                             <div data-aos="fade-up" data-aos-duration="1000" class="carte ">
  412.                                                 <div class="col-12">
  413.                                                     <div class="image d-flex justify-content-center">
  414.                                                         <img src="{{asset('uploads/carousels/'~carou.image)}}" alt="{% if app.request.locale == 'en' %}{{carou.titreEn}}{% else %}{{carou.titreFr}}{% endif %}">
  415.                                                     </div>
  416.                                                     <div class="corps-carte">
  417.                                                         <div class="tete-carte">
  418.                                                             <p>{% if app.request.locale == 'en' %}{{carou.titreEn|raw}}{% else %}{{carou.titreFr|raw}}{% endif %} </p>
  419.                                                         </div>
  420.                                                         <div class="texte-carte">
  421.                                                             <div class="texte-1">
  422.                                                                 {% if app.request.locale == 'en' %}{{carou.texteEn|raw}}{% else %}{{carou.texteFr|raw}}{% endif %} 
  423.                                                             </div>
  424.                                                         </div>
  425.                                                     </div>
  426.                                                 </div>
  427.                                             </div>
  428.                                         {% endfor %}
  429.                                     </div>
  430.                                 </div>
  431.                             {% endif %}
  432.                                 
  433.                             {% if app.user %}
  434.                                 {% if res2.contenuses.0.typesContenus.id == 10 %}            
  435.                                     <br>
  436.                                     <div data-aos="fade-up" data-aos-duration="1000" class="d-flex justify-content-center">
  437.                                         <a href="{{path('app_carousels_index',{'contenu':res2.contenuses.0.id})}}"><button type="button"  style="margin-bottom:5px" class="btn btn-info"  >Gérer les carousels</button></a>
  438.                                     </div>
  439.                                 {% endif %}
  440.                             {% endif %}
  442.                             <!-- ///\\\ ///\\\ FIN BOXPICTO CAROUSEL ///\\\ ///\\\  -->
  443.                         {% endif %}
  446.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  449.                         {% if res2.contenuses is not empty %}
  451.                             <!-- ///\\\ ///\\\ BOX PICTO CAROUSEL ///\\\ ///\\\  -->
  453.                             {% if res2.contenuses.0.typesContenus.id == 11  %}
  454.                                 <div  class="row justify-content-center justify-content-md-start" >
  455.                                     <div class="col-12">
  456.                                         <div class="row pb-4">
  457.                                             <div class="titre ">
  458.                                                 <p class="opensans_bold_red_15">TEMOIGNAGES</p>
  459.                                             </div>
  460.                                         </div>  
  461.                                     </div> 
  462.                                 </div>
  463.                                 {% set tem = -1 %}
  464.                                 <div class="row text-light" >
  465.                                     <div class="col-12">
  466.                                         <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
  467.                                             <div class="carousel-indicators">
  468.                                                 {% for res in temoignages %}
  469.                                                     {% set tem = tem + 1 %}
  470.                                                     <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="{{tem}}" {% if tem == 0 %}class="active" aria-current="true"{% endif %} aria-label="Slide {{tem}}"></button>
  471.                                                 {% endfor %}
  472.                                             </div>
  474.                                             {% set tem2 = -1 %}
  475.                                             <div class="carousel-inner">
  476.                                                 {% for res in temoignages %}
  477.                                                     {% set tem2 = tem2 + 1 %}
  478.                                                     <div class="carousel-item {% if tem2 == 0 %}active{% endif %}">
  479.                                                         <div class="row text-light">
  480.                                                             <h2 class="">{{res.titre}}</hé>
  481.                                                         </div>
  482.                                                         <br>
  483.                                                         <p class="citation ">{{res.texte}}</p>
  484.                                                         <br>
  485.                                                         <p style="color:red; font-weight: bold; ">{{res.auteur}}</p>  
  486.                                                     </div>
  487.                                                 {% endfor %}
  488.                                             </div>
  489.                                             <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
  490.                                                 <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  491.                                                 <span class="visually-hidden">Previous</span>
  492.                                             </button>
  493.                                             <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
  494.                                                 <span class="carousel-control-next-icon" aria-hidden="true"></span>
  495.                                                 <span class="visually-hidden">Next</span>
  496.                                             </button>
  497.                                         </div>
  498.                                     </div>
  499.                                 </div>
  500.                                 {% if app.user %}
  501.                                     {% if res2.contenuses.0.typesContenus.id == 11 %}        
  502.                                         <br>
  503.                                         <div class="d-flex justify-content-center">
  504.                                             <a href="{{path('app_temoignages_index')}}"><button type="button"  style="margin-bottom:5px" class="btn btn-info"  >Gérer les témoignages</button></a>
  505.                                         </div>
  506.                                     {% endif %}
  507.                                 {% endif %}
  508.                             {% endif %}
  510.                             <!-- ///\\\ ///\\\ FIN BOX PICTO CAROUSEL ///\\\ ///\\\  -->
  512.                         {% endif %}
  515.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  518.                         {% if res2.contenuses is not empty %}
  520.                             <!-- ///\\\ ///\\\ CAROUSEL ///\\\ ///\\\  -->
  522.                                 {% if res2.contenuses.0.typesContenus.id == 9 %}
  523.                                     <div class="formation">
  524.                                         <div class="container-carousel-true">
  525.                                             <div class="slider-demo-galerie " style="padding-bottom:120px;">
  526.                                                 {% for carou in  res2.contenuses.0.carousels %}
  527.                                                     <div class="carteFormation" style="">                                       
  528.                                                         <img src="{{asset('uploads/carousels/'~carou.image)}}" alt="{% if app.request.locale == 'en' %}{{carou.titreEn}}{% else %}{{carou.titreFr}}{% endif %}">
  529.                                                         {% if carou.titreEn != '' or carou.titreFr != '' %}
  530.                                                             <div class="image-overlay1">
  531.                                                                 <p class="sous-title-manufa">{% if app.request.locale == 'en' %}{{carou.titreEn|raw}}{% else %}{{carou.titreFr|raw}}{% endif %}</p>
  532.                                                             </div>
  533.                                                         {% endif %}
  534.                                                         {% if carou.texteEn != '' or carou.texteFr != '' %}
  535.                                                             {% if app.request.locale == 'en' %}{{carou.texteEn|raw}}{% else %}{{carou.texteFr|raw}}{% endif %}
  536.                                                         {% endif %}
  537.                                                     </div>
  538.                                                 {% endfor %}
  539.                                             </div>
  540.                                         </div>
  541.                                     </div>
  542.                                 {% endif %}
  543.                                 
  544.                                 {% if app.user %}
  545.                                     {% if res2.contenuses.0.typesContenus.id == 9 %}              
  546.                                         <br>
  547.                                         <div class="d-flex justify-content-center">
  548.                                             <a href="{{path('app_carousels_index',{'contenu':res2.contenuses.0.id})}}"><button type="button"  style="margin-bottom:5px" class="btn btn-info"  >Gérer les carousels</button></a>
  549.                                         </div>
  550.                                     {% endif %}
  551.                                 {% endif %}
  552.                                       
  553.                             <!-- ///\\\ ///\\\ FIN CAROUSEL ///\\\ ///\\\  -->
  555.                         {% endif %}
  558.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  561.                         {% if res2.contenuses is not empty %}
  563.                             <!-- ///\\\ ///\\\ CHIFFRES CLES ///\\\ ///\\\  -->
  565.                                  {% if res2.contenuses.0.typesContenus.id == 5  %}
  566.                                     <div class="cartes-3" style="background:{{res2.contenuses.0.background}}; border-radius: 30px;">
  567.                                         <div class="carte">
  568.                                             {% if res2.contenuses.0.image is not empty %}
  569.                                                 <img src="{{asset('uploads/contenus/'~res2.contenuses.0.image)}}" alt="" style="width:100%;height:100%;border-radius:25px;">
  571.                                             {% else %}
  572.                                                 <div class="titre">
  573.                                                     <p>{% if app.request.locale == 'en' %}{{res2.contenuses.0.titreEn|raw}}{% else %}{{res2.contenuses.0.titreFr|raw}}{% endif %} </p>
  574.                                                 </div>
  575.                                                 <div class="texte">
  576.                                                     {% if app.request.locale == 'en' %}{{res2.contenuses.0.texteEn|raw}}{% else %}{{res2.contenuses.0.texteFr|raw}}{% endif %} 
  577.                                                 </div>
  578.                                             {% endif %}
  579.                                         </div>
  580.                                     </div>
  581.                                 {% endif %}
  583.                             <!-- ///\\\ ///\\\ FIN CHIFFRES CLES ///\\\ ///\\\  -->
  585.                         {% endif %}
  589.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  591.         
  592.                         
  593.                         {% if res2.contenuses is not empty %}
  595.                             <!-- ///\\\ ///\\\ CHIFFRES CLES 2 ///\\\ ///\\\  -->
  597.                                 {% if res2.contenuses.0.typesContenus.id == 6  %}
  598.                                     <div class="accueil4">
  599.                                         <div {% if res2.contenuses.0.titreFr|length > 4 %}id="soixante-dix"{% endif %} class="carte">
  600.                                             <div class="tete-carte" style="background-color:{{res2.contenuses.0.background}}">
  601.                                                 <div class="chiffre justify-content-center" style="background-color:{{res2.contenuses.0.background}}">
  602.                                                     {% if app.request.locale == 'en' %}{{res2.contenuses.0.titreEn|raw}}{% else %}{{res2.contenuses.0.titreFr|raw}}{% endif %} 
  603.                                                 </div>
  604.                                             </div>
  605.                                             <div class="texte">
  606.                                                 {% if app.request.locale == 'en' %}{{res2.contenuses.0.texteEn|raw}}{% else %}{{res2.contenuses.0.texteFr|raw}}{% endif %} 
  607.                                             </div>
  608.                                         </div>
  609.                                     </div>
  610.                                 {% endif %}
  612.                             <!-- ///\\\ ///\\\ FIN CHIFFRES CLES 2 ///\\\ ///\\\  -->
  614.                         {% endif %}
  617.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  620.                         {% if res2.contenuses is not empty %}
  622.                             <!-- ///\\\ ///\\\ BOX PICTO + LIEN ///\\\ ///\\\  -->
  624.                                 {% if res2.contenuses.0.typesContenus.id == 13 %}
  625.                                     <div data-aos="fade-up" data-aos-duration="1000" class="carte">
  626.                                         <div class="image d-flex justify-content-center">
  627.                                             <img src="{{asset('uploads/contenus/'~res2.contenuses.0.image)}}" alt="{% if app.request.locale == 'en' %}{{res2.contenuses.0.TitreEn|raw}}{% else %}{{res2.contenuses.0.TitreFr|raw}}{% endif %}">
  628.                                         </div>
  629.                                         <div class="corps-carte">
  630.                                             <div class="tete-carte" style="background-color:{{res2.contenuses.0.background}}">
  631.                                                 <p>{% if app.request.locale == 'en' %}{{res2.contenuses.0.TitreEn|raw}}{% else %}{{res2.contenuses.0.TitreFr|raw}}{% endif %}</p>
  632.                                             </div>
  633.                                             <div class="texte-carte" style="min-height:204px; background-color:{{res2.contenuses.0.couleur1}}">
  634.                                                 <div class="texte-1">
  635.                                                     {% if app.request.locale == 'en' %}{{res2.contenuses.0.TexteEn|raw}}{% else %}{{res2.contenuses.0.TexteFr|raw}}{% endif %}
  636.                                                 </div>
  637.                                             </div>    
  638.                                         /div>
  639.                                     </div>
  640.                                 {% endif %}
  642.                             <!-- ///\\\ ///\\\ FIN BOX PICTO + LIEN ///\\\ ///\\\  -->
  643.        
  644.                         {% endif %}
  647.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  650.                         {% if res2.contenuses is not empty %}
  652.                             <!-- ///\\\ ///\\\ BOUTTON ///\\\ ///\\\  -->    
  654.                                 {% if res2.contenuses.0.typesContenus.id == 12 %}                  
  655.                                     <a href="{{res2.contenuses.0.document}}" target="_blank" style="text-decoration:none;">
  656.                                         <button type="button btn-modal" class="" 
  657.                                             style="
  658.                                                 background-color:{{res2.contenuses.0.background}}; 
  659.                                                 border:solid 3px {{res2.contenuses.0.couleur1}};
  660.                                                 border-radius: 30px!important;
  661.                                                 padding-right: 2%!important;
  662.                                                 padding-left: 2%!important;
  663.                                                 padding-top: 3%!important;   
  664.                                                 width: 400px;
  665.                                                 float:right;
  666.                                         ">
  667.                                         {% if app.request.locale == 'en' %}{{res2.contenuses.0.TexteEn|raw}}{% else %}{{res2.contenuses.0.TexteFr|raw}}{% endif %}</button>
  668.                                     </a>
  669.                                 {% endif %}
  671.                                 <!-- ///\\\ ///\\\ FIN BOUTTON ///\\\ ///\\\  --> 
  673.                         {% endif %}
  676.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  677.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  678.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  683.                         <!-- ///\\\ ///\\\ BOUTON MODIFIER CMS ///\\\ ///\\\  --> 
  684.                         {% if res2.contenuses is not empty %}
  685.                             {% if res2.contenuses.0.typesContenus.id != 8 and res2.contenuses.0.typesContenus.id != 10 and res2.contenuses.0.typesContenus.id != 9 %}
  686.                                 {% if app.user %}
  687.                                     <div class="d-flex justify-content-center mb-3">
  688.                                         <a href="{{path('app_editContent',{'id':res2.contenuses.0.id,'type':res2.contenuses.0.typesContenus.libelle})}}">
  689.                                             <div class="d-flex justify-content-center align-items-center cubeIcon">
  690.                                                 <i class="fa-solid fa-pen"></i>
  691.                                             </div>
  692.                                         </a>
  693.                                         <a href="{{path('app_deleteContent',{'id':res2.contenuses.0.id})}}" onclick="return confirm('Êtes-vous sûr ?')">
  694.                                             <div class="d-flex justify-content-center align-items-center cubeIcon2">
  695.                                                 <i class="fa-solid fa-trash"></i>
  696.                                             </div>
  697.                                         </a>
  698.                                     </div>
  699.                                 {% endif %}
  700.                             {% endif %}
  701.                         {% endif %}
  704. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->                   
  705. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\    MODAL CONTENUS    ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->
  706. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  709. {% if app.user %}
  710.     {% if res2.contenuses is  empty %}
  711.         <button type="button" style="margin-bottom:5px" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#addContenu{{res2.id}}" >Ajouter un contenu</button>
  712.     {% endif %}
  716. <!-- ///\\\ ///\\\ MODAL CONTENUS ///\\\ ///\\\  --> 
  717.     <div class="modal fade" id="addContenu{{res2.id}}" tabindex="-1" aria-labelledby="addContenu" aria-hidden="true">
  718.         <div class="modal-dialog">
  719.             <div class="modal-content">
  720.                 <div class="modal-body">
  721.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  723.                     <div class="container-modal d-flex flex-column">
  724.                         <h2>Ajouter un contenu</h2>
  725.                         <p>Les «blocs» peuvent contenir chacun un «Contenu» dédiés à du texte, une image, un lien youtube, …</p>
  726.                     </div>
  727.                     
  728.                     <div class="container-contenu d-flex flex-wrap  justify-content-start">
  729.                         <a href="{{path('app_addContent',{'bloc':res2.id,'type':'texte'})}}">
  730.                             <div class="container-picto container-picto-texte">
  731.                                 <div class="simu-grid-picto d-flex justify-content-center align-items-center">
  732.                                     <img src="{{asset('img/cms/cpi-textes.svg')}}" alt="">
  733.                                 </div>
  734.                                 <p class="colonneText text-center">Texte</p>
  735.                             </div>
  736.                         </a>
  738.                         <a href="{{path('app_addContent',{'bloc':res2.id,'type':'image'})}}">
  739.                             <div class="container-picto container-picto-texte">
  740.                                 <div class="simu-grid-picto d-flex justify-content-center align-items-center">
  741.                                     <img src="{{asset('img/cms/cpi-images.svg')}}" alt="">
  742.                                 </div>
  743.                                 <p class="colonneText text-center">Image</p>
  744.                             </div>
  745.                         </a>
  746.                         <a href="{{path('app_addContent',{'bloc':res2.id,'type':'video'})}}">
  747.                             <div class="container-picto container-picto-texte">
  748.                                 <div class="simu-grid-picto d-flex justify-content-center align-items-center">
  749.                                     <img src="{{asset('img/cms/cpi-videos.svg')}}" alt="">
  750.                                 </div>
  751.                                 <p class="colonneText text-center">Vidéo</p>
  752.                             </div>
  753.                         </a>
  754.                        
  756.                        
  757.                       
  758.                        
  759.                         <a href="{{path('app_addContent',{'bloc':res2.id,'type':'temoignage'})}}">
  760.                             <div class="container-picto container-picto-texte">
  761.                                 <div class="simu-grid-picto d-flex justify-content-center align-items-center">
  762.                                     <img src="{{asset('img/cms/cpi-temoignage.svg')}}" alt="">
  763.                                 </div>
  764.                                 <p class="colonneText text-center">Témoignage</p>
  765.                             </div>
  766.                         </a>
  767.                         <a href="{{path('app_addContent',{'bloc':res2.id,'type':'button'})}}">
  768.                             <div class="container-picto container-picto-texte">
  769.                                 <div class="simu-grid-picto d-flex justify-content-center align-items-center">
  770.                                     <img src="{{asset('img/cms/cpi-btn.svg')}}" alt="" style="width:57px">
  771.                                 </div>
  772.                                 <p class="colonneText text-center">Bouton</p>
  773.                             </div>
  774.                         </a> 
  775.                            
  776.                     </div>
  778.                     <div class="modal-submit d-flex justify-content-end align-items-end">
  779.                         <button type="submit" class=" btnAdd btnAdd2">Ajouter</button>
  780.                     </div>
  781.                 </div>
  782.             </div>
  783.         </div> 
  784.     </div>   
  786. <!-- ///\\\ ///\\\ FIN MODAL CONTENUS ///\\\ ///\\\  -->                                                                        
  789. <!-- ///\\\ ///\\\ MODAL CONTENUS 2 ///\\\ ///\\\  -->                             
  790.     <div class="modal fade" id="addContenu{{res2.id}}" tabindex="-1" aria-labelledby="addContenu" aria-hidden="true">
  791.         <div class="modal-dialog">
  792.             <div class="modal-content">
  793.                 <div class="modal-body">
  794.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  796.                     <div class="container-modal d-flex flex-column">
  797.                         <h2>Ajouter un contenu</h2>
  798.                         <p>Les «blocs» sont des éléments de « Section » répartis en colonnes contenant chacun un «Contenu» dédiés à du texte, une image ou un lien youtube.</p>
  799.                     </div>
  800.                     
  801.                     <div class="container-grid-choix d-flex flex-wrap justify-content-around ">
  802.                         <a href="{{path('app_addContent',{'bloc':res2.id,'type':'texte'})}}">
  803.                             <div class="container-choix">
  804.                                 <div class="simu-grid d-flex justify-content-center align-items-center">
  805.                                     <div class="simu-col simu-col-12 d-flex justify-content-center align-items-center">
  806.                                         <p>12</p>
  807.                                     </div>
  808.                                 </div>
  809.                                 <p class="colonneText text-center">Texte</p>
  810.                             </div>
  811.                         </a>
  812.                     <a href="{{path('app_addBloc',{'ligne':res.id,'type':66})}}">
  813.                         <div class="container-choix">
  814.                             <div class="simu-grid d-flex justify-content-around align-items-center">
  815.                                 <div class="simu-col simu-col-6 d-flex justify-content-center align-items-center">
  816.                                     <p>6</p>
  817.                                 </div>
  818.                                 <div class="simu-col simu-col-6 d-flex justify-content-center align-items-center">
  819.                                     <p>6</p>
  820.                                 </div>
  821.                             </div>  
  822.                             <p class="colonneText text-center">3 colonne</p>
  823.                         </div>
  824.                     </a>
  826.                     <a href="{{path('app_addBloc',{'ligne':res.id,'type':444})}}">
  827.                         <div class="container-choix">
  828.                             <div class="simu-grid d-flex justify-content-around align-items-center">
  829.                                 <div class="simu-col simu-col-4 d-flex justify-content-center align-items-center">
  830.                                     <p>4</p>
  831.                                 </div>
  832.                                 <div class="simu-col simu-col-4 d-flex justify-content-center align-items-center">
  833.                                     <p>4</p>
  834.                                 </div>
  835.                                 <div class="simu-col simu-col-4 d-flex justify-content-center align-items-center">
  836.                                     <p>4</p>
  837.                                 </div>
  838.                             </div>
  839.                             <p class="colonneText text-center">2 colonne</p>
  840.                         </div>
  841.                     </a>
  843.                     <a href="{{path('app_addBloc',{'ligne':res.id,'type':84})}}">
  844.                         <div class="container-choix">
  845.                             <div class="simu-grid d-flex justify-content-around align-items-center">
  846.                                 <div class="simu-col simu-col-8 d-flex justify-content-center align-items-center">
  847.                                     <p>8</p>
  848.                                 </div>
  849.                                 <div class="simu-col simu-col-4 d-flex justify-content-center align-items-center">
  850.                                     <p>4</p>
  851.                                 </div>
  852.                             </div>
  853.                             <p class="colonneText text-center">2 colonne</p>
  854.                         </div>
  855.                     </a>
  857.                     <a href="{{path('app_addBloc',{'ligne':res.id,'type':48})}}">
  858.                         <div class="container-choix">
  859.                             <div class="simu-grid d-flex justify-content-around align-items-center">
  860.                                 <div class="simu-col simu-col-4 d-flex justify-content-center align-items-center">
  861.                                     <p>4</p>
  862.                                 </div>
  863.                                 <div class="simu-col simu-col-8 d-flex justify-content-center align-items-center">
  864.                                     <p>8</p>
  865.                                 </div>                    
  866.                             </div>
  867.                             <p class="colonneText text-center">2 colonne</p>
  868.                         </div>
  869.                     </a>
  871.                 </div>
  873.                 <div class="modal-submit d-flex justify-content-end align-items-end">
  874.                     <button type="submit" class=" btnAdd btnAdd2">Ajouter</button>
  875.                 </div>
  876.             </div>
  877.         </div>
  878.     </div> 
  879. </div>
  880. {% endif %}
  883. <!-- ///\\\ ///\\\ FIN MODAL CONTENUS 2 ///\\\ ///\\\  -->  
  885. </div>
  886. {% endfor %}                       
  887. </div>
  891. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->                   
  892. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\    MODAL BLOCK       ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  893. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  894.                       
  895. {% if app.user %}
  896.     <div style="d-flex justify-content-center padding-top:20px">
  897.         <button type="button" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#addBloc{{res.id}}" >Ajouter un bloc</button>
  898.             <div class="modal fade" id="addBloc{{res.id}}" tabindex="-1" aria-labelledby="addBloc" aria-hidden="true">
  899.                 <div class="modal-dialog">
  900.                     <div class="modal-content">
  901.                         <div class="modal-body">
  902.                             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  904.                             <div class="container-modal d-flex flex-column">
  905.                                 <h2>Ajouter un bloc</h2>
  906.                                 <p>Les «blocs» sont des éléments de « Section » répartis en colonnes contenant chacun un «Contenu» dédiés à du texte, une image ou un lien youtube.</p>
  907.                             </div>
  908.                             
  909.                             <div class="container-grid-choix d-flex flex-wrap justify-content-around ">
  911.                                 <a href="{{path('app_addBloc',{'ligne':res.id,'type':12})}}">
  912.                                     <div class="container-choix">
  913.                                         <div class="simu-grid d-flex justify-content-center align-items-center">
  914.                                             <div class="simu-col simu-col-12 d-flex justify-content-center align-items-center">
  915.                                                 <p>12</p>
  916.                                             </div>
  917.                                         </div>
  918.                                         <p class="colonneText text-center">1 colonne</p>
  919.                                     </div>
  920.                                 </a>
  921.                                 <a href="{{path('app_addBloc',{'ligne':res.id,'type':66})}}">
  922.                                     <div class="container-choix">
  923.                                         <div class="simu-grid d-flex justify-content-around align-items-center">
  924.                                             <div class="simu-col simu-col-6 d-flex justify-content-center align-items-center">
  925.                                                 <p>6</p>
  926.                                             </div>
  927.                                             <div class="simu-col simu-col-6 d-flex justify-content-center align-items-center">
  928.                                                 <p>6</p>
  929.                                             </div>
  930.                                         </div>
  931.                                         <p class="colonneText text-center">2 colonnes</p>
  932.                                     </div>
  933.                                 </a>
  934.                                
  935.                                
  937.                                
  938.                               
  939.                             </div>
  940.                             <div class="modal-submit d-flex justify-content-end align-items-end">
  941.                                 <button type="submit" class=" btnAdd btnAdd2">Ajouter</button>
  942.                             </div>
  943.                         </div>
  944.                     </div>
  945.                 </div> 
  946.             </div>
  947. {% endif %}                 
  948.     </div>
  950. </div>
  951. {% endfor %}
  954. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->                   
  955. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\    MODAL SECTION     ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  956. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  961. <!-- ///\\\ ///\\\  UPDATE SECTION ///\\\ ///\\\  -->  
  963. {% if app.user %}
  965.     <div class="d-flex justify-content-center mb-3">
  966.         <a href="{{path('app_updateSectionActu',{'id':section.id,'pages':actu.id})}}" style="color:white; text-decoration:none">
  967.             <div class="d-flex justify-content-center align-items-center cubeIcon" style="width:200px">
  968.                 <i class="fa-solid fa-pen" style="padding-right:10px"></i> Modifier la section
  969.             </div>
  970.         </a>
  972.         <a href="{{path('app_deleteSection',{'id':section.id,'pages':actu.id})}}" onclick="return confirm('Êtes-vous sûr ?')" style="color:white; text-decoration:none">
  973.             <div class="d-flex justify-content-center align-items-center cubeIcon2" style="width:200px">
  974.                 <i class="fa-solid fa-trash" style="padding-right:10px"></i> Supprimer la section
  975.             </div>
  976.         </a>
  977.     </div>
  978. {% endif %}
  981. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->  
  984. <!-- ///\\\ ///\\\  FIN SECTION + FORME BLEU SOUS SECTION DANS LE DOM ///\\\ ///\\\  --> 
  986. </section>
  987. <div class="container">
  988.     <div class="formeBleu">
  989.         <div class="row justify-content-center d-flex">
  990.             {% if section.rond != '' %}
  991.                 <img src="{{asset('uploads/sections/'~section.rond)}}" class="img-fluid d-none d-lg-block">                        
  992.             {% endif %}
  993.         </div>
  994.     </div>
  995. </div>
  996. {% endfor %}
  999. <!-- ///\\\ ///\\\  AJOUT SECTION DANS LE DOM ///\\\ ///\\\  --> 
  1002. {% if app.user %}
  1003.     <div style="{% if sections|length > 0 %}padding-top:20px{% else %}padding-top:20px{% endif %}" align="center">
  1004.         <!-- Button trigger modal -->
  1005.         <hr style="border-top:dashed #000;">
  1006.         <a data-bs-toggle="modal" data-bs-target="#addSection"
  1007.             style="
  1008.                 font-size: 25px;
  1009.                 font-weight: bold;
  1010.                 color: #bfbfbf; cursor:pointer"
  1011.             >
  1012.             + Ajouter une section</a>
  1013.             <hr  style="border-top:dashed #000;">
  1014.     </div>
  1017. <script>
  1018.     function saveColor(value) {
  1019.         $('#couleurSection').val(value);
  1020.     }
  1021. </script>
  1026. <!-- ///\\\ ///\\\  MODAL AJOUT SECTION ///\\\ ///\\\  -->  
  1028. <div class="modal fade" id="addSection" tabindex="-1" aria-labelledby="addSection" aria-hidden="true">
  1029.     <div class="modal-dialog">
  1030.         <div class="modal-content">
  1031.             <div class="modal-body">
  1032.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  1034.                 <div class="container-modal d-flex flex-column">
  1035.                     <h2>Ajouter une section</h2>
  1036.                     <p>Les pages dont composées «Sections» contenant chacune des « Blocs » de « Contenus » répartis en colonnes</p>
  1037.                 </div>
  1038.                 <form action="{{path('app_addSection')}}" method="post" enctype="multipart/form-data">
  1039.                     <input type="hidden" name="actualite" value="{{actu.id}}">
  1040.                    
  1041.                  
  1042.                     <div class="container-contenus-modal">
  1043.                         <h3>Ordre affichage</h3>
  1044.                         <input type="number" name="ordreSection" id="ordreSection" value="{{ordreMax}}">
  1045.                     </div>
  1046.                     <div class="container-contenus-modal">
  1047.                         
  1048.                         <input type="hidden" name="couleurSection" id="couleurSection" value="#fff">
  1049.                         
  1050.                     </div>
  1051.                     <div class="modal-submit d-flex justify-content-center">
  1052.                         <button type="submit" class=" btnAdd">Ajouter</button>
  1053.                     </div>    
  1054.                 </form>
  1055.             </div>
  1056.         </div>
  1057.     </div> 
  1058. </div>
  1060. {% endif %}
  1066. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->                   
  1067. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\    SCRIPT PCONTENT   ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  1068. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  1071. <!-- ///\\\ ///\\\  SCRIPT ACCORDEON ///\\\ ///\\\  -->  
  1073. <script>
  1074.     let accordionHeaders = document.querySelectorAll('.accordion-header');
  1076.     accordionHeaders.forEach(header => {
  1077.         let button = header.querySelector('.texteDeroulant button');
  1079.         button.addEventListener('click', function () {
  1080.             let parentAccordion = header.closest('.accordion');
  1081.             let buttons = parentAccordion.querySelectorAll('.texteDeroulant button');
  1082.             let content = header.nextElementSibling; // The content section to show/hide
  1084.             // Check if the content section is already open
  1085.             if (content.classList.contains('show')) {
  1086.                 // Close the content section
  1087.                 content.classList.remove('show');
  1088.                 content.classList.add('collapse');
  1089.             } else {
  1090.                 // Close all other open sections (if any) and open this content section
  1091.                 buttons.forEach(btn => {
  1092.                     let contentToClose = btn.parentElement.nextElementSibling;
  1093.                     if (contentToClose.classList.contains('show')) {
  1094.                         contentToClose.classList.remove('show');
  1095.                         contentToClose.classList.add('collapse');
  1096.                     }
  1097.                 });
  1099.                 // Open the content section
  1100.                 content.classList.remove('collapse');
  1101.                 content.classList.add('show');
  1102.             }
  1104.             // Toggle the button color
  1105.             if (button.style.color !== 'red') {
  1106.                 buttons.forEach(btn => {
  1107.                     btn.style.color = 'white';
  1108.                 });
  1109.                 button.style.color = 'red';
  1110.             } else {
  1111.                 button.style.color = 'white';
  1112.             }
  1113.         });
  1114.     });
  1116.     let buttonsForIcon = document.querySelectorAll('.texteDeroulant button');
  1117.     let icons = document.querySelectorAll('.jsIcon');
  1118.     let previousIcon = null;
  1120.     buttonsForIcon.forEach((button, index) => {
  1121.         let icon = icons[index];
  1123.         button.addEventListener('click', function () {
  1124.             if (previousIcon !== null && previousIcon !== icon) {
  1125.                 // Restore the previous icon to fa-plus-circle
  1126.                 previousIcon.classList.remove('fa-minus-circle');
  1127.                 previousIcon.classList.add('fa-plus-circle');
  1128.             }
  1130.             if (icon.classList.contains('fa-plus-circle')) {
  1131.                 icon.classList.remove('fa-plus-circle');
  1132.                 icon.classList.add('fa-minus-circle');
  1133.             } else {
  1134.                 icon.classList.remove('fa-minus-circle');
  1135.                 icon.classList.add('fa-plus-circle');
  1136.             }
  1138.             previousIcon = icon;
  1139.         });
  1140.     });
  1141. </script>
  1143. </section>
  1144. </main>
  1146.          
  1148.          
  1149.         
  1150.          
  1151.            <script type="text/javascript">
  1152.             $(document).ready(function(){
  1153.                 $('.slider-demo-valeur').slick({
  1154.                     arrows: true,
  1155.                     infinite:true,
  1156.                     prevArrow: '<button type="button" data-role="none" class="slick-prev">Previous</button>',
  1157.                     nextArrow: '<button type="button" data-role="none" class="slick-next">Next</button>',
  1158.                     slidesToShow:4,
  1159.                     slidesToScroll:4,
  1160.                     responsive:[{
  1161.                         breakpoint:1400,
  1162.                         settings:{
  1163.                             slidesToShow:3,  
  1164.                             slidesToScroll:3,            
  1165.                         }
  1166.                     },{
  1167.                         breakpoint:1200,
  1168.                         settings:{
  1169.                             slidesToShow:2,
  1170.                             slidesToScroll:2, 
  1171.                         }
  1172.                     },
  1173.                     {
  1174.                         breakpoint:769,
  1175.                         settings:{
  1176.                             slidesToShow:1,
  1177.                             slidesToScroll:1, 
  1178.                         }
  1179.                     }],
  1180.                 });
  1181.             });
  1182.         </script>
  1184.         <script>
  1185.             function changeLanguage(selectedButton, modalId) {
  1186.                 let modal = document.getElementById(modalId);
  1187.                 let buttons = modal.querySelectorAll(".button-langue");
  1188.                 let inputField = modal.querySelector(".sectionTitle");
  1189.                 
  1190.                 buttons.forEach((button) => {
  1191.                     if (button === selectedButton) {
  1192.                         button.classList.add("button-langue-active");
  1193.                         button.classList.remove("button-langue-noactive");
  1194.         
  1195.                         // Set the input field value based on the active language
  1196.                         switch (button.textContent) {
  1197.                             case "FR":
  1198.                                 inputField.value = "Titre de la section FR";
  1199.                                 break;
  1200.                             case "EN":
  1201.                                 inputField.value = "Section Title EN";
  1202.                                 break;
  1203.                             case "DE":
  1204.                                 inputField.value = "Abschnittstitel DE";
  1205.                                 break;
  1206.                             // Add cases for other languages if needed
  1207.                             default:
  1208.                                 inputField.value = "";
  1209.                         }
  1210.                     } else {
  1211.                         button.classList.remove("button-langue-active");
  1212.                         button.classList.add("button-langue-noactive");
  1213.                     }
  1214.                 });
  1215.             }
  1216.         
  1217.             function changeColor(selectedColorButton, modalId) {
  1218.                 let modal = document.getElementById(modalId);
  1219.                 const colorButtons = modal.querySelectorAll(".button-couleur");
  1220.                 colorButtons.forEach((colorButton) => {
  1221.                     if (colorButton === selectedColorButton) {
  1222.                         colorButton.classList.add("button-color-active");
  1223.                         colorButton.classList.remove("button-color-noactive");
  1224.                     } else {
  1225.                         colorButton.classList.remove("button-color-active");
  1226.                         colorButton.classList.add("button-color-noactive");
  1227.                     }
  1228.                 });
  1229.             }
  1230.         
  1231.             function clearDefaultText(inputField) {
  1232.                 // Clear the default value if it matches the default text
  1233.                 if (inputField.value === inputField.defaultValue) {
  1234.                     inputField.value = '';
  1235.                 }
  1236.             }
  1237.         
  1238.             function restoreDefaultText(inputField) {
  1239.                 // Restore the default value if the input is empty
  1240.                 if (inputField.value === '') {
  1241.                     inputField.value = inputField.defaultValue;
  1242.                 }
  1243.             }
  1244. </script>
  1245.         
  1247.   
  1248.        
  1250. <!-- ///\\\ ///\\\  IMPORT ///\\\ ///\\\  -->  
  1252. <script src="https://code.jquery.com/jquery-3.7.0.js" integrity="sha256-JlqSTELeR4TLqP0OG9dxM7yDPqX1ox/HfgiSLBj8+kM=" crossorigin="anonymous"></script>
  1253. <script src="{{asset('js/jquery-latest.min.js')}}"></script>
  1254. <script src="{{asset('slick/slick.js')}}"></script>
  1255. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
  1259. <script type="text/javascript">
  1260.     $(document).ready(function() {
  1261.         $('.slider-demo-galerie').slick({
  1262.             arrows: true,
  1263.             infinite:true,
  1264.             autoplay: true, // Ajout de l'option autoplay
  1265.             autoplaySpeed: 4000, // Durée de chaque diapositive en millisecondes
  1266.             slidesToShow:4,
  1267.             slidesToScroll:4,
  1268.             prevArrow: '<button type="button" data-role="none" class="slick-prev">Previous</button>',
  1269.             nextArrow: '<button type="button" data-role="none" class="slick-next">Next</button>',
  1270.             responsive:[{
  1271.                 breakpoint:1400,
  1272.                 settings: {
  1273.                     slidesToShow:3,  
  1274.                     slidesToScroll:3,            
  1275.                 }
  1276.                 },{
  1277.                     
  1278.                 breakpoint:1200,
  1279.                 settings:{
  1280.                     slidesToShow:2,
  1281.                     slidesToScroll:2, 
  1282.                 }
  1283.                 },
  1284.                 {
  1285.                 breakpoint:769,
  1286.                 settings:{
  1287.                     slidesToShow:1,
  1288.                     slidesToScroll:1, 
  1289.                 }
  1290.             }],
  1291.         });
  1292.        
  1294.         $('.slider-demo-actu').slick({
  1295.             arrows: true,
  1296.             infinite: true,
  1297.             prevArrow: '<button type="button" data-role="none" class="slick-prev">Previous</button>',
  1298.             nextArrow: '<button type="button" data-role="none" class="slick-next">Next</button>',
  1299.             slidesToShow: 4,
  1300.             slidesToScroll: 4,
  1301.                 responsive:[{
  1302.                     breakpoint:1400,
  1303.                     settings:{
  1304.                         slidesToShow:3,  
  1305.                         slidesToScroll:3,            
  1306.                     }
  1307.                 },{
  1308.                     breakpoint:1200,
  1309.                     settings:{
  1310.                         slidesToShow:2,
  1311.                         slidesToScroll:2, 
  1312.                     }
  1313.                 },
  1314.                 {
  1315.                     breakpoint:769,
  1316.                     settings:{
  1317.                         slidesToShow:1,
  1318.                         slidesToScroll:1, 
  1319.                     }
  1320.                 }],
  1321.             });
  1322.         });
  1323.     </script>
  1329.                                     <!-- FIN CMS -->
  1331.                                            
  1333.                                     </div>
  1335.  <section class="nextandprevsection-responsive">
  1336.                                         <div class="container" style="margin-bottom:40px">
  1337.                                             <div class="row">
  1338.                                             <div class="col-xl-1"></div>
  1339.                                                 <div class="col-xl-10 col-12">
  1340.                                                 
  1341.                                                     <div class="col-12 container-next-prev d-flex justify-content-between">
  1342.                                                         <div class="col-6">
  1343.                                                         
  1344.                                                             {% if previousActu %}
  1345.                                                             {% if app.request.locale == 'fr' %}
  1346.                                                                 {% set titreNew = previousActu.titreFr|replace({' ':'_'}) %}
  1347.                                                             {% else %}
  1348.                                                                 {% set titreNew = previousActu.titreEn|replace({' ':'_'}) %}
  1349.                                                             {% endif %}
  1350.                                                             <a class="d-flex" href="{{ path('actualitesD', { 'id': previousActu.id, 'titre':titreNew,'locale':app.request.locale }) }}">
  1351.                                                                 <img class="img1" src="{{asset('uploads/actualites/'~previousActu.image)}}" alt="">
  1352.                                                                 <div class="d-flex flex-column text-next-prev text-prev">
  1353.                                                                     <p>{% if app.request.locale == 'fr' %}ARTICLE PRÉCÉDENT{% else %}PREVIOUS ARTICLE{% endif %}</p>
  1354.                                                                     <p>{% if app.request.locale == 'fr' %}{{ previousActu.titreFr }}{% else %}{{ previousActu.titreEn }}{% endif %}</p>
  1355.                                                                 </div>
  1356.                                                             </a>
  1357.                                                             {% endif %}
  1358.                                                         </div>
  1359.                                                         <div class="col-6">
  1360.                                                         
  1361.                                                             {% if nextActu %}
  1362.                                                             {% if app.request.locale == 'fr' %}
  1363.                                                                 {% set titreNew = nextActu.titreFr|replace({' ':'_'}) %}
  1364.                                                             {% else %}
  1365.                                                                 {% set titreNew = nextActu.titreEn|replace({' ':'_'}) %}
  1366.                                                             {% endif %}
  1367.                                                             <a class="d-flex flex-row-reverse" href="{{ path('actualitesD', { 'id': nextActu.id, 'titre':titreNew,'locale':app.request.locale }) }}">
  1368.                                                                 <img class="img2" src="{{asset('uploads/actualites/'~nextActu.image)}}" alt="">
  1369.                                                                 <div class="d-flex flex-column text-next-prev text-next text-end">
  1370.                                                                     <p>{% if app.request.locale == 'fr' %}ARTICLE SUIVANT{% else %}NEXT ARTICLE{% endif %}</p>
  1371.                                                                     <p>{% if app.request.locale == 'fr' %}{{ nextActu.titreFr }}{% else %}{{ nextActu.titreEn }}{% endif %}</p>
  1372.                                                                 </div>
  1373.                                                                 
  1374.                                                             </a>
  1375.                                                             {% endif %}
  1376.                                                         </div>
  1377.                                                     </div>
  1378.                                                 </div>
  1379.                                             </div>
  1380.                                             <div class="col-xl-1"></div>
  1381.                                         </div>
  1382.                                     </section>
  1389.                                     <div class="row">
  1390.                                            
  1392.                                         <div class="row d-flex justify-content-between mb-5" >
  1393.                                             <div class="pages" style="display:none">
  1394.                                                 <div class="col-6">
  1395.                                                     <a href="#">
  1396.                                                         <div class="page gauche">
  1397.                                                             <img class="img-fluid" src="img/categorie_news/preced.png" alt="">
  1398.                                                             <div class="texte">
  1399.                                                                 <div class="texte-1">
  1400.                                                                     <p>{% if app.request.locale == 'fr' %}ARTICLE PRÉCÉDENT{% else %}PREVIOUS ARTICLE{% endif %}</p>
  1401.                                                                 </div>
  1402.                                                                 <div class="texte-2">
  1403.                                                                     <p>Lorem ipsum dolor sit amet consectetur.</p>
  1404.                                                                 </div>
  1405.                                                             </div>
  1406.                                                         </div>
  1407.                                                     </a>
  1408.                                                     
  1409.                                                 </div>
  1410.                                                 <div class="col-6">
  1411.                                                     <a href="#">
  1412.                                                         <div class="page droite">
  1413.                                                             <div class="texte">
  1414.                                                                 <div class="texte-1">
  1415.                                                                     <p>{% if app.request.locale == 'fr' %}ARTICLE SUIVANT{% else %}NEXT ARTICLE{% endif %}</p>
  1416.                                                                 </div>
  1417.                                                                 <div class="texte-2">
  1418.                                                                     <p>Lorem ipsum dolor sit amet consectetur.</p>
  1419.                                                                 </div>
  1420.                                                             </div>
  1421.                                                             <img class="img-fluid" src="img/categorie_news/suivant.png" alt="">
  1422.                                                         </div>
  1423.                                                     </a>
  1424.                                                 </div>
  1425.                                             </div>
  1426.                                         </div>
  1427.                                     </div>
  1428.                                 </div>
  1429.                                 <div class="col-lg-3"  style="">
  1430.                                     <div class="lesPlusLus" style="margin:0">
  1431.                                         <div class="titre_traitBleu">
  1432.                                             <div class="titre" style="margin-top: 15px;">
  1433.                                                 <p>{% if app.request.locale == 'fr' %}LES PLUS LUS{% else %}MOST READ{% endif %}</p>
  1434.                                             </div>
  1435.                                             <div class="trait-bleu">
  1436.                                                 <img class="img-fluid" src="/img/recrutement/Ligne 80.svg" alt="">
  1437.                                             </div>
  1438.                                         </div>
  1439.                                         
  1440.                                                 
  1441.                                             
  1442.                                         
  1443. {% set i =0 %}
  1444. {% for res in vues %}
  1445. {% set i= i+1 %}
  1446. {% set titreNew = res.titreFr|replace({' ':'_'}) %}
  1447.                                          <a href="{{path('actualitesD',{'id':res.id, 'titre':titreNew,'locale':app.request.locale})}}">
  1448.                                             <div class="carte">
  1449.                                                 <div class="classement">
  1450.                                                     {{i}}
  1451.                                                 </div>
  1452.                                                 <div class="titre">
  1453.                                                     <p>{% if app.request.locale == 'fr' %}{{res.titreFr|slice(0, 75)}} ...{% else %}{{res.titreEn|slice(0, 40)}} ...{% endif %}</p>
  1454.                                                 </div>
  1455.                                             </div>
  1456.                                         </a>
  1457.                                         <hr>
  1458.                                         {% endfor %}
  1459.                                         
  1460.                                         
  1461.                                             
  1462.                                             
  1463.                                        
  1464.                                     </div>
  1465.                                     
  1466.                                 </div>
  1467.                             </div>
  1468.                         </div>
  1469.                     </div>
  1470.                 </div>
  1471.             </div>
  1472.         </main>
  1475.          
  1476.          
  1477.          
  1492.            <section class="nextandprevsection">
  1493.         <div class="container" style="margin-bottom:40px">
  1494.             <div class="row">
  1495.             <div class="col-xl-1"></div>
  1496.                 <div class="col-xl-10 col-12">
  1497.                   
  1498.                     <div class="col-12 container-next-prev d-flex justify-content-between">
  1499.                         <div class="col-6">
  1500.                            
  1501.                             {% if previousActu %}
  1502.                             {% if app.request.locale == 'fr' %}
  1503.                                 {% set titreNew = previousActu.titreFr|replace({' ':'_'}) %}
  1504.                             {% else %}
  1505.                                 {% set titreNew = previousActu.titreEn|replace({' ':'_'}) %}
  1506.                             {% endif %}
  1507.                              
  1508.                             <a class="d-flex" href="{{ path('actualitesD', { 'id': previousActu.id, 'titre':titreNew,'locale':app.request.locale }) }}">
  1509.                                 <img class="img1" src="{{asset('uploads/actualites/'~previousActu.image)}}" alt="">
  1510.                                 <div class="d-flex flex-column text-next-prev text-prev">
  1511.                                     <p>{% if app.request.locale == 'fr' %}ARTICLE PRÉCÉDENT{% else %}PREVIOUS ARTICLE{% endif %}</p>
  1512.                                     <p>{% if app.request.locale == 'fr' %}{{ previousActu.titreFr }}{% else %}{{ previousActu.titreEn }}{% endif %}</p>
  1513.                                 </div>
  1514.                             </a>
  1515.                             {% endif %}
  1516.                         </div>
  1517.                         <div class="col-6">
  1518.                            
  1519.                             {% if nextActu %}
  1520.                             {% if app.request.locale == 'fr' %}
  1521.                                 {% set titreNew = nextActu.titreFr|replace({' ':'_'}) %}
  1522.                             {% else %}
  1523.                                 {% set titreNew = nextActu.titreEn|replace({' ':'_'}) %}
  1524.                             {% endif %}
  1525.                             <a class="d-flex flex-row-reverse" href="{{ path('actualitesD', { 'id': nextActu.id, 'titre':titreNew,'locale':app.request.locale }) }}">
  1526.                                 <img class="img2" src="{{asset('uploads/actualites/'~nextActu.image)}}" alt="">
  1527.                                 <div class="d-flex flex-column text-next-prev text-next text-end">
  1528.                                     <p>{% if app.request.locale == 'fr' %}ARTICLE SUIVANT{% else %}NEXT ARTICLE{% endif %}</p>
  1529.                                     <p>{% if app.request.locale == 'fr' %}{{ nextActu.titreFr }}T{% else %}{{ nextActu.titreEn }}{% endif %}</p>
  1530.                                 </div>
  1531.                                 
  1532.                             </a>
  1533.                             {% endif %}
  1534.                         </div>
  1535.                     </div>
  1536.                 </div>
  1537.             </div>
  1538.              <div class="col-xl-1"></div>
  1539.         </div>
  1540.     </section>
  1541.  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
  1543. {% endblock %}