<!DOCTYPE html>{% set is_rtl = app.request.locale == 'ar_TN' %}<html lang="{{ is_rtl ? 'ar' : 'fr' }}" dir="{{ is_rtl ? 'rtl' : 'ltr' }}"> <head> <meta charset="UTF-8" /> <meta name="csrf-token" content="{{ csrf_token('ajax') }}" /> <title> {% block title %} Welcome! {% endblock %} </title> <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>" /> {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #} <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> <!-- Style --> <link rel="stylesheet" href="{{ asset('css/style.css') }}" /> <link rel="stylesheet" href="{{ asset('css/style-login.css') }}" /> <link href="https://unpkg.com/boxicons@2.1.1/css/boxicons.min.css' rel='stylesheet" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous" /> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css" /> <link rel="stylesheet" href="{{ asset('css/base.css') }}" /> {# link notif #} <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> {% block stylesheets %} {{ encore_entry_link_tags('app') }} {% endblock %} <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> {# Ajustements RTL chargés uniquement en arabe, en dernier pour surcharger sans impacter le mode LTR #} {% if is_rtl %} <link rel="stylesheet" href="{{ asset('css/rtl.css') }}" /> {% endif %} </head> <body> <div class="header"> <nav class="navbar navbar-expand-lg fixed-top {{ app.request.locale == 'ar_TN' ? 'form_direction_rtl' : 'form_direction_ltr' }}"> <a class="navbar-brand" href="{{ path('accueil') }}"><img src="{{ asset('/images/Fichier1.png') }}" alt="" /></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> {% set id = app.request.attributes.get('id') %} <div class="collapse navbar-collapse align-items-center" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto menu-middle align-items-start" id="change_color"> <li class="nav-item menu" id="actualites"> <a class="nav-link" href="{{ path('accueil') }}#section-actualites" id="path_accueil">{% trans %}menu_base.Actualites{% endtrans %}</a> </li> <li class="nav-item menu change_li" id="about"> <a class="nav-link" href="{{ path('accueil') }}#section-about">CNFCPP</a> </li> <li class="nav-item menu change_li" id="services"> <a class="nav-link" href="{{ path('accueil') }}#section-services">{% trans %}menu_base.Services{% endtrans %}</a> </li> <li class="nav-item menu change_li" id="formation"> <a class="nav-link" href="{{ path('accueil') }}#section-formation">{% trans %}menu_base.Sessions_formation{% endtrans %}</a> </li> <li class="nav-item menu change_li" id="article"> <a class="nav-link" href="{{ path('accueil') }}#section-article">{% trans %}menu_base.Article{% endtrans %}</a> </li> <li class="nav-item menu change_li" id="doc"> <a class="nav-link" href="{{ path('accueil') }}#section-doc">{% trans %}menu_base.Centre_ressources{% endtrans %}</a> </li> <li class="nav-item menu change_li" id="galerie"> <a class="nav-link" href="{{ path('show_galerie') }}" id="path_galerie">{% trans %}menu_base.Galerie{% endtrans %}</a> </li> <li class="nav-item menu change_li" id="accueil_footer"> <a class="nav-link" href="{{ path('accueil') }}#footer">{% trans %}menu_base.Contact{% endtrans %}</a> </li> </ul> {% if app.user and app.user.isVerified %} {% if app.user.roles[0] == 'ROLE_PARTICULIER' or app.user.roles[0] == 'ROLE_ENTREPRISES' or app.user.roles[0] == 'ROLE_PARTENAIRES_NATIONAUX' or app.user.roles[0] == 'ROLE_PARTENAIRES_REGIONAUX' or app.user.roles[0] == 'ROLE_AUTRES' %} <ul class="navbar-nav ml-auto btn-connx align-items-center d-flex"> <li class="nav-item text-center dropdown"> <a href="#" class="dropbtn display-desktop notification-ring" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <i class="fa-solid fa-bell" id="notif-r"></i> {# {% if notifications_count > 0 %} #} <span class="notification_count"></span> {# {% endif %} #} </a> {{ render(url('app_notification_list_front')) }} </li> <li class="nav-item text-center"> <a class="nav-link" href="{{ path('show_cart') }}"><i class="fa fa-shopping-cart" aria-hidden="true" id="cart-shop"></i></a> <span id="notifCartSpan"></span> </li> </ul> {% endif %} {% if app.user.roles[0] == 'ROLE_ADMIN' or app.user.roles[0] == 'ROLE_CHARGE_ASSISTANCE' or app.user.roles[0] == 'ROLE_DAE' or app.user.roles[0] == 'ROLE_UNITE_REGINALE' or app.user.roles[0] == 'ROLE_AGENT_INTERNE' %} <ul class="navbar-nav ml-auto btn-connx align-items-center d-flex"> <li class="nav-item text-center dropdown"> <a href="#" class="dropbtn display-desktop notification-ring" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <i class="fa-solid fa-bell" id="notif-r"></i> {# {% if notifications_count > 0 %} #} <span class="notification_count"></span> {# {% endif %} #} </a> {{ render(url('app_notification_list')) }} </li> </ul> {% endif %} <div class="dropdown text-center d-flex justify-content-center align-items-center" id="dropdown-Dae"> <a href="#" class="align-items-center text-black text-decoration-none dropdown-toggle" id="dropdownUser1" data-toggle="dropdown" aria-expanded="false"> <img src="{{ asset('/images/user.png') }}" alt="" /> <span class="user-header">{{ app.user.username }}</span> </a> <div class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color: white;border: none;"><img src="{{ app.session.get('_locale') == 'ar_TN' ? asset('images/tunisia.png') : asset('images/france (1).png') }}" alt="" style="width: 30px;" /></a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item traduction" href="{{ path('app_change_locale', { '_locale': app.session.get('_locale') == 'ar_TN' ? 'fr' : 'ar_TN' }) }}"><img src="{{ app.session.get('_locale') == 'ar_TN' ? asset('images/france (1).png') : asset('images/tunisia.png') }}" alt="" style="width: 30px;" /></a> </div> </div> <ul class="dropdown-menu dropdown-menu-dark text-small shadow" aria-labelledby="dropdownUser1" style=""> {% if not is_granted('ROLE_ENTREPRISES') and not is_granted('ROLE_PARTENAIRES_NATIONAUX') and not is_granted('ROLE_PARTENAIRES_REGIONAUX') and not is_granted('ROLE_PARTICULIER') and not is_granted('ROLE_AUTRES') %} <li class="dropdown-item auth"> <a class="dropdown-item log-out-user" href="{{ path('dashboard') }}">{% trans %}menu_base.Dashboard{% endtrans %}</a> </li> {% endif %} {% if app.user.roles[0] != 'ROLE_SUPER_ADMIN' and app.user.roles[0] != 'ROLE_ADMIN' %} <li class="dropdown-item auth"> <a class="dropdown-item custom-user" href="{{ path('app_profil') }}">{% trans %}menu_base.Modifier_profil{% endtrans %}</a> </li> {% endif %} {% if is_granted('ROLE_ENTREPRISES') or is_granted('ROLE_PARTENAIRES_NATIONAUX') or is_granted('ROLE_PARTENAIRES_REGIONAUX') %} <li class="dropdown-item auth"> <a class="dropdown-item log-out-user" href="{{ path('app_list_demande') }}">{% trans %}menu_base.Demandes{% endtrans %}</a> </li> {% endif %} {% if app.user.roles[0] == 'ROLE_PARTICULIER' or app.user.roles[0] == 'ROLE_AUTRES' %} <li class="dropdown-item auth"> <a class="dropdown-item log-out-user" href="{{ path('app_listInscri') }}">{% trans %}menu_base.Mes_inscriptions{% endtrans %}</a> </li> {% endif %} {% if app.user.roles[0] == 'ROLE_PARTICULIER' or app.user.roles[0] == 'ROLE_ENTREPRISES' or app.user.roles[0] == 'ROLE_PARTENAIRES_NATIONAUX' or app.user.roles[0] == 'ROLE_PARTENAIRES_REGIONAUX' or app.user.roles[0] == 'ROLE_AUTRES' %} <li class="dropdown-item auth"> <a class="dropdown-item log-out-user" href="{{ path('command_history') }}">{% trans %}menu_base.Commandes{% endtrans %}</a> </li> <li class="dropdown-item auth"> <a class="dropdown-item log-out-user" href="{{ path('app_list') }}">{% trans %}menu_base.Documents{% endtrans %}</a> </li> <li class="dropdown-item auth"> <a class="dropdown-item log-out-user" href="{{ path('app_list_sujet_propose') }}">{% trans %}menu_base.Sujets_proposés{% endtrans %}</a> </li> {% endif %} <li class="dropdown-item auth"> <a class="dropdown-item log-out-user" href="{{ path('logout') }}">{% trans %}menu_base.Déconnexion{% endtrans %}</a> </li> </ul> </div> {% else %} <ul class="navbar-nav ml-auto btn-connx align-items-center"> <li class="nav-item text-center"> <a class="nav-link" href="{{ path('show_cart') }}"><i class="fa fa-shopping-cart" aria-hidden="true" id="cart-shop"></i></a> </li> <li class="nav-item text-center"> <a class="nav-link" href="{{ path('login') }}">{% trans %}menu_base.Connexion{% endtrans %}</a> </li> <li class="nav-item text-center"> <a class="nav-link" href="{{ path('app_register') }}">{% trans %}menu_base.Créer_compte{% endtrans %}</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color: white;border: none;"><img src="{{ app.session.get('_locale') == 'ar_TN' ? asset('images/tunisia.png') : asset('images/france (1).png') }}" alt="" style="width: 30px;" /></a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item traduction" href="{{ path('app_change_locale', { '_locale': app.session.get('_locale') == 'ar_TN' ? 'fr' : 'ar_TN' }) }}"><img src="{{ app.session.get('_locale') == 'ar_TN' ? asset('images/france (1).png') : asset('images/tunisia.png') }}" alt="" style="width: 30px;" /></a> </div> </li> </ul> {% endif %} </div> </nav> </div> {% block body %} {% endblock %} {% block modals %} {% endblock %} <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> {# <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> #} <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="{{ asset('js/script.js') }}"></script> <script src="{{ asset('js/script-faq.js') }}"></script> <script src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"></script> <!-- Include jQuery --> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script src="{{ asset('js/escape-html.js') }}"></script> <script src="{{ asset('js/csrf-setup.js') }}"></script> {% block javascripts %} <script> $(document).ready(function () { $.ajax({ url: "{{ path('count_command_article_by_user') }}", type: 'GET', dataType: 'json', success: function (response) { if (response.count > 0) { $('#notifCartSpan').html(`<i id="notifCart" aria-hidden="true" style=" padding-left: -70px !important; font-size: 12px;"><strong style="color:white !important">${response.count}</strong></i>`) } else { $('#notifCartSpan').html('') } } }) $.ajax({ url: "{{ path('count_notification_by_user') }}", type: 'GET', dataType: 'json', success: function (response) { if (response.count > 0) { $('.notification_count').html(`<strong class="notification-dot" >${response.count}</strong>`) } else { $('.notification_count').html('') } } }) }) document.addEventListener('DOMContentLoaded', function () { // Ajoutez un écouteur d'événements pour chaque lien du menu document.querySelectorAll('.nav-item a').forEach(function (link) { link.addEventListener('click', function (e) { // Supprimez la classe 'current' de tous les éléments du menu document.querySelectorAll('.nav-item').forEach(function (item) { item.classList.remove('current') }) // Ajoutez la classe 'current' à l'élément du menu correspondant link.closest('.nav-item').classList.add('current') // Stockez l'ID de la section actuelle dans localStorage localStorage.setItem('currentSection', link.closest('.nav-item').id) }) }) // Lorsque la page est chargée, vérifiez la section actuelle et mettez à jour le menu en conséquence highlightCurrentSection() }) // Fonction pour mettre en surbrillance la section actuelle dans le menu function highlightCurrentSection() { // Récupérez l'ID de la section actuelle depuis localStorage var currentSectionId = localStorage.getItem('currentSection') if (currentSectionId) { // Supprimez la classe 'current' de tous les éléments du menu document.querySelectorAll('.nav-item').forEach(function (item) { item.classList.remove('current') }) // Ajoutez la classe 'current' à l'élément du menu correspondant document.getElementById(currentSectionId).classList.add('current') } } </script> {% endblock %} </body></html>