templates/buzz/fragments/page_buzz_fr_main_listing.html.twig line 1

Open in your IDE?
  1. {# Listing principal Buzz FR : partagé index_fr + actualite_france (à la une, flux, experts, plus lus, newsletter, calendrier). #}
  2.                         <div class="row mt-3 mb-3 bkg_blanc">
  3.                             {% set nb_actualites_une = actualites_a_la_une_du_jour is defined ? actualites_a_la_une_du_jour|length : 0 %}
  4.                             {% set nb_next_articles = next_articles is defined ? next_articles|length : 0 %}
  5.                             {% set has_other_articles = nb_next_articles > 0 %}
  6.                             {% if nb_actualites_une >= 1 and not has_other_articles %}
  7.                                 {% for article_une in actualites_a_la_une_du_jour|slice(0, 1) %}
  8.                                     {% set date_aujourdhui = "now"|date('Ymd') %}
  9.                                     {% set date_article_raw = article_une.date_mise_en_ligne|default(article_une.date_pub|default("")) %}
  10.                                     {% set date_article = date_article_raw|length >= 8 ? date_article_raw|slice(0, 8) : "" %}
  11.                                     {% set is_aujourdhui = date_article != "" and date_article == date_aujourdhui %}
  12.                                     <!-- A LA UNE -->
  13.                                     <div class="col-12 no-padding-x">
  14.                                         <article class="card only_border_bottom no_shadow">
  15.                                             <div class="card-body">
  16.                                                 <div class="row">
  17.                                                     <div class="col-12 col-lg-5 text-center order-1 order-md-2">
  18.                                                         <a href="{{ path('buzz_actualite_detail', { 'slug': article_une.titreActualite|slugify, 'id': article_une.id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  19.                                                            title="{{ article_une.titreActualite }}" target="_self">
  20.                                                             <img src="{{ article_une.imgAffichage is not empty ? article_une.imgAffichage : article_une.imgAffichageEnError }}"
  21.                                                                  class="img-fluid border_40"
  22.                                                                  alt="{{ article_une.titreActualite }}"
  23.                                                                  loading="lazy"
  24.                                                                  data-fallback="{{ article_une.imgAffichageEnError }}">
  25.                                                         </a>
  26.                                                     </div>
  27.                                                     <div class="col-12 col-lg-7 d-flex mt-3 mt-lg-0 order-2 order-md-1">
  28.                                                         <div class="row">
  29.                                                             <div class="col-12 d-flex order-2 order-md-1">
  30.                                                                 <div class="mr-2 mt-2 pt-1">
  31.                                                                     <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true" title="Article A LA UNE"></i>
  32.                                                                     <span class="sr-only">Article A LA UNE</span>
  33.                                                                 </div>
  34.                                                                 <div class="flex-grow-1 pt-1">
  35.                                                                     <a href="{{ path('buzz_actualite_detail', { 'slug': article_une.titreActualite|slugify, 'id': article_une.id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  36.                                                                        title="{{ article_une.titreActualite }}" target="_self">
  37.                                                                         <h3 class="{{ article_une.css_class|default('bleu_fusacq') }} titre-3lignes">{{ article_une.titreActualite }}</h3>
  38.                                                                     </a>
  39.                                                                 </div>
  40.                                                             </div>
  41.                                                             <div class="col-12 mt-2 order-1 order-md-2">
  42.                                                                 <span class="small_buzz">{{ article_une.date_formatee }}</span>
  43.                                                             </div>
  44.                                                             <div class="col-12 description-2lignes order-3 order-md-3">
  45.                                                                 {{ article_une.descriptionActualite|truncateLongText(210,' ...') | raw }}
  46.                                                             </div>
  47.                                                         </div>
  48.                                                     </div>
  49.                                                 </div>       
  50.                                             </div>
  51.                                         </article>
  52.                                     </div>
  53.                                     <!-- FIN A LA UNE -->
  54.                                 {% endfor %}
  55.                             {% elseif nb_next_articles == 1 %}
  56.                                 {% if actualites_a_la_une_du_jour is defined and actualites_a_la_une_du_jour|length > 0 %}
  57.                                     {% for article_une in actualites_a_la_une_du_jour|slice(0, 1) %}
  58.                                         <div class="col-12 col-md-6 no-padding-x">
  59.                                             <article class="card no_shadow border_none">
  60.                                                 <div class="card-body">
  61.                                                     <div class="row">
  62.                                                         <div class="col-12 d-flex order-3 order-md-1">
  63.                                                             <div class="mr-2 mt-2">
  64.                                                                 <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true" title="Article A LA UNE"></i>
  65.                                                                 <span class="sr-only">Article A LA UNE</span>
  66.                                                             </div>
  67.                                                             <div class="flex-grow-1 pt-1">
  68.                                                                 <a href="{{ path('buzz_actualite_detail', { 'slug': article_une.titreActualite|slugify, 'id': article_une.id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  69.                                                                    title="{{ article_une.titreActualite }}" target="_self">
  70.                                                                     <h3 class="{{ article_une.css_class|default('bleu_fusacq') }} titre-3lignes">{{ article_une.titreActualite }}</h3>
  71.                                                                 </a>
  72.                                                             </div>
  73.                                                         </div>
  74.                                                         <div class="col-12 mt-2 order-2 order-md-2">
  75.                                                             <span class="small_buzz">{{ article_une.date_formatee }}</span>
  76.                                                         </div>
  77.                                                         <div class="col-12 mt-lg-0 order-4 order-md-3">
  78.                                                             <div class="description-2lignes">
  79.                                                                 {{ article_une.descriptionActualite|truncateLongText(210,' ...') | raw }}
  80.                                                             </div>
  81.                                                         </div>
  82.                                                         <div class="col-12 mt-3 order-1 order-md-4">
  83.                                                             <a href="{{ path('buzz_actualite_detail', { 'slug': article_une.titreActualite|slugify, 'id': article_une.id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  84.                                                                title="{{ article_une.titreActualite }}" target="_self">
  85.                                                                 <img src="{{ article_une.imgAffichage is not empty ? article_une.imgAffichage : article_une.imgAffichageEnError }}"
  86.                                                                      class="img-fluid border_40"
  87.                                                                      alt="{{ article_une.titreActualite }}"
  88.                                                                      loading="lazy"
  89.                                                                      data-fallback="{{ article_une.imgAffichageEnError }}">
  90.                                                             </a>
  91.                                                         </div>
  92.                                                     </div>
  93.                                                 </div>
  94.                                             </article>
  95.                                         </div>
  96.                                         <!-- FIN A LA UNE -->
  97.                                     {% endfor %}
  98.                                 {% elseif first_featured %}
  99.                                     <div class="col-12 col-md-6 no-padding-x">
  100.                                         <article class="card no_shadow border_none">
  101.                                             <div class="card-body">
  102.                                                 <div class="row">
  103.                                                     <div class="col-12 d-flex order-3 order-md-1">
  104.                                                         <div class="mr-2 mt-2">
  105.                                                             <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true" title="Article A LA UNE"></i>
  106.                                                             <span class="sr-only">Article A LA UNE</span>
  107.                                                         </div>
  108.                                                         <div class="flex-grow-1 pt-1">
  109.                                                             <a href="{{ path('buzz_actualite_detail', { 'slug': first_featured.titreActualite|slugify, 'id': first_featured.id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  110.                                                                title="{{ first_featured.titreActualite }}" target="_self">
  111.                                                                 <h3 class="{{ first_featured.css_class|default('bleu_fusacq') }} titre-3lignes">{{ first_featured.titreActualite }}</h3>
  112.                                                             </a>
  113.                                                         </div>
  114.                                                     </div>
  115.                                                     <div class="col-12 mt-2 order-2 order-md-2">
  116.                                                         <span class="small_buzz">{{ first_featured.date_formatee }}</span>
  117.                                                     </div>
  118.                                                     <div class="col-12 mt-lg-0 order-4 order-md-3">
  119.                                                         <div class="description-2lignes">
  120.                                                             {{ first_featured.descriptionActualite|truncateLongText(210,' ...') | raw }}
  121.                                                         </div>
  122.                                                     </div>
  123.                                                     <div class="col-12 mt-3 order-1 order-md-4">
  124.                                                         <a href="{{ path('buzz_actualite_detail', { 'slug': first_featured.titreActualite|slugify, 'id': first_featured.id_actualite, 'codePays': codePaysWithUnderScore }) }}"
  125.                                                            title="{{ first_featured.titreActualite }}" target="_self">
  126.                                                             <img src="{{ first_featured.imgAffichage is not empty ? first_featured.imgAffichage : first_featured.imgAffichageEnError }}"
  127.                                                                  class="img-fluid border_40"
  128.                                                                  alt="{{ first_featured.titreActualite }}"
  129.                                                                  loading="lazy"
  130.                                                                  data-fallback="{{ first_featured.imgAffichageEnError }}">
  131.                                                         </a>
  132.                                                     </div>
  133.                                                 </div>
  134.                                             </div>
  135.                                         </article>
  136.                                     </div>
  137.                                 {% endif %}
  138.                                 {% if next_articles is defined and next_articles|length > 0 %}
  139.                                     {% for article in next_articles|slice(0, 1) %}
  140.                                         <div class="col-12 col-md-6 no-padding-x">
  141.                                             <article class="card only_border_une no_shadow">
  142.                                                 <div class="card-body">
  143.                                                     <div class="row">
  144.                                                         <div class="col-12">
  145.                                                             <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}"
  146.                                                                title="{{ article.titreActualite }}" target="_self">
  147.                                                                 <img src="{{ article.imgAffichage is not empty ? article.imgAffichage : article.imgAffichageEnError }}"
  148.                                                                      class="img-fluid border_40"
  149.                                                                      alt="{{ article.titreActualite }}"
  150.                                                                      loading="lazy"
  151.                                                                      data-fallback="{{ article.imgAffichageEnError }}">
  152.                                                             </a>
  153.                                                         </div>
  154.                                                         <div class="col-12 mt-1">
  155.                                                             <span class="small_buzz">{{ article.date_formatee }}</span>
  156.                                                         </div>
  157.                                                         <div class="col-12 mt-2">
  158.                                                             {% set is_alaune = false %}
  159.                                                             {% set is_alaune = false %}
  160.                                                             {% if article.a_la_une_du_jour is defined %}
  161.                                                                 {% set alaune_value = article.a_la_une_du_jour|trim|lower %}
  162.                                                                 {% set is_alaune = (alaune_value == 'oui') or (alaune_value == '1') or (alaune_value == 'true') or (alaune_value == 'yes') %}
  163.                                                             {% endif %}
  164.                                                             <div class="d-flex align-items-start">
  165.                                                                 {% if is_alaune %}
  166.                                                                     <div class="mr-2 icon-star-margin">
  167.                                                                         <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true"></i>
  168.                                                                     </div>
  169.                                                                 {% endif %}
  170.                                                                 <div class="flex-grow-1">
  171.                                                                     <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  172.                                                                        title="{{ article.titreActualite }}" target="_self">
  173.                                                                         <h3 class="{{ article.css_class|default('bleu_fusacq') }} titre-3lignes">{{ article.titreActualite }}</h3>
  174.                                                                     </a>
  175.                                                                     <div class="description-2lignes">
  176.                                                                         {{ article.descriptionActualite|truncateLongText(210,' ...') | raw }}
  177.                                                                     </div>
  178.                                                                 </div>
  179.                                                             </div>
  180.                                                         </div>
  181.                                                     </div>
  182.                                                 </div>
  183.                                             </article>
  184.                                         </div>
  185.                                     {% endfor %}
  186.                                 {% endif %}
  187.                             {% else %}
  188.                                 {% if actualites_a_la_une_du_jour is defined and actualites_a_la_une_du_jour|length > 0 %}
  189.                                     {% for article_une in actualites_a_la_une_du_jour|slice(0, 1) %}
  190.                                         <div class="col-12 col-md-6 no-padding-x">
  191.                                             <article class="card no_shadow border_none">
  192.                                                 <div class="card-body">
  193.                                                     <div class="row">
  194.                                                         <div class="col-12 d-flex order-3 order-md-1">
  195.                                                             <div class="mr-2 mt-2">
  196.                                                                 <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true" title="Article A LA UNE"></i>
  197.                                                                 <span class="sr-only">Article A LA UNE</span>
  198.                                                             </div>
  199.                                                             <div class="flex-grow-1 pt-1">
  200.                                                                 <a href="{{ path('buzz_actualite_detail', { 'slug': article_une.titreActualite|slugify, 'id': article_une.id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  201.                                                                    title="{{ article_une.titreActualite }}" target="_self">
  202.                                                                     <h3 class="{{ article_une.css_class|default('bleu_fusacq') }} titre-3lignes">{{ article_une.titreActualite }}</h3>
  203.                                                                 </a>
  204.                                                             </div>
  205.                                                         </div>
  206.                                                         <div class="col-12 mt-2 order-2 order-md-2">
  207.                                                             <span class="small_buzz">{{ article_une.date_formatee }}</span>
  208.                                                         </div>
  209.                                                         <div class="col-12 mt-lg-0 order-4 order-md-3">
  210.                                                             <div class="description-2lignes">
  211.                                                                 {{ article_une.descriptionActualite|truncateLongText(210,' ...') | raw }}
  212.                                                             </div>
  213.                                                         </div>
  214.                                                         <div class="col-12 mt-3 order-1 order-md-4">
  215.                                                             <a href="{{ path('buzz_actualite_detail', { 'slug': article_une.titreActualite|slugify, 'id': article_une.id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  216.                                                                title="{{ article_une.titreActualite }}" target="_self">
  217.                                                                 <img src="{{ article_une.imgAffichage is not empty ? article_une.imgAffichage : article_une.imgAffichageEnError }}"
  218.                                                                      class="img-fluid border_40"
  219.                                                                      alt="{{ article_une.titreActualite }}"
  220.                                                                      loading="lazy"
  221.                                                                      data-fallback="{{ article_une.imgAffichageEnError }}">
  222.                                                             </a>
  223.                                                         </div>
  224.                                                     </div>
  225.                                                 </div>
  226.                                             </article>
  227.                                         </div>
  228.                                         <!-- FIN A LA UNE -->
  229.                                     {% endfor %}
  230.                                 {% elseif first_featured %}
  231.                                     <div class="col-12 col-md-6 no-padding-x">
  232.                                         <article class="card no_shadow border_none">
  233.                                             <div class="card-body">
  234.                                                 <div class="row">
  235.                                                     <div class="col-12 d-flex order-3 order-md-1">
  236.                                                         <div class="mr-2 mt-2">
  237.                                                             <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true" title="Article A LA UNE"></i>
  238.                                                             <span class="sr-only">Article A LA UNE</span>
  239.                                                         </div>
  240.                                                         <div class="flex-grow-1 pt-1">
  241.                                                             <a href="{{ path('buzz_actualite_detail', { 'slug': first_featured.titreActualite|slugify, 'id': first_featured.id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  242.                                                                title="{{ first_featured.titreActualite }}" target="_self">
  243.                                                                 <h3 class="{{ first_featured.css_class|default('bleu_fusacq') }} titre-3lignes">{{ first_featured.titreActualite }}</h3>
  244.                                                             </a>
  245.                                                         </div>
  246.                                                     </div>
  247.                                                     <div class="col-12 mt-2 order-2 order-md-2">
  248.                                                         <span class="small_buzz">{{ first_featured.date_formatee }}</span>
  249.                                                     </div>
  250.                                                     <div class="col-12 mt-lg-0 order-4 order-md-3">
  251.                                                         <div class="description-2lignes">
  252.                                                             {{ first_featured.descriptionActualite|truncateLongText(210,' ...') | raw }}
  253.                                                         </div>
  254.                                                     </div>
  255.                                                     <div class="col-12 mt-3 order-1 order-md-4">
  256.                                                         <a href="{{ path('buzz_actualite_detail', { 'slug': first_featured.titreActualite|slugify, 'id': first_featured.id_actualite, 'codePays': codePaysWithUnderScore }) }}"
  257.                                                            title="{{ first_featured.titreActualite }}" target="_self">
  258.                                                             <img src="{{ first_featured.imgAffichage is not empty ? first_featured.imgAffichage : first_featured.imgAffichageEnError }}"
  259.                                                                  class="img-fluid border_40"
  260.                                                                  alt="{{ first_featured.titreActualite }}"
  261.                                                                  loading="lazy"
  262.                                                                  data-fallback="{{ first_featured.imgAffichageEnError }}">
  263.                                                         </a>
  264.                                                     </div>
  265.                                                 </div>
  266.                                             </div>
  267.                                         </article>
  268.                                     </div>
  269.                                 {% endif %}
  270.                                 {% if next_articles is defined and next_articles|length > 0 %}
  271.                                     {% for article in next_articles|slice(0, 2) %}
  272.                                         <div class="col-12 col-md-3 no-padding-x{% if loop.first %} pt-3 pt-md-0{% endif %}">
  273.                                             <article class="card only_border_une no_shadow">
  274.                                                 <div class="card-body">
  275.                                                     <div class="row">
  276.                                                         <div class="col-12 text-center order-4 order-md-1 mt-3">
  277.                                                             <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}"
  278.                                                                title="{{ article.titreActualite }}" target="_self">
  279.                                                                 <img src="{{ article.imgAffichage is not empty ? article.imgAffichage : article.imgAffichageEnError }}"
  280.                                                                      class="img-fluid border_40"
  281.                                                                      alt="{{ article.titreActualite }}"
  282.                                                                      loading="lazy"
  283.                                                                      data-fallback="{{ article.imgAffichageEnError }}">
  284.                                                             </a>
  285.                                                         </div>
  286.                                                         <div class="col-12 mt-1 order-1 order-md-2">
  287.                                                             <span class="small_buzz">{{ article.date_formatee }}</span>
  288.                                                         </div>
  289.                                                         <div class="col-12 mt-3 order-2 order-md-3">
  290.                                                             {% set is_alaune = false %}
  291.                                                             {% set is_alaune = false %}
  292.                                                             {% if article.a_la_une_du_jour is defined %}
  293.                                                                 {% set alaune_value = article.a_la_une_du_jour|trim|lower %}
  294.                                                                 {% set is_alaune = (alaune_value == 'oui') or (alaune_value == '1') or (alaune_value == 'true') or (alaune_value == 'yes') %}
  295.                                                             {% endif %}
  296.                                                             <div class="d-flex align-items-start">
  297.                                                                 {% if is_alaune %}
  298.                                                                     <div class="mr-2 icon-star-margin">
  299.                                                                         <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true"></i>
  300.                                                                     </div>
  301.                                                                 {% endif %}
  302.                                                                 <div class="flex-grow-1">
  303.                                                                     <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  304.                                                                        title="{{ article.titreActualite }}" target="_self">
  305.                                                                         <span class="{{ article.css_class|default('bleu_fusacq') }} article-title-size">{{ article.titreActualite }}</span>
  306.                                                                     </a>
  307.                                                                 </div>
  308.                                                             </div>
  309.                                                         </div>
  310.                                                         <div class="col-12 mt-3 order-3 order-md-4">
  311.                                                             <span class="article-description">{{ article.descriptionActualite|truncateLongText(210,' ...') | raw }}</span>
  312.                                                         </div>
  313.                                                     </div>
  314.                                                 </div>
  315.                                             </article>
  316.                                         </div>
  317.                                     {% endfor %}
  318.                                 {% endif %}
  319.                             {% endif %}
  320.                         </div>
  321.                         {% if is_weekend_mode is defined and is_weekend_mode %}
  322.                             <div class="row mt-3 mb-3 bkg_blanc">
  323.                                 <div class="col-12">
  324.                                     <span class="orange fs13">{{ week_label }}</span>
  325.                                 </div>
  326.                             </div>
  327.                             {% set date_aujourdhui_weekend = "now"|date('Y-m-d') %}
  328.                             {% set __inserted_newsletter_weekend = false %}
  329.                             {% for dateKey, dayData in grouped_articles %}
  330.                                 {% set date_jour_weekend = dateKey|default("") %}
  331.                                 {% set is_aujourdhui_weekend = date_jour_weekend != "" and date_jour_weekend == date_aujourdhui_weekend %}
  332.                                 {% if not is_aujourdhui_weekend %}
  333.                                     <div class="col-12 mt-3 mb-2 ml-2">
  334.                                         <i class="fa-light fa-calendar-days fa-2x gris_999"></i>&nbsp;&nbsp;&nbsp;<span
  335.                                                 class="fs13 gris_999">{{ dayData.label_fr_short }}</span>
  336.                                     </div>
  337.                                 {% endif %}
  338.                                 {% set featuredArticle = null %}
  339.                                 {% set otherArticles = [] %}
  340.                                 {% for article in dayData.articles %}
  341.                                     {% set is_alaune = false %}
  342.                                     {% set is_alaune = false %}
  343.                                     {% if article.a_la_une_du_jour is defined %}
  344.                                         {% set alaune_value = article.a_la_une_du_jour|trim|lower %}
  345.                                         {% set is_alaune = (alaune_value == 'oui') or (alaune_value == '1') or (alaune_value == 'true') or (alaune_value == 'yes') %}
  346.                                     {% endif %}
  347.                                     {% if is_alaune and featuredArticle == null %}
  348.                                         {% set featuredArticle = article %}
  349.                                     {% else %}
  350.                                         {% set otherArticles = otherArticles|merge([article]) %}
  351.                                     {% endif %}
  352.                                 {% endfor %}
  353.                                 {% if featuredArticle %}
  354.                                     <!-- Article à la une avec image -->
  355.                                     <div class="col-12 no-padding-x">
  356.                                         <article class="card only_border_bottom no_shadow">
  357.                                             <div class="card-body">
  358.                                                 <div class="row">
  359.                                                     <div class="col-12 col-lg-3 text-center">
  360.                                                         <a href="{{ featuredArticle.url_actualite }}"
  361.                                                            title="{{ featuredArticle.titre_actualite }}">
  362.                                                             <img src="{{ featuredArticle.imgAffichage }}"
  363.                                                                  class="img-fluid border_40"
  364.                                                                  alt="{{ featuredArticle.titre_actualite }}"
  365.                                                                  onerror="this.src='{{ featuredArticle.imgAffichageEnError }}'">
  366.                                                         </a>
  367.                                                     </div>
  368.                                                     <div class="col-12 col-lg-9 pt-3 pt-lg-0">
  369.                                                         <div class="d-flex">
  370.                                                             <div class="mr-2 mt-2">
  371.                                                                 <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true"></i>
  372.                                                             </div>
  373.                                                             <div class="flex-grow-1">
  374.                                                                 <span class="small_buzz">{{ featuredArticle.localisation }}</span><span
  375.                                                                         class="dotted-separator"></span><span
  376.                                                                         class="small_buzz">{{ featuredArticle.type_actualite|title }}</span><br>
  377.                                                                 <a href="{{ featuredArticle.url_actualite }}"
  378.                                                                    title="{{ featuredArticle.titre_actualite }}">
  379.                                                                     <h4 class="{{ featuredArticle.css_class|default('bleu_fusacq') }}">{{ featuredArticle.titre_clean }}</h4>
  380.                                                                 </a>
  381.                                                                 <span class="article-description">{{ featuredArticle.description_actualite }}</span>
  382.                                                             </div>
  383.                                                         </div>
  384.                                                     </div>
  385.                                                 </div>
  386.                                             </div>
  387.                                         </article>
  388.                                     </div>
  389.                                 {% endif %}
  390.                                 {% for article in otherArticles %}
  391.                                     <!-- Autres articles sans image -->
  392.                                     <div class="col-12 no-padding-x">
  393.                                         <article class="card only_border_bottom no_shadow">
  394.                                             <div class="card-body">
  395.                                                 <div class="row">
  396.                                                     <div class="col-12 pt-3 pt-lg-0">
  397.                                                         {% set is_alaune = false %}
  398.                                                         {% set is_alaune = false %}
  399.                                                         {% if article.a_la_une_du_jour is defined %}
  400.                                                             {% set alaune_value = article.a_la_une_du_jour|trim|lower %}
  401.                                                             {% set is_alaune = (alaune_value == 'oui') or (alaune_value == '1') or (alaune_value == 'true') or (alaune_value == 'yes') %}
  402.                                                         {% endif %}
  403.                                                         <span class="small_buzz">{{ article.localisation }}</span><span
  404.                                                                 class="dotted-separator"></span><span
  405.                                                                 class="small_buzz">{{ article.type_actualite|title }}</span><br>
  406.                                                         <div class="d-flex align-items-start">
  407.                                                             {% if is_alaune %}
  408.                                                                 <div class="mr-2 icon-star-margin">
  409.                                                                     <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true"></i>
  410.                                                                 </div>
  411.                                                             {% endif %}
  412.                                                             <div class="flex-grow-1">
  413.                                                                 <a href="{{ article.url_actualite }}"
  414.                                                                    title="{{ article.titre_actualite }}">
  415.                                                                     <h4 class="{{ article.css_class|default('bleu_fusacq') }}">{{ article.titre_clean }}</h4>
  416.                                                                 </a>
  417.                                                             </div>
  418.                                                         </div>
  419.                                                         <span class="article-description">{{ article.description_actualite }}</span>
  420.                                                     </div>
  421.                                                 </div>
  422.                                             </div>
  423.                                         </article>
  424.                                     </div>
  425.                                 {% endfor %}
  426.                                 {% if not __inserted_newsletter_weekend and loop.first %}
  427.                                     {% include 'buzz/fragments/bloc_expert_newsletter.html.twig' %}
  428.                                     {% set __inserted_newsletter_weekend = true %}
  429.                                 {% endif %}
  430.                                 <div class="col-12 text-center mt-3">
  431.                                     <a href="{{ path(buzz_calendar_date_route|default('buzz_actualite_par_date'), {'date': dayData.url_date, 'codePays': codePaysWithUnderScore}) }}"
  432.                                        title="Toute l'actualité du {{ dayData.label_fr_short }}"
  433.                                        class="fullsouligne">
  434.                                         Toute l'actualité du {{ dayData.label_fr_short|lower }}
  435.                                     </a>
  436.                                 </div>
  437.                             {% endfor %}
  438.                         {% else %}
  439.                          
  440.                                 {% set articles_avant = 0 %}
  441.                                 {% if actualites_a_la_une_du_jour is defined and actualites_a_la_une_du_jour|length > 0 %}
  442.                                     {% set articles_avant = articles_avant + 1 %}
  443.                                 {% endif %}
  444.                                 {% if next_articles is defined and next_articles|length > 0 %}
  445.                                     {% if nb_next_articles == 1 %}
  446.                                         {% set articles_avant = articles_avant + 1 %}
  447.                                     {% elseif nb_next_articles >= 2 %}
  448.                                         {% set articles_avant = articles_avant + 2 %}
  449.                                     {% endif %}
  450.                                 {% endif %}
  451.                                 {% set __count = articles_avant %}
  452.                                 {% set __inserted_newsletter = false %}
  453.                                 {% set __inserted_experts = false %}
  454.                                 {% set __inserted_plus_lus = false %}
  455.                                 {% set date_aujourdhui = "now"|date('Y-m-d') %}
  456.                                 {% for jour in grouped_articles %}
  457.                                     {% set date_jour = jour.date is defined ? jour.date|date('Y-m-d') : "" %}
  458.                                     {% set is_aujourdhui = date_jour != "" and date_jour == date_aujourdhui %}
  459.                                     {% if not is_aujourdhui %}
  460.                                         <div class="col-12 mt-3 mb-2 ml-2">
  461.                                             <i class="fa-light fa-calendar-days fa-2x gris_999"></i>&nbsp;&nbsp;&nbsp;<span
  462.                                                     class="fs13 gris_999">{{ jour.label_fr }}</span>
  463.                                         </div>
  464.                                     {% endif %}
  465.                                     {% for article in jour.articles %}
  466.                                         <div class="col-12 no-padding-x">
  467.                                             <article class="card only_border_bottom no_shadow">
  468.                                                 <div class="card-body">
  469.                                                     <div class="row">
  470.                                                         <div class="col-12 col-lg-3 text-center">
  471.                                                             <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}"
  472.                                                                title="{{ article.titreActualite }}" target="_self">
  473.                                                                 <img src="{{ article.imgAffichage is not empty ? article.imgAffichage : article.imgAffichageEnError }}"
  474.                                                                      class="img-fluid border_40"
  475.                                                                      alt="{{ article.titreActualite|raw }}"
  476.                                                                      loading="lazy"
  477.                                                                      data-fallback="{{ article.imgAffichageEnError }}">
  478.                                                             </a>
  479.                                                         </div>
  480.                                                         <div class="col-12 col-lg-9 pt-3 pt-lg-0">
  481.                                                             {% set is_alaune = false %}
  482.                                                             {% set is_alaune = false %}
  483.                                                             {% if article.a_la_une_du_jour is defined %}
  484.                                                                 {% set alaune_value = article.a_la_une_du_jour|trim|lower %}
  485.                                                                 {% set is_alaune = (alaune_value == 'oui') or (alaune_value == '1') or (alaune_value == 'true') or (alaune_value == 'yes') %}
  486.                                                             {% endif %}
  487.                                                             <span class="small_buzz">{{ article.date_formatee }}</span><br>
  488.                                                             <div class="d-flex align-items-start">
  489.                                                                 {% if is_alaune %}
  490.                                                                     <div class="mr-2 icon-star-margin">
  491.                                                                         <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true"></i>
  492.                                                                     </div>
  493.                                                                 {% endif %}
  494.                                                                 <div class="flex-grow-1">
  495.                                                                     <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}"
  496.                                                                        title="{{ article.titreActualite }}" target="_self">
  497.                                                                         <h3 class="{{ article.css_class|default('bleu_fusacq') }} titre-3lignes">{{ article.titreActualite }}</h3>
  498.                                                                     </a>
  499.                                                                 </div>
  500.                                                             </div>
  501.                                                             <span class="article-description">{{ article.descriptionActualite|truncateLongText(210,' ...') | raw }}</span>
  502.                                                         </div>
  503.                                                     </div>
  504.                                                 </div>
  505.                                             </article>
  506.                                         </div>
  507.                                         {% set __count = __count + 1 %}
  508.                                         {% if not __inserted_newsletter and __count == 5 %}
  509.                                                                                     <div class="row bkg_gris_clair my-3">
  510.                                                 {% include 'buzz/fragments/bloc_experts_alaune.html.twig' %}
  511.                                                 </div>
  512.                                             {% set __inserted_newsletter = true %}
  513.                                         {% endif %}
  514.                                         {% if not __inserted_experts and __count == 10 %}
  515.                                             <div class="row bkg_gris_clair my-3">
  516.                                          {% include 'buzz/fragments/bloc_articles_plus_lus.html.twig' %}
  517.                                             </div>
  518.                                             {% set __inserted_experts = true %}
  519.                                         {% endif %}
  520.                                         {% if not __inserted_plus_lus and __count == 15 %}
  521.                                             {% include 'buzz/fragments/bloc_expert_newsletter.html.twig' %}
  522.                                             {% set __inserted_plus_lus = true %}
  523.                                         {% endif %}
  524.                                     {% endfor %}
  525.                                 {% endfor %}
  526.                             
  527.                         {% endif %}
  528.                         {% if is_weekend_mode is not defined or not is_weekend_mode %}
  529.                             <div class="row bkg_blanc mt-3">
  530.                                 <div class="col-12 fond_blanc text-center pb-3 mt-3 overflow-auto">
  531.                                     <div class="row">
  532.                                         <div class="col-12 text-center py-2">
  533.                                             L'actualité des derniers jours :
  534.                                         </div>
  535.                                         {% if derniers_jours is defined %}
  536.                                             {% for jour in derniers_jours %}
  537.                                                 <div class="col-2 text-center day pb-10">
  538.                                                     <a href="{{ path(buzz_calendar_date_route|default('buzz_actualite_par_date'), {'date': jour.date_complete, 'codePays': codePaysWithUnderScore}) }}"
  539.                                                        target="_self">
  540.                                                         <i class="fa-light fa-calendar-days fa-2x gris_666"></i><br>
  541.                                                         <span class="titrejour">{{ jour.nom_jour }}</span><br>
  542.                                                         <span class="datejour">{{ jour.date }}</span>
  543.                                                     </a>
  544.                                                 </div>
  545.                                             {% endfor %}
  546.                                         {% endif %}
  547.                                     </div>
  548.                                 </div>
  549.                             </div>
  550.                         {% endif %}