{% extends 'buzz/base.html.twig' %}{% block title %}{{ metaTag.getTitle }}{% endblock %}{% block meta_description %}{{ metaTag.getDescription }}{% endblock %}{% block stylesheets %} {{ parent() }} <link rel="stylesheet" href="{{ asset('build/css/buzz/index/index_ch.css') }}"> <link rel="stylesheet" href="{{ asset('build/css/buzz/custom_fusacq.css') }}">{% endblock %}{% block body %} {% set countryNames = { 'be': 'BELGIQUE', 'ca': 'CANADA', 'ch': 'SUISSE', 'fr': 'FRANCE' } %} <div class="row"> <div class="col-12"> {{ render_esi(controller( 'App\\Controller\\Buzz\\CoreController::menu', { "lang": lang, "currentRoute":currentRoute, "codePays": codePaysWithUnderScore, "authFrom": authFrom } )) | spaceless }} {% include 'buzz/fragments/publicite.html.twig' %} <div class="container"> <div class="row"> <main class="col-12 col-lg-9 no_shadow mb-3 border_right_dashed"> <div class="row bkg_blanc d-none d-sm-block"> <div class="onglet_buzz col-12 no-padding-x "> <nav> <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist"> {% if codePays == 'fr' %} {# Pour la France : 3 onglets #} <div class="col-12 col-sm-4 no-padding-x order-sm-1 order-3"> <div class="nav-item nav-link active"> <span class="fs11">ACTUALITÉ FRANCE</span> </div> </div> <div class="col-12 col-sm-4 no-padding-x bl_gris order-sm-2 order-2"> <a class="nav-item nav-link" href="{{ path('buzz_actualite_internationale',{'codePays':codePaysWithUnderScore}) }}" target="_self"> <span class="fs11">ACTUALITÉ INTERNATIONALE</span> </a> </div> <div class="col-12 col-sm-4 no-padding-x bl_gris order-sm-3 order-1"> <a class="nav-item nav-link" href="{{ path('buzz_en_direct_des_experts',{'codePays':codePaysWithUnderScore}) }}" target="_self"> <span class="fs11">EN DIRECT DES EXPERTS</span> </a> </div> {% else %} {# Pour les autres pays : 4 onglets #} <div class="col-12 col-sm-3 no-padding-x order-sm-1 order-4"> <div class="nav-item nav-link active"> <span class="fs11">ACTUALITÉ {{ countryNames[codePays] is defined ? countryNames[codePays] : codePays|upper }}</span> </div> </div> <div class="col-12 col-sm-3 no-padding-x bl_gris order-sm-2 order-1"> <a class="nav-item nav-link" href="{{ path('buzz_actualite_france',{'codePays':codePaysWithUnderScore}) }}" target="_self"> <span class="fs11">FRANCE</span> </a> </div> <div class="col-12 col-sm-3 no-padding-x bl_gris order-sm-3 order-2"> <a class="nav-item nav-link" href="{{ path('buzz_actualite_internationale',{'codePays':codePaysWithUnderScore}) }}" target="_self"> <span class="fs11">INTERNATIONAL</span> </a> </div> <div class="col-12 col-sm-3 no-padding-x bl_gris order-sm-4 order-3"> <a class="nav-item nav-link" href="{{ path('buzz_en_direct_des_experts',{'codePays':codePaysWithUnderScore}) }}" target="_self"> <span class="fs11">L'ACTU DES EXPERTS</span> </a> </div> {% endif %} </div> </nav> </div> </div> <div class="row bkg_blanc"> <div class="col-12"> <div class="card no_shadow no_border"> <div class="card-body"> <div class="row"> <div class="col-12"> <form class="form-inline" method="GET" action="{{ path('buzz_recherche_avancee', {'codePays': codePaysWithUnderScore}) }}"> <div class="form-group col-9 col-sm-6 offset-sm-1 mr-sm-3"> <label for="searchInput" class="sr-only">Recherche</label> <input type="text" class="form-control w-100" id="searchInput" name="recherche" aria-describedby="emailHelp" placeholder="Recherche article, société, secteur d'activité, ..."> </div> <div class="form-group col-2 col-sm-1 pt-1 mr-sm-3"> <button type="submit" class="button-rond" aria-pressed="true"> OK </button> </div> <div class="form-group col-12 col-sm-2 text-center pt-1"> <a href="{{ path('buzz_recherche_avancee', {'codePays': codePaysWithUnderScore}) }}" class="fullsouligne pb-2 ml-3" target="_self">+ de critères</a> </div> </form> </div> </div> </div> </div> </div> <div class="row bkg_blanc"> {% if first_featured %} <div class="col-12 col-md-6 no-padding-x"> <article class="card no_shadow border_none"> <div class="card-body"> <div class="row"> <div class="col-12 d-flex"> <div class="mr-2 mt-2 pt-1"> <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true" title="Article A LA UNE"></i> </div> <div class="flex-grow-1"> <a href="{{ path('buzz_actualite_detail', { 'slug': first_featured.titreActualite|slugify, 'id': first_featured.id_actualite, 'codePays': codePaysWithUnderScore }) }}" title="{{ first_featured.titreActualite }}" target="_self"> <h3 class="{{ first_featured.css_class|default('bleu_fusacq') }} titre-3lignes">{{ first_featured.titreActualite }}</h3> </a> </div> </div> <div class="col-12 mt-2"> <span class="small_buzz">{{ first_featured.date_formatee is defined ? first_featured.date_formatee : first_featured.date_formatee_fr }}</span> </div> <div class="col-12 mt-2"> <div class="description-2lignes"> {{ first_featured.descriptionActualite|truncateLongText(210,' ...') | raw }} </div> </div> <div class="col-12 mt-3 text-center"> <a href="{{ path('buzz_actualite_detail', { 'slug': first_featured.titreActualite|slugify, 'id': first_featured.id_actualite, 'codePays': codePaysWithUnderScore }) }}" title="{{ first_featured.titreActualite }}"> <img src="{{ first_featured.imgAffichage is not empty ? first_featured.imgAffichage : first_featured.imgAffichageEnError }}" class="img-fluid border_40" alt="{{ first_featured.titreActualite }}" loading="lazy" data-fallback="{{ first_featured.imgAffichageEnError }}"> </a> </div> </div> </div> </article> </div> {% endif %} {% set next_articles = main_articles|slice(0,2) %} {% for article in next_articles %} <div class="col-12 col-md-3 no-padding-x"> <article class="card only_border_une no_shadow"> <div class="card-body"> <div class="row"> <div class="col-12 mt-1 order-1 order-md-2"> <span class="small_buzz"> {{ article.date_formatee is defined ? article.date_formatee : article.date_formatee_fr }} </span> </div> <div class="col-12 mt-2 order-2 order-md-3"> <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}" target="_self"> <h5 class="{{ article.css_class|default('bleu_fusacq') }} titre-3lignes">{{ article.titreActualite is defined ? article.titreActualite : article.titre_actualite }}</h5> </a> </div> <div class="col-12 mt-2 order-3 order-md-4"> <div class="description-2lignes"> {{ (article.descriptionActualite is defined ? article.descriptionActualite : article.description_actualite)|truncateLongText(210, ' ...')|raw }} </div> </div> <div class="col-12 text-center order-4 order-md-1 mt-3"> <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}" target="_self"> <img src="{{ article.imgAffichage is not empty ? article.imgAffichage : article.imgAffichageEnError }}" class="img-fluid border_40" alt="{{ article.titreActualite is defined ? article.titreActualite : article.titre_actualite }}" loading="lazy" data-fallback="{{ article.imgAffichageEnError|default('') }}"> </a> </div> </div> </div> </article> </div> {% endfor %} <div class="row bkg_blanc"> <div class="d-flex align-items-center mt-4 mb-2 ml-2"> <i class="fa-light fa-calendar-days fa-2x gris_999"></i> <span class="fs13 gris_999 ml-3">Actualités du mois {{ monthName }}</span> </div> {% set five_articles = main_articles|slice(2,5) %} {% for article in five_articles %} <div class="col-12 no-padding-x"> <article class="card only_border_bottom no_shadow"> <div class="card-body"> <div class="row"> <div class="col-12 col-lg-3 text-center"> <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}"> <img src="{{ article.imgAffichage is not empty ? article.imgAffichage : article.imgAffichageEnError }}" class="img-fluid border_40" alt="{{ article.titreActualite is defined ? article.titreActualite : article.titre_actualite }}" loading="lazy" data-fallback="{{ article.imgAffichageEnError|default('') }}"> </a> </div> <div class="col-12 col-lg-9 pt-3 pt-lg-0"> <span class="small_buzz">{{ article.date_formatee is defined ? article.date_formatee : article.date_formatee_fr }}</span><br> <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}" target="_self"> <h4 class="{{ article.css_class|default('bleu_fusacq') }} titre-3lignes">{{ article.titreActualite is defined ? article.titreActualite : article.titre_actualite }}</h4> </a> <span style="font-size: 0.9rem;">{{ (article.descriptionActualite is defined ? article.descriptionActualite : article.description_actualite)|truncateLongText(210, ' ...')|raw }}</strong></i></span> </div> </div> </div> </article> </div> {% endfor %} {% if main_articles|length > 7 %} {% include 'buzz/fragments/bloc_expert_newsletter.html.twig' %} {% endif %} {% set remaining_articles = main_articles|slice(7) %} {% for article in remaining_articles %} <div class="col-12 no-padding-x"> <article class="card only_border_bottom no_shadow"> <div class="card-body"> <div class="row"> <div class="col-12 col-lg-3 text-center"> <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}"> <img src="{{ article.imgAffichage is not empty ? article.imgAffichage : article.imgAffichageEnError }}" class="img-fluid border_40" alt="{{ article.titreActualite is defined ? article.titreActualite : article.titre_actualite }}" loading="lazy" data-fallback="{{ article.imgAffichageEnError|default('') }}"> </a> </div> <div class="col-12 col-lg-9 pt-3 pt-lg-0"> <span class="small_buzz">{{ article.date_formatee is defined ? article.date_formatee : article.date_formatee_fr }}</span><br> <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}" target="_self"> <h4 class="{{ article.css_class|default('bleu_fusacq') }} titre-3lignes">{{ article.titreActualite is defined ? article.titreActualite : article.titre_actualite }}</h4> </a> <span style="font-size: 0.9rem;">{{ (article.descriptionActualite is defined ? article.descriptionActualite : article.description_actualite)|truncateLongText(210, ' ...')|raw }}</strong></i></span> </div> </div> </div> </article> </div> {% endfor %} </div> </div> </div> <div class="row bkg_blanc mt-3"> <div class="col-12 fond_blanc text-center pb-3 mt-3" style="overflow:auto;"> <div class="row"> <div class="col-12 text-center py-2"> L'actualité des derniers mois : </div> {% for month in lastMonthsHavingActu %} <div class="col-2 text-center day pb-10"> <a href="{{ path('buzz_actualites_par_mois', {'month': month.number, 'codePays': codePaysWithUnderScore}) }}" target="_self"> <i class="fa-light fa-calendar-days fa-2x gris_666"></i><br> <span class="titrejour">{{ month.mois }}</span><br> <span class="datejour">{{ month.year }}</span> </a> </div> {% endfor %} </div> </div> </div> </main> <aside class="col-12 col-lg-3 col_droite_buzz2"> <div class="row"> {{ render_esi(controller( 'App\\Controller\\Buzz\\CoreController::rightColumn', { "codePays": codePaysWithUnderScore, "lang" : lang, "authFrom" : authFrom, "alwaysShowJuridiqueExperts": false, "isInternationalImage": false } )) }} </div> </aside> </div> <!--FIN COLONNE DROITE --> </div> </div> </div>{% endblock %}{% block javascripts %} {{ parent() }} <script> (function () { var imgs = document.querySelectorAll('img[data-fallback]'); imgs.forEach(function (img) { if (img.dataset.__fallbackBound) { return; } img.dataset.__fallbackBound = '1'; img.addEventListener('error', function () { var fb = img.getAttribute('data-fallback'); if (fb && img.src !== fb) { img.src = fb; } }, { once: true }); }); if (window.jQuery && typeof jQuery.fn.slider === 'function') { var $ = window.jQuery; $(function () { if (document.getElementById('slider-range')) { $("#slider-range").slider({ range: true, min: 0, max: 500, values: [75, 300], slide: function (event, ui) { var amount = document.getElementById('amount'); if (amount) { amount.value = "$" + ui.values[0] + " - $" + ui.values[1]; } } }); var val0 = $("#slider-range").slider("values", 0); var val1 = $("#slider-range").slider("values", 1); var amountEl = document.getElementById('amount'); if (amountEl) { amountEl.value = "$" + val0 + " - $" + val1; } } }); } })(); </script>{% endblock %}