var/cache/dev/twig/bc/bc62e98bc1e48365b5be4032af48b588.php line 50

  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* @Flexy/FrontBundle/Themes/CoWorking/templates/pages/actualites.html.twig */
  16. class __TwigTemplate_113ccfcbbf66fdc2ff715f54ec4acc46 extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'stylesheets' => [$this, 'block_stylesheets'],
  29.             'body' => [$this, 'block_body'],
  30.             'javascripts' => [$this, 'block_javascripts'],
  31.         ];
  32.     }
  34.     protected function doGetParent(array $context)
  35.     {
  36.         // line 1
  37.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/actualites.html.twig"));
  46.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/actualites.html.twig"));
  49.         $this->parent = $this->loadTemplate("@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/actualites.html.twig", 1);
  50.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  51.         
  52.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  54.         
  55.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  57.     }
  59.     // line 2
  60.     public function block_stylesheets($context, array $blocks = [])
  61.     {
  62.         $macros = $this->macros;
  63.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  64.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  66.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  67.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  69.         // line 3
  70.         echo "
  71. ";
  72.         // line 4
  73.         $this->displayParentBlock("stylesheets", $context, $blocks);
  74.         echo "
  75.      
  76.    
  77. <style>
  78.  .pagination {
  79.     display: flex;
  80.     justify-content: center;
  81.     margin-top: 20px;
  82. }
  84. .pagination li {
  85.     margin: 0 5px;
  86.     list-style: none;
  87. }
  89. .pagination li a {
  90.     text-decoration: none;
  91.     padding: 8px 12px;
  92.     border: 1px solid #FFCB00; /* Ajout de la couleur principale */
  93.     border-radius: 5px;
  94.     color: #FFCB00; /* Texte en couleur principale */
  95.     font-weight: 600;
  96.     transition: background-color 0.3s, color 0.3s;
  97. }
  99. .pagination li a:hover {
  100.     background-color: #FFCB00; /* Couleur au survol */
  101.     color: white; /* Texte en blanc au survol */
  102. }
  104. .pagination li.active a {
  105.     background-color: #FFCB00; /* Couleur principale pour l'élément actif */
  106.     color: white; /* Texte en blanc */
  107.     border: none; /* Supprimer la bordure */
  108. }
  110. .pagination li.disabled {
  111.     display: none; /* Cacher les boutons désactivés */
  112. }
  115.     
  116.     .img-article {
  117.     width: 100%; /* La largeur de l'image s'ajuste à la colonne */
  118.     height: 260px; /* Hauteur fixe pour uniformiser toutes les images */
  119.     object-fit: cover; /* Coupe les parties excédentaires pour conserver le rapport d'aspect */
  120.     border-radius: 5px; /* Optionnel : coins arrondis */
  121. }
  122.     
  123.     #hideHeaderInPageHome{
  124.         display:none !important;
  125.     }
  126.     
  127.     .title-article{
  128.         color: #292825;
  129.         font-size: 21px;
  130.         line-height: 35px;
  131.         font-weight: 800;
  132. }
  133. .lire-suite{
  134.    
  135.     /*padding: 10px;*/
  136.     font-weight:600;
  137.     font-size:13px;
  138.     border-radius: 4px;
  139. } 
  140. .img-article{
  141.     width:95%;
  142. }
  144. .shadow-custom:hover{
  145.      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  146. }
  148.  
  150. .shadow-custom{
  151.     box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  152. }
  154.   .custom-hr {
  155.      width: 10%;
  156.     border: 3px solid #555;
  157.     margin: 4px;
  158. }
  160. .custom-hr-1{
  161.      width: 3%;
  162.     border: 3px solid #555;
  163.     margin: 4px;
  164. }
  165.   .carousel-image {
  166.     width: 100%; /* Adapte la largeur à celle du conteneur */
  167.     height: 400px; /* Hauteur fixe pour un rendu uniforme */
  168.     object-fit: cover; /* Coupe et zoome l'image pour remplir le conteneur */
  169.     
  170. }
  171. </style>
  173.   
  174. ";
  175.         
  176.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  178.         
  179.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  181.     }
  183.     // line 105
  184.     public function block_body($context, array $blocks = [])
  185.     {
  186.         $macros = $this->macros;
  187.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  188.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  190.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  191.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  193.         // line 106
  194.         echo " 
  198. <!--Carousel-->
  199. <div id=\"carouselExampleInterval\" class=\"carousel slide\" data-bs-ride=\"carousel\">
  200.   <div class=\"carousel-inner\">
  201.    <div id=\"carouselExampleInterval\" class=\"carousel slide\" data-bs-ride=\"carousel\">
  202.   <div class=\"carousel-inner\">
  203.     ";
  204.         // line 115
  205.         $context['_parent'] = $context;
  206.         $context['_seq'] = twig_ensure_traversable((isset($context["newshome"]) || array_key_exists("newshome", $context) ? $context["newshome"] : (function () { throw new RuntimeError('Variable "newshome" does not exist.', 115, $this->source); })()));
  207.         $context['loop'] = [
  208.           'parent' => $context['_parent'],
  209.           'index0' => 0,
  210.           'index'  => 1,
  211.           'first'  => true,
  212.         ];
  213.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  214.             $length = count($context['_seq']);
  215.             $context['loop']['revindex0'] = $length - 1;
  216.             $context['loop']['revindex'] = $length;
  217.             $context['loop']['length'] = $length;
  218.             $context['loop']['last'] = 1 === $length;
  219.         }
  220.         foreach ($context['_seq'] as $context["_key"] => $context["news"]) {
  221.             // line 116
  222.             echo "    <div class=\"carousel-item ";
  223.             if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 116)) {
  224.                 echo "active";
  225.             }
  226.             echo "\" data-bs-interval=\"6000\">
  227.       <img src=\"/uploads/coworking/";
  228.             // line 117
  229.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["news"], "image", [], "any", false, false, false, 117), "html", null, true);
  230.             echo "\" class=\"d-block w-100 carousel-image\" alt=\"...\">
  231.     </div>
  232.     ";
  233.             ++$context['loop']['index0'];
  234.             ++$context['loop']['index'];
  235.             $context['loop']['first'] = false;
  236.             if (isset($context['loop']['length'])) {
  237.                 --$context['loop']['revindex0'];
  238.                 --$context['loop']['revindex'];
  239.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  240.             }
  241.         }
  242.         $_parent = $context['_parent'];
  243.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['news'], $context['_parent'], $context['loop']);
  244.         $context = array_intersect_key($context, $_parent) + $_parent;
  245.         // line 120
  246.         echo "  </div>
  247. </div>
  249.   <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#carouselExampleInterval\" data-bs-slide=\"prev\">
  250.     <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>
  251.     <span class=\"visually-hidden\">Previous</span>
  252.   </button>
  253.   <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#carouselExampleInterval\" data-bs-slide=\"next\">
  254.     <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>
  255.     <span class=\"visually-hidden\">Next</span>
  256.   </button>
  257. </div>
  258. <div class=\"container\" style=\"max-width: 1230px;\">
  260.  
  264.     <div class=\"row\">
  265.         <div class=\"col-lg-12\">
  266.             
  267.             <h1 style=\"font-size: 34px; color: black;\" class=\"title-actualites mt-5 mb-2\">Actualités</h1>
  268.              <hr class=\"custom-hr-1\">
  269.             
  270.             <div class=\"row\">
  271.                 <!-- Articles -->
  272.                 
  273.                 <div class=\"col-lg-9\">
  274.                 
  275.          <div id=\"result-container\">
  276.     ";
  277.         // line 150
  278.         $this->loadTemplate("@Flexy/FrontBundle/Themes/CoWorking/templates/pages/_sorted_results.html.twig", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/actualites.html.twig", 150)->display(twig_array_merge($context, ["news" => (isset($context["newshome"]) || array_key_exists("newshome", $context) ? $context["newshome"] : (function () { throw new RuntimeError('Variable "newshome" does not exist.', 150, $this->source); })())]));
  279.         // line 151
  280.         echo "</div>
  281.                    ";
  282.         // line 173
  283.         echo "                </div>
  284.                 <!-- Sidebar -->
  285.                 <div class=\"col-lg-3\">
  286.                 
  287.              <select id=\"sortSelect\" class=\"form-select\" aria-label=\"Default select example\">
  288.                         <option selected value=\"1\">Les plus récentes</option>
  289.                         <option value=\"2\">Les plus anciens</option>
  290.                 </select>
  291.                 <br>
  293.                     <!-- Remplacez 'ffff' par du contenu réel -->
  294.                     <h5 class=\"\">Actualités récentes</h5>
  295.                     <hr class=\"custom-hr\">
  296.                     
  297.                          ";
  298.         // line 187
  299.         $context['_parent'] = $context;
  300.         $context['_seq'] = twig_ensure_traversable((isset($context["newshome"]) || array_key_exists("newshome", $context) ? $context["newshome"] : (function () { throw new RuntimeError('Variable "newshome" does not exist.', 187, $this->source); })()));
  301.         $context['loop'] = [
  302.           'parent' => $context['_parent'],
  303.           'index0' => 0,
  304.           'index'  => 1,
  305.           'first'  => true,
  306.         ];
  307.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  308.             $length = count($context['_seq']);
  309.             $context['loop']['revindex0'] = $length - 1;
  310.             $context['loop']['revindex'] = $length;
  311.             $context['loop']['length'] = $length;
  312.             $context['loop']['last'] = 1 === $length;
  313.         }
  314.         foreach ($context['_seq'] as $context["_key"] => $context["news"]) {
  315.             // line 188
  316.             echo "                    ";
  317.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 188) <= 8)) {
  318.                 // line 189
  319.                 echo "                       <p class=\"mt-3\" style=\"font-size: 14px;\">";
  320.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["news"], "Title", [], "any", false, false, false, 189), "html", null, true);
  321.                 echo "</p>
  322.                        ";
  323.             }
  324.             // line 191
  325.             echo "                     ";
  326.             ++$context['loop']['index0'];
  327.             ++$context['loop']['index'];
  328.             $context['loop']['first'] = false;
  329.             if (isset($context['loop']['length'])) {
  330.                 --$context['loop']['revindex0'];
  331.                 --$context['loop']['revindex'];
  332.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  333.             }
  334.         }
  335.         $_parent = $context['_parent'];
  336.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['news'], $context['_parent'], $context['loop']);
  337.         $context = array_intersect_key($context, $_parent) + $_parent;
  338.         // line 192
  339.         echo "                </div>
  340.             </div>
  341.         </div>
  342.       ";
  343.         // line 195
  344.         if ( !(null === (isset($context["newshome"]) || array_key_exists("newshome", $context) ? $context["newshome"] : (function () { throw new RuntimeError('Variable "newshome" does not exist.', 195, $this->source); })()))) {
  345.             // line 196
  346.             echo "        <div class=\"pagination\">
  347.     ";
  348.             // line 197
  349.             echo $this->extensions['Knp\Bundle\PaginatorBundle\Twig\Extension\PaginationExtension']->render($this->env, (isset($context["newshome"]) || array_key_exists("newshome", $context) ? $context["newshome"] : (function () { throw new RuntimeError('Variable "newshome" does not exist.', 197, $this->source); })()));
  350.             echo "
  351. </div>
  352.     ";
  353.         }
  354.         // line 200
  355.         echo " 
  356.     </div>
  357.     
  358. </div>
  362.  
  363. \t
  364. ";
  365.         
  366.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  368.         
  369.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  371.     }
  373.     // line 211
  374.     public function block_javascripts($context, array $blocks = [])
  375.     {
  376.         $macros = $this->macros;
  377.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  378.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  380.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  381.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  383.         // line 212
  384.         echo "
  385. ";
  386.         // line 213
  387.         $this->displayParentBlock("javascripts", $context, $blocks);
  388.         echo "
  389.  
  390.  
  391. <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe\" crossorigin=\"anonymous\"></script>
  395. <script>
  396. \$(document).ready(function () {
  397.     // Fonction pour charger les actualités triées
  398.     function loadSortedNews(sortOrder, page = 1) {
  399.         console.log(\"Tri sélectionné :\", sortOrder, \"Page :\", page);
  401.         \$.ajax({
  402.             url: '";
  403.         // line 227
  404.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_sort_data");
  405.         echo "',
  406.             type: 'GET',
  407.             data: { sortOrder: sortOrder, page: page },
  408.             beforeSend: function () {
  409.                 \$('#result-container').html('<div class=\"text-center\"><i class=\"fa fa-spinner fa-spin fa-3x\"></i>  Chargement en cours ....</div>');
  410.     
  411.             },
  412.             success: function (response) {
  413.                 \$('#result-container').html(response);
  415.                 // Gérer les liens de pagination après le tri
  416.                 \$('#result-container').on('click', '.pagination a', function (e) {
  417.                     e.preventDefault();
  418.                     let pageUrl = \$(this).attr('href');
  419.                     let pageNumber = pageUrl.split('page=')[1];
  420.                     loadSortedNews(sortOrder, pageNumber);
  421.                 });
  422.             },
  423.             error: function () {
  424.                 alert('Une erreur est survenue lors du tri.');
  425.             }
  426.         });
  427.     }
  429.     // Événement de changement sur le select
  430.     \$('#sortSelect').on('change', function () {
  431.         let selectedValue = \$(this).val();
  432.         loadSortedNews(selectedValue);
  433.     });
  435.     // Capture les clics de pagination dès le chargement initial
  436.     \$('#result-container').on('click', '.pagination a', function (e) {
  437.         e.preventDefault();
  438.         let selectedValue = \$('#sortSelect').val();
  439.         let pageUrl = \$(this).attr('href');
  440.         let pageNumber = pageUrl.split('page=')[1];
  441.         loadSortedNews(selectedValue, pageNumber);
  442.     });
  443. });
  446.  
  447. </script>
  448. ";
  449.         
  450.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  452.         
  453.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  455.     }
  457.     public function getTemplateName()
  458.     {
  459.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/actualites.html.twig";
  460.     }
  462.     public function isTraitable()
  463.     {
  464.         return false;
  465.     }
  467.     public function getDebugInfo()
  468.     {
  469.         return array (  404 => 227,  387 => 213,  384 => 212,  374 => 211,  355 => 200,  349 => 197,  346 => 196,  344 => 195,  339 => 192,  325 => 191,  319 => 189,  316 => 188,  299 => 187,  283 => 173,  280 => 151,  278 => 150,  246 => 120,  229 => 117,  222 => 116,  205 => 115,  194 => 106,  184 => 105,  73 => 4,  70 => 3,  60 => 2,  37 => 1,);
  470.     }
  472.     public function getSourceContext()
  473.     {
  474.         return new Source("{% extends '@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig' %}
  475. {% block stylesheets %}
  477. {{ parent() }}
  478.      
  479.    
  480. <style>
  481.  .pagination {
  482.     display: flex;
  483.     justify-content: center;
  484.     margin-top: 20px;
  485. }
  487. .pagination li {
  488.     margin: 0 5px;
  489.     list-style: none;
  490. }
  492. .pagination li a {
  493.     text-decoration: none;
  494.     padding: 8px 12px;
  495.     border: 1px solid #FFCB00; /* Ajout de la couleur principale */
  496.     border-radius: 5px;
  497.     color: #FFCB00; /* Texte en couleur principale */
  498.     font-weight: 600;
  499.     transition: background-color 0.3s, color 0.3s;
  500. }
  502. .pagination li a:hover {
  503.     background-color: #FFCB00; /* Couleur au survol */
  504.     color: white; /* Texte en blanc au survol */
  505. }
  507. .pagination li.active a {
  508.     background-color: #FFCB00; /* Couleur principale pour l'élément actif */
  509.     color: white; /* Texte en blanc */
  510.     border: none; /* Supprimer la bordure */
  511. }
  513. .pagination li.disabled {
  514.     display: none; /* Cacher les boutons désactivés */
  515. }
  518.     
  519.     .img-article {
  520.     width: 100%; /* La largeur de l'image s'ajuste à la colonne */
  521.     height: 260px; /* Hauteur fixe pour uniformiser toutes les images */
  522.     object-fit: cover; /* Coupe les parties excédentaires pour conserver le rapport d'aspect */
  523.     border-radius: 5px; /* Optionnel : coins arrondis */
  524. }
  525.     
  526.     #hideHeaderInPageHome{
  527.         display:none !important;
  528.     }
  529.     
  530.     .title-article{
  531.         color: #292825;
  532.         font-size: 21px;
  533.         line-height: 35px;
  534.         font-weight: 800;
  535. }
  536. .lire-suite{
  537.    
  538.     /*padding: 10px;*/
  539.     font-weight:600;
  540.     font-size:13px;
  541.     border-radius: 4px;
  542. } 
  543. .img-article{
  544.     width:95%;
  545. }
  547. .shadow-custom:hover{
  548.      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  549. }
  551.  
  553. .shadow-custom{
  554.     box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  555. }
  557.   .custom-hr {
  558.      width: 10%;
  559.     border: 3px solid #555;
  560.     margin: 4px;
  561. }
  563. .custom-hr-1{
  564.      width: 3%;
  565.     border: 3px solid #555;
  566.     margin: 4px;
  567. }
  568.   .carousel-image {
  569.     width: 100%; /* Adapte la largeur à celle du conteneur */
  570.     height: 400px; /* Hauteur fixe pour un rendu uniforme */
  571.     object-fit: cover; /* Coupe et zoome l'image pour remplir le conteneur */
  572.     
  573. }
  574. </style>
  576.   
  577. {% endblock  %}
  578. {% block body %}
  579.  
  583. <!--Carousel-->
  584. <div id=\"carouselExampleInterval\" class=\"carousel slide\" data-bs-ride=\"carousel\">
  585.   <div class=\"carousel-inner\">
  586.    <div id=\"carouselExampleInterval\" class=\"carousel slide\" data-bs-ride=\"carousel\">
  587.   <div class=\"carousel-inner\">
  588.     {% for news in newshome %}
  589.     <div class=\"carousel-item {% if loop.first %}active{% endif %}\" data-bs-interval=\"6000\">
  590.       <img src=\"/uploads/coworking/{{ news.image }}\" class=\"d-block w-100 carousel-image\" alt=\"...\">
  591.     </div>
  592.     {% endfor %}
  593.   </div>
  594. </div>
  596.   <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#carouselExampleInterval\" data-bs-slide=\"prev\">
  597.     <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>
  598.     <span class=\"visually-hidden\">Previous</span>
  599.   </button>
  600.   <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#carouselExampleInterval\" data-bs-slide=\"next\">
  601.     <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>
  602.     <span class=\"visually-hidden\">Next</span>
  603.   </button>
  604. </div>
  605. <div class=\"container\" style=\"max-width: 1230px;\">
  607.  
  611.     <div class=\"row\">
  612.         <div class=\"col-lg-12\">
  613.             
  614.             <h1 style=\"font-size: 34px; color: black;\" class=\"title-actualites mt-5 mb-2\">Actualités</h1>
  615.              <hr class=\"custom-hr-1\">
  616.             
  617.             <div class=\"row\">
  618.                 <!-- Articles -->
  619.                 
  620.                 <div class=\"col-lg-9\">
  621.                 
  622.          <div id=\"result-container\">
  623.     {% include '@Flexy/FrontBundle/Themes/CoWorking/templates/pages/_sorted_results.html.twig' with { 'news': newshome } %}
  624. </div>
  625.                    {# {% for news in newshome %}
  626.     
  627.                     <article class=\"card shadow-custom mt-4\">
  628.                         <div class=\"row g-0\">
  629.                             <div class=\"col-lg-5\">
  630.                                 <img class=\"img-article img-fluid\" 
  631.                                      src=\"/uploads/coworking/{{ news.image }}\"
  632.                                      alt=\"image\">
  633.                             </div>
  634.                             <div class=\"col-lg-7 col-md-12 \" >
  635.                                 <p class=\"mt-2\" style=\"font-size:12px\">{{ news.dateDebut|date('d M Y')|default('Aucune date') }}</p>
  636.                                 <h3>  {{ news.title }}  </h3>
  637.                                 <h2 class=\"title-article\"> {{ news.underTitle }}</h2>
  638.                                 <p style=\"font-size: 15px;width:95%;\">{{ news.description|slice(0, 110) ~ '...' }}</p>
  639.                                 <a href=\"{{path('actualite',{id:news.id})}}\" class=\"lire-suite\">Lire Plus <i style=\"font-size:18px\" class=\"fa fa-play-circle\" aria-hidden=\"true\"></i></a>
  640.                                 
  641.                             </div>
  642.                         </div>
  643.                     </article>
  644.                     {% endfor %}
  645.      #}
  646.                 </div>
  647.                 <!-- Sidebar -->
  648.                 <div class=\"col-lg-3\">
  649.                 
  650.              <select id=\"sortSelect\" class=\"form-select\" aria-label=\"Default select example\">
  651.                         <option selected value=\"1\">Les plus récentes</option>
  652.                         <option value=\"2\">Les plus anciens</option>
  653.                 </select>
  654.                 <br>
  656.                     <!-- Remplacez 'ffff' par du contenu réel -->
  657.                     <h5 class=\"\">Actualités récentes</h5>
  658.                     <hr class=\"custom-hr\">
  659.                     
  660.                          {% for news in newshome %}
  661.                     {% if loop.index <= 8 %}
  662.                        <p class=\"mt-3\" style=\"font-size: 14px;\">{{ news.Title }}</p>
  663.                        {% endif %}
  664.                      {% endfor %}
  665.                 </div>
  666.             </div>
  667.         </div>
  668.       {% if newshome is not null %}
  669.         <div class=\"pagination\">
  670.     {{ knp_pagination_render(newshome) }}
  671. </div>
  672.     {% endif %}
  673.  
  674.     </div>
  675.     
  676. </div>
  680.  
  681. \t
  682. {% endblock %}
  684. {% block javascripts %}
  686. {{ parent() }}
  687.  
  688.  
  689. <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe\" crossorigin=\"anonymous\"></script>
  693. <script>
  694. \$(document).ready(function () {
  695.     // Fonction pour charger les actualités triées
  696.     function loadSortedNews(sortOrder, page = 1) {
  697.         console.log(\"Tri sélectionné :\", sortOrder, \"Page :\", page);
  699.         \$.ajax({
  700.             url: '{{ path('app_sort_data') }}',
  701.             type: 'GET',
  702.             data: { sortOrder: sortOrder, page: page },
  703.             beforeSend: function () {
  704.                 \$('#result-container').html('<div class=\"text-center\"><i class=\"fa fa-spinner fa-spin fa-3x\"></i>  Chargement en cours ....</div>');
  705.     
  706.             },
  707.             success: function (response) {
  708.                 \$('#result-container').html(response);
  710.                 // Gérer les liens de pagination après le tri
  711.                 \$('#result-container').on('click', '.pagination a', function (e) {
  712.                     e.preventDefault();
  713.                     let pageUrl = \$(this).attr('href');
  714.                     let pageNumber = pageUrl.split('page=')[1];
  715.                     loadSortedNews(sortOrder, pageNumber);
  716.                 });
  717.             },
  718.             error: function () {
  719.                 alert('Une erreur est survenue lors du tri.');
  720.             }
  721.         });
  722.     }
  724.     // Événement de changement sur le select
  725.     \$('#sortSelect').on('change', function () {
  726.         let selectedValue = \$(this).val();
  727.         loadSortedNews(selectedValue);
  728.     });
  730.     // Capture les clics de pagination dès le chargement initial
  731.     \$('#result-container').on('click', '.pagination a', function (e) {
  732.         e.preventDefault();
  733.         let selectedValue = \$('#sortSelect').val();
  734.         let pageUrl = \$(this).attr('href');
  735.         let pageNumber = pageUrl.split('page=')[1];
  736.         loadSortedNews(selectedValue, pageNumber);
  737.     });
  738. });
  741.  
  742. </script>
  743. {% endblock %}
  744. ", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/actualites.html.twig", "/home/gebcloud/public_html/cowork.gebanalysis.cloud/src/Flexy/FrontBundle/Themes/CoWorking/templates/pages/actualites.html.twig");
  745.     }
  746. }