templates/backfront.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html class="no-js" lang="en">
  3. <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="x-ua-compatible" content="ie=edge">
  8.     <title>{% block title %}SIP Academy - Formation en Développement Web et Certifications IT{% endblock %}</title>
  10.     <meta name="description" content="{% block meta_description %}Découvrez SIP Academy, votre centre de formation en Tunisie, spécialisé dans les formations en développement web et certifications IT{% endblock %}">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
  13.     <!-- favicon
  14.     ============================================ -->
  15.     <link rel="shortcut icon" type="image/x-icon" href="{{ asset('uploads/apropos/' ~ setting.favicon ) }}">
  17.     <!-- Bootstrap CSS
  18.     ============================================ -->
  19.     <link rel="stylesheet" href="{{ asset('asssets2/css/bootstrap.min.css') }}">
  21.     <!-- Fontawsome CSS
  22.     ============================================ -->
  23.     <link rel="stylesheet" href="{{ asset('asssets2/css/font-awesome.min.css') }}">
  25.     <!-- Metarial Iconic Font CSS
  26.     ============================================ -->
  27.     <link rel="stylesheet" href="{{ asset('asssets2/css/material-design-iconic-font.min.css') }}">
  29.     <!-- Plugin CSS
  30.     ============================================ -->
  31.     <link rel="stylesheet" href="{{ asset('asssets2/css/plugin.css') }}">
  33.     <!-- Style CSS
  34.     ============================================ -->
  35.     <link rel="stylesheet" href="{{ asset('style.css')}}">
  37.     <!-- Responsive CSS
  38.     ============================================ -->
  39.     <link rel="stylesheet" href="{{ asset('asssets2/css/responsive.css') }}">
  41.     <style>
  43.         a {
  44.             pointer-events: auto !important;
  45.             z-index: 9999 !important;
  46.         }
  49.         @media (max-width: 768px) {
  50.             .about-lectures {
  51.                 width: 100%; /* Ajustez la largeur selon vos besoins */
  52.                 /* Autres styles CSS mobiles */
  53.             }
  54.             .about-lectures  img  {
  55.                 width: 100%; /* Pour que les images ne dépassent pas la largeur du conteneur */
  56.                 height: auto; /* Pour maintenir la proportion d'origine de l'image */
  57.             }
  58.         }
  59.         @media screen and (max-width: 768px) {
  60.             .g-recaptcha {
  61.                 transform: scale(0.77);
  62.                 -webkit-transform: scale(0.77);
  63.                 transform-origin: 0 0;
  64.                 -webkit-transform-origin: 0 0;
  65.             }
  66.         }
  67.         /* Style pour la section Checkout */
  68.         .checkout-area {
  69.             padding-top: 100px;
  70.             padding-bottom: 70px;
  71.             background-color: #f7f7f7;
  72.         }
  74.         /* Style pour la boîte contenant chaque offre */
  75.         .checkout-area .your-order {
  76.             background-color: #ffffff;
  77.             padding: 30px;
  78.             border-radius: 5px;
  79.             box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  80.         }
  82.         /* Style pour le titre de chaque offre */
  83.         .checkout-area .your-order h3 {
  84.             font-size: 24px;
  85.             margin-bottom: 20px;
  86.             text-transform: uppercase;
  87.             color: #333333;
  88.         }
  90.         /* Style pour la table contenant les options de chaque offre */
  91.         .checkout-area .your-order .your-order-table {
  92.             margin-top: 20px;
  93.         }
  95.         /* Style pour la table des options de chaque offre */
  96.         .checkout-area .your-order table {
  97.             width: 100%;
  98.             border-collapse: collapse;
  99.         }
  101.         .checkout-area .your-order table th {
  102.             font-weight: 600;
  103.             text-align: left;
  104.             padding: 10px 0;
  105.             color: #333333;
  106.             border-bottom: 1px solid #f2f2f2;
  107.         }
  109.         .checkout-area .your-order table td {
  110.             font-weight: 400;
  111.             text-align: left;
  112.             padding: 10px 0;
  113.             color: #666666;
  114.             border-bottom: 1px solid #f2f2f2;
  115.         }
  117.         /* Style pour la ligne de total */
  118.         .checkout-area .your-order table tfoot .order-total th {
  119.             font-weight: 600;
  120.             padding-top: 20px;
  121.             text-align: right;
  122.             color: #333333;
  123.         }
  125.         /* Style pour la ligne de durée */
  126.         .checkout-area .your-order table tfoot .cart-subtotal th {
  127.             border-top: 2px solid #f2f2f2;
  128.             font-weight: 400;
  129.             padding-top: 10px;
  130.             text-align: right;
  131.             color: #666666;
  132.         }
  134.         /* Style pour la ligne de date d'expiration */
  135.         .checkout-area .your-order table tfoot .order-total:last-child th {
  136.             font-weight: 400;
  137.             padding-top: 10px;
  138.             text-align: right;
  139.             color: #666666;
  140.         }
  142.         /* Style pour les liens dans les tables */
  143.         .checkout-area .your-order table a {
  144.             color: #333333;
  145.             text-decoration: none;
  146.         }
  148.         .checkout-area .your-order table a:hover {
  149.             color: #000000;
  150.             text-decoration: underline;
  151.         }
  153.         /* Style pour les colonnes sur mobile */
  154.         @media (max-width: 767px) {
  155.             .checkout-area .your-order table td:first-child,
  156.             .checkout-area .your-order table th:first-child {
  157.                 display: none;
  158.             }
  160.             .checkout-area .your-order table td:nth-child(2),
  161.             .checkout-area .your-order table th:nth-child(2) {
  162.                 font-weight: 600;
  163.             }
  164.         }
  166.     </style>
  167.     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  168. </head>
  169. <body>
  170. <!--[if lt IE 8]>
  171. <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  172. <![endif]-->
  173. <!--Loading Area Start-->
  174. <!--Loading Area Start-->
  175. {#<div class="loading">#}
  176. {#    <div class="text-center middle">#}
  177. {#        <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>#}
  178. {#    </div>#}
  179. {#</div>#}
  180. <!--Loading Area End-->
  181. <!--Loading Area End-->
  182. <!--Main Wrapper Start-->
  183. <div class="as-mainwrapper">
  184.     <!--Bg White Start-->
  185.     <div class="bg-white">
  186.         <!--Header Area Start-->
  187.         <header>
  188.             <div class="header-top">
  189.                 <div class="container">
  190.                     <div class="row">
  191.                         <div class="col-lg-6  col-12">
  192.                             <span>Vous avez une question? nous contacter sur  : {{ setting.contact}} </span>
  193.                         </div>
  194.                         <div class="col-lg-6  col-12">
  195.                             <div class="header-top-right">
  196.                                 <span><i class="fa fa-phone"></i> Téléphone : {{ setting.numero}} </span>
  197.                                 <span> <i class="fa fa-whatsapp"></i> WhatsApp : {{ setting.whatsapp}}</span>
  198.                             </div>
  199.                         </div>
  200.                     </div>
  201.                 </div>
  202.             </div>
  203.             {% block mm %}
  204.                 <div class="header-logo-menu sticker">
  205.                     <div class="container">
  206.                         <div class="row">
  207.                             <div class="col-lg-3 col-12">
  208.                                 <div class="logo" >
  209.                                     <a href="{{ path('app_home') }}"><img style="margin-left: -60px" src="{{ asset('uploads/icon/' ~ setting.icon ) }}" alt="EDUCAT"></a>
  210.                                 </div>
  211.                             </div>
  212.                             <div class="col-lg-9 col-12">
  213.                                 <div class="mainmenu-area pull-right">
  214.                                     <div class="mainmenu d-none d-lg-block">
  215.                                         <nav style="margin-left: -150px;">
  216.                                             <ul id="nav">
  217.                                                 <li class="current"><a href="{{ path('app_home') }}">Accueil</a>
  219.                                                 </li>
  220.                                                 <li><a href="{{ path('app_about') }}">A propos </a></li>
  222.                                                 <li>
  223.                                                     <a href="{{ path('app_formation_elearning_front') }}">Elearning</a>
  224.                                                     <ul class="sub-menu">
  225.                                                         {% for cat in categories %}
  226.                                                             <li><a href="{{ path('app_formation_elearning_front', {'slug': cat.slug}) }}">{{ cat.libelle }}</a></li>
  227.                                                         {% endfor %}
  229.                                                         <li><a href="{{ path('app_pack_elearning_front') }}">Pack </a></li>
  230.                                                     </ul>
  231.                                                 </li>
  232.                                                 <li><a href="{{ path('app_formations') }}">Formations</a>
  233.                                                     <ul class="sub-menu">
  234.                                                         <li><a href="{{ path('app_formations_certifiantes') }}">Certifiantes </a></li>
  235.                                                         <li><a href="{{ path('app_formations_pratique') }}">Pratiques</a></li>
  236.                                                         <li><a href="{{ path('app_formations_bootcamp') }}">Bootcamp</a></li>
  237.                                                         <li><a href="{{ path('app_formations_cursus') }}">Cursus</a></li>
  238.                                                     </ul>
  239.                                                 </li>
  240.                                                 <li><a href="{{ path('app_home_session') }}">Sessions</a>
  241.                                                 <li><a href="{{ path('app_partenaires') }}">Partenaires</a>
  243.                                                 </li>
  244.                                                 <li><a href="{{ path('app_offres') }}">Offres</a>
  246.                                                 </li>
  247.                                                 <li><a href="{{ path('app_galleries_front') }}">Galerie</a>
  248.                                                 </li>
  249.                                                 <li><a href="{{ path('app_contact_contact') }}">Contact</a></li>
  253.                                                 {% if  app.user %}
  254.                                                 {% if 'ROLE_STUDENT' in app.user.roles %}
  255.                                                     <li><a href="{{ path('dashboard_stagiaire') }}">Dashboard</a></li>
  257.                                                 {% else  %}
  258.                                                     <li><a href="{{ path('app_admin') }}">Dashboard</a></li>
  260.                                                 {% endif %}
  262.                                                 {% else %}
  263. {#                                                    <li><a href="{{ path('app_register') }}">S'inscrire</a></li>#}
  265.                                                     <li><a href="{{ path('app_login') }}">Connexion</a></li>
  266.                                                 {% endif %}
  277.                                                 </li>
  278.                                             </ul>
  279.                                         </nav>
  280.                                     </div>
  281.                                                                     <ul class="header-search">
  282.                                                                         <li class="search-menu" style="position: relative;">
  283.                                                                             <a href="{{ path('panier_voir') }}" style="display:inline-block;">
  284.                                                                                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 1024 1024">
  285.                                                                                     <path fill="#000" d="M1015.66 284a31.82 31.82 0 0 0-3.89-29.024c-5.94-8.432-15.39-15.04-26.02-15.04H310.97L264.83 110.61C244.17 40.386 196.32 34.33 176.53 34.33H34.33a31.78 31.78 0 1 0 0 63.56h137.05c4.34 0 17.57 0 26.6 31.18l176.84 649.94c3.5 12.85 15.6 23.18 30.59 23.18h431.97c13.41 0 25.37-8.4 29.9-21.03l152.25-449.68a31.75 31.75 0 0 0-3.89-29.02zM815.03 720.19H429.54L328.39 334.07h616.1zM752 848.13c-44.19 0-80 35.81-80 80s35.81 80 80 80 80-35.81 80-80-35.81-80-80-80zm-288 0c-44.19 0-80 35.81-80 80s35.81 80 80 80 80-35.81 80-80-35.81-80-80-80"/>
  286.                                                                                 </svg>
  287.                                                                                 <span id="cart-count" style="
  288.             position: absolute;
  289.             top: -5px;
  290.             right: -8px;
  291.             background-color: #ffa600;
  292.             color: white;
  293.             border-radius: 50%;
  294.             padding: 2px 6px;
  295.             font-size: 10px;">
  296.             {{ totalPanier|default(0) }}
  297.         </span>
  298.                                                                             </a>
  299.                                                                         </li>
  302.                                                                     </ul>
  303.                                                                     <!--Search Form-->
  304. {#                                                                    <div class="search">#}
  305. {#                                                                        <div class="search-form">#}
  306. {#                                                                            <form id="search-form" action="#">#}
  307. {#                                                                                <input type="search" placeholder="Search here..." name="search" />#}
  308. {#                                                                                <button type="submit">#}
  309. {#                                                                                    <span><i class="fa fa-search"></i></span>#}
  310. {#                                                                                </button>#}
  311. {#                                                                            </form>#}
  312. {#                                                                        </div>#}
  313. {#                                                                    </div>#}
  314.                                     <!--End of Search Form-->
  315.                                 </div>
  318.                             </div>
  319.                         </div>
  320.                     </div>
  321.                 </div>
  322.                 <!-- Mobile Menu Area start -->
  323.                 <div class="mobile-menu-area">
  324.                     <div class="container clearfix">
  325.                         <div class="row">
  326.                             <div class="col-lg-12 col-md-12 col-sm-12">
  327.                                 <div class="mobile-menu">
  328.                                     <nav id="dropdown">
  329.                                         <ul>
  330.                                             <li><a href="{{ path('app_home') }}">Accueil</a></li>
  331.                                             <li><a href="{{ path('app_about') }}">A propos</a></li>
  332.                                             <li><a href="{{ path('app_formations') }}">Formations</a></li>
  333.                                             <li><a href="{{ path('app_home_session') }}">Sessions</a>
  334.                                             <li><a href="{{ path('app_partenaires') }}">Partenaires</a></li>
  335.                                             <li><a href="{{ path('app_offres') }}">Offres</a>
  337.                                             </li>
  338.                                             <li><a href="{{ path('app_galleries_front') }}">Galerie</a></li>
  339.                                             <li><a href="{{ path('app_contact_contact') }}">Contact</a></li>
  340.                                             <li><a href="{{ path('app_register') }}">Crée Compte</a></li>
  341.                                             {% if  app.user %}
  343.                                             <li><a href="{{ path('app_admin') }}">Dashboard</a>
  344.                                                 {% else %}
  345.                                             <li><a href="{{ path('app_login') }}">Connexion</a>
  346.                                                 {% endif %}
  347.                                         </ul>
  348.                                         {#         <ul>
  349.                                         <li><a href="index.html">HOME</a>
  350.                                             <ul>
  351.                                                 <li><a href="index.html">Home Version 1</a></li>
  352.                                                 <li><a href="index-2.html">Home Version 1</a></li>
  353.                                             </ul>
  354.                                         </li>
  355.                                         <li><a href="gallery.html">Gallery</a>
  356.                                             <ul>
  357.                                                 <li><a href="gallery.html">Gallery</a></li>
  358.                                                 <li><a href="gallery-2.html">Gallery Filtaring</a></li>
  359.                                                 <li><a href="gallery-four-column.html">Gallery Four Column</a></li>
  360.                                             </ul>
  361.                                         </li>
  362.                                         <li><a href="team-details.html">Team Details</a></li>
  363.                                         <li><a href="course.html">Courses</a>
  364.                                             <ul class="sub-menu">
  365.                                                 <li><a href="courses-details.html">Courses Details</a></li>
  366.                                             </ul>
  367.                                         </li>
  368.                                         <li><a href="shop.html">Shop</a>
  369.                                             <ul class="sub-menu">
  370.                                                 <li><a href="single-product.html">Single Product</a></li>
  371.                                             </ul>
  372.                                         </li>
  373.                                         <li><a href="event.html">Event</a>
  374.                                             <ul class="sub-menu">
  375.                                                 <li><a href="event-details.html">Event Details</a></li>
  376.                                             </ul>
  377.                                         </li>
  378.                                         <li><a href="blog.html">Blog</a>
  379.                                             <ul class="sub-menu">
  380.                                                 <li><a href="blog-details.html">Blog Details</a></li>
  381.                                                 <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
  382.                                                 <li><a href="blog-no-sidebar.html">Blog No Sidebar</a></li>
  383.                                             </ul>
  384.                                         </li>
  385.                                         <li><a href="contact.html">Pages</a>
  386.                                             <ul>
  387.                                                 <li><a href="team-details.html">Team Details</a></li>
  388.                                                 <li><a href="course.html">Courses Page</a></li>
  389.                                                 <li><a href="courses-details.html">Course Details Page</a></li>
  390.                                                 <li><a href="event.html">Event Page</a></li>
  391.                                                 <li><a href="event-details.html">Event Details Page</a></li>
  392.                                                 <li><a href="blog.html">Blog</a></li>
  393.                                                 <li><a href="blog-details.html">Blog Details Page</a></li>
  394.                                                 <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
  395.                                                 <li><a href="blog-no-sidebar.html">Blog No Sidebar</a></li>
  396.                                                 <li><a href="wishlist.html">Wishlist Page</a></li>
  397.                                                 <li><a href="checkout.html">Checkout Page</a></li>
  398.                                                 <li><a href="cart.html">Shopping Cart Page</a></li>
  399.                                                 <li><a href="login-register.html">Login Page</a></li>
  400.                                                 <li><a href="contact.html">Contact</a></li>
  401.                                                 <li><a href="404.html">404 Error</a></li>
  402.                                             </ul>
  403.                                         </li>
  404.                                         <li><a href="contact.html">Contact us</a></li>
  405.                                     </ul>#}
  406.                                     </nav>
  407.                                 </div>
  408.                             </div>
  409.                         </div>
  410.                     </div>
  411.                 </div>
  412.             {% endblock %}
  413.             <!-- Mobile Menu Area end -->
  414.         </header>
  415.         <!--End of Header Area-->
  416.         <!--Slider Area Start-->
  417.         {% block body %}
  419.             <div class="slider-area">
  420.                 <div class="hero-slider owl-carousel">
  421.                     <!--Single Slider Start-->
  422.                     {% for ban in ban %}
  423.                         <div class="single-slider" style="background-image: url('{{asset('uploads/banniere/'~ ban.image  )}}')">
  424.                             <div class="hero-slider-content">
  425.                                 <h1> {{ ban.titre }}</h1>
  426.                                 <p>{{ ban.description }}</p>
  427.                                 <div class="slider-btn" style="-webkit-animation-name: fadeInUp;
  428.     animation-name: fadeInUp;
  429.     -webkit-animation-delay: 1200ms;
  430.     animation-delay: 1200ms;">
  431.                                     <a class="button-default" href="{{ ban.lienboutou }}" target="_blank">Voir plus</a>
  432.                                 </div>
  433.                             </div>
  434.                         </div>
  435.                         <!--Single Slider End-->
  436.                     {% endfor %}
  437.                     <!--Single Slider Start-->
  438.                     <!--Single Slider End-->
  439.                 </div>
  440.             </div>
  442.             <!--Slider Area End-->
  443.             <!--About Area Start-->
  444.             <div class="about-area mt-95">
  445.                 <div class="container">
  446.                     <div class="row">
  447.                         <div class="col-lg-7">
  448.                             <div class="about-container">
  449.                                 <h3>{{ setting.description1 }}</h3>
  450.                                 <p style="text-align: justify">{{ setting.description2}}</p>
  452.                                 <a class="button-default" href="{{ path('app_about') }}">plus de détails</a>
  453.                             </div>
  454.                         </div>
  455.                         <div class="col-lg-5">
  456.                             <!--About Image Area Start-->
  457.                             <div class="about-image-area img-full">
  458.                                 <img src="{{ asset('uploads/apropos/' ~ setting.imageapropos ) }}" alt="">
  459.                             </div>
  460.                             <!--About Image Area End-->
  461.                         </div>
  462.                     </div>
  463.                 </div>
  464.             </div>
  465.             <!--End of About Area-->
  466.             <!--Course Area Start-->
  467.             <div class="course-area section-padding">
  468.                 <div class="container">
  469.                     <div class="row">
  470.                         <div class="col-md-12">
  471.                             <div class="section-title-wrapper">
  472.                                 <div class="section-title">
  473.                                     <h3>Formations Populaires</h3>
  474.                                     <p>Consulter toutes nos formations populaires</p>
  475.                                 </div>
  476.                             </div>
  477.                         </div>
  478.                     </div>
  479.                     <div class="row">
  480.                         {% for fo in for %}
  481.                             <div class="col-lg-4 col-md-6 col-12">
  482.                                 <div class="single-item">
  483.                                     <div class="single-item-image overlay-effect">
  484.                                         <a href="{{ path('app_formation_detailsfront', {'slug': fo.slug}) }}"><img src="{{ asset('uploads/formation/' ~ fo.affiche ) }}" alt=""></a>
  485.                                         {% for f in formateur %}
  486.                                             {% if fo.formateur.id == f.id %}
  487.                                                 <div class="courses-hover-info">
  488.                                                     <div class="courses-hover-action">
  489.                                                         <div class="courses-hover-thumb">
  490.                                                             <img src="{{asset('uploads/coach/'~ f.logo  )}}" alt="small images" style="width: 40px;height: 40px">
  491.                                                         </div>
  492.                                                         <h4><a href="#">{{ f.prenom }} {{ f.nom }}</a></h4>
  493.                                                         <span class="crs-separator">/</span>
  494.                                                         <p>{{ f.poste}}</p>
  495.                                                     </div>
  496.                                                 </div>
  497.                                             {% endif %}
  498.                                         {% endfor %}
  499.                                     </div>
  500.                                     <div class="single-item-text">
  501.                                         <h4><a href="{{ path('app_formation_detailsfront', {'slug': fo.slug}) }}">{{ fo.titre }}</a></h4>
  502.                                         <p>{{ fo.desccourt|raw }}</p>
  503.                                         <div class="single-item-content">
  505.                                             <div class="single-item-rating">
  506.                                                 <i class="zmdi zmdi-star"></i>
  507.                                                 <i class="zmdi zmdi-star"></i>
  508.                                                 <i class="zmdi zmdi-star"></i>
  509.                                                 <i class="zmdi zmdi-star"></i>
  510.                                                 <i class="zmdi zmdi-star"></i>
  511.                                             </div>
  512.                                         </div>
  513.                                     </div>
  514.                                 </div>
  515.                             </div>
  516.                         {% endfor %}
  517.                         <div class="col-md-12 col-sm-12 text-center">
  518.                             <a href="{{ path('app_formations') }}" class="button-default button-large">Parcourir nos formations <i class="zmdi zmdi-chevron-right"></i></a>
  519.                         </div>
  520.                     </div>
  521.                 </div>
  522.             </div>
  523.             <!--End of Course Area-->
  524.             <!--Fun Factor Area Start-->
  525.             <div class="fun-factor-area" style="background-color: #dae3ff">
  526.                 <div class="container">
  527.                     <div class="row">
  528.                         <div class="col-lg-3 col-md-6 col-12">
  529.                             <div class="single-fun-factor mb-30">
  530.                                 <h2><span class="">{{ setting.membres }}</span>+</h2>
  531.                                 <h4>Membres</h4>
  532.                             </div>
  533.                         </div>
  534.                         <div class="col-lg-3 col-md-6 col-12">
  535.                             <div class="single-fun-factor mb-30">
  536.                                 <h2><span class="">{{ setting.nbrformation }}</span>+</h2>
  537.                                 <h4>Formations</h4>
  538.                             </div>
  539.                         </div>
  540.                         <div class="col-lg-3 col-md-6 col-12">
  541.                             <div class="single-fun-factor mb-30">
  542.                                 <h2><span class="">{{ setting.formateurs }}</span>+</h2>
  543.                                 <h4>Formateurs</h4>
  544.                             </div>
  545.                         </div>
  546.                         <div class="col-lg-3 col-md-6 col-12">
  547.                             <div class="single-fun-factor mb-30">
  548.                                 <h2><span class="">{{ setting.pays }}</span>+</h2>
  549.                                 <h4>Pays</h4>
  550.                             </div>
  551.                         </div>
  552.                     </div>
  553.                 </div>
  554.             </div>
  556.             <!--End of Fun Factor Area-->
  557.             <!--Latest News Area Start-->
  558.             {#<div class="latest-area section-padding bg-white">
  559.             <div class="container">
  560.                 <div class="row">
  561.                     <div class="col-md-12">
  562.                         <div class="section-title-wrapper">
  563.                             <div class="section-title">
  564.                                 <h3>Latest News</h3>
  565.                                 <p>There are many variations of passages</p>
  566.                             </div>
  567.                         </div>
  568.                     </div>
  569.                 </div>
  570.                 <div class="row">
  571.                     <div class="col-lg-4 col-md-6 col-12">
  572.                         <div class="single-latest-item">
  573.                             <div class="single-latest-image">
  574.                                 <a href="blog-details.html"><img src="img/latest/1.jpg" alt=""></a>
  575.                             </div>
  576.                             <div class="single-latest-text">
  577.                                 <h3><a href="blog-details.html">Learn English in ease</a></h3>
  578.                                 <div class="single-item-comment-view">
  579.                                     <span><i class="zmdi zmdi-calendar-check"></i>25 jun 2050</span>
  580.                                     <span><i class="zmdi zmdi-eye"></i>59</span>
  581.                                     <span><i class="zmdi zmdi-comments"></i>19</span>
  582.                                 </div>
  583.                                 <p>There are many variaons of passages of Lorem Ipsuable, amrn in some by injected humour, </p>
  584.                                 <a href="blog-details.html" class="button-default">Read More</a>
  585.                             </div>
  586.                         </div>
  587.                     </div>
  588.                     <div class="col-lg-4 col-md-6 col-12">
  589.                         <div class="single-latest-item">
  590.                             <div class="single-latest-image">
  591.                                 <a href="blog-details.html"><img src="img/latest/2.jpg" alt=""></a>
  592.                             </div>
  593.                             <div class="single-latest-text">
  594.                                 <h3><a href="blog-details.html">Learn English in ease</a></h3>
  595.                                 <div class="single-item-comment-view">
  596.                                     <span><i class="zmdi zmdi-calendar-check"></i>25 jun 2050</span>
  597.                                     <span><i class="zmdi zmdi-eye"></i>59</span>
  598.                                     <span><i class="zmdi zmdi-comments"></i>19</span>
  599.                                 </div>
  600.                                 <p>There are many variaons of passages of Lorem Ipsuable, amrn in some by injected humour, </p>
  601.                                 <a href="blog-details.html" class="button-default">Read More</a>
  602.                             </div>
  603.                         </div>
  604.                     </div>
  605.                     <div class="col-lg-4 col-md-6 col-12">
  606.                         <div class="single-latest-item">
  607.                             <div class="single-latest-image">
  608.                                 <a href="blog-details.html"><img src="img/latest/4.jpg" alt=""></a>
  609.                             </div>
  610.                             <div class="single-latest-text">
  611.                                 <h3><a href="blog-details.html">Learn English in ease</a></h3>
  612.                                 <div class="single-item-comment-view">
  613.                                     <span><i class="zmdi zmdi-calendar-check"></i>25 jun 2050</span>
  614.                                     <span><i class="zmdi zmdi-eye"></i>59</span>
  615.                                     <span><i class="zmdi zmdi-comments"></i>19</span>
  616.                                 </div>
  617.                                 <p>There are many variaons of passages of Lorem Ipsuable, amrn in some by injected humour, </p>
  618.                                 <a href="blog-details.html" class="button-default">Read More</a>
  619.                             </div>
  620.                         </div>
  621.                     </div>
  622.                 </div>
  623.             </div>
  624.         </div>#}
  625.             <!--End of Latest News Area-->
  626.             <!--Online Product Area Start-->
  629.             <br>
  631.             <div class="event-area section-padding bg-white">
  632.                 <div class="container">
  633.                     <div class="row">
  634.                         <div class="col-md-12">
  635.                             <div class="section-title-wrapper">
  636.                                 <div class="section-title">
  637.                                     <h3>Prochaines Sessions</h3>
  638.                                     {#                                    <p>There are many variations of passages</p>#}
  639.                                 </div>
  640.                             </div>
  641.                         </div>
  642.                     </div>
  643.                     <div class="row">
  645.                         {% for evenement in evenements %}
  646.                             <div class="col-lg-4 col-md-6">
  647.                                 <div class="single-event-item">
  648.                                     <div class="single-event-image">
  649.                                         <a href="{{ path('app_details_session',{'slug':evenement.slug}) }}">
  650.                                             {#                                        <img src="{{asset('uploads/evenement/'~ evenement.image  )}}" alt="">#}
  655.                                             {% if evenement.image %}
  656.                                                 <img src="{{asset('uploads/evenement/'~ evenement.image  )}}" alt="">
  657.                                             {% elseif evenement.formation %}
  658.                                                 <img src="{{asset('uploads/formation/'~ evenement.formation.affiche  )}}"   alt="">
  659.                                             {% else %}
  660.                                             {% endif %}
  661.                                             <span>{{ evenement.starttime |date('d M') }}</span>
  662.                                         </a>
  663.                                     </div>
  664.                                     <div class="single-event-text">
  665.                                         <h3><a href="{{ path('app_details_session',{'slug':evenement.slug}) }}">{{ evenement.titre }}</a></h3>
  666.                                         <div class="single-item-comment-view">
  667.                                             <span><i class="zmdi zmdi-time"></i>{{ evenement.starttime |date('d-m H:i') }}- {{ evenement.endtime |date('d-m H:i') }}</span>
  668.                                             <span><i class="zmdi zmdi-pin"></i>{{ evenement.adresse }}</span>
  669.                                         </div>
  670.                                         <p>{{ evenement.descriptionshort|raw}}</p>
  671.                                         <a class="button-default" href="{{ path('app_details_session',{'slug':evenement.slug}) }}">Détails</a>
  672.                                     </div>
  673.                                 </div>
  674.                             </div>
  675.                         {% endfor %}
  676.                     </div>
  677.                 </div>
  678.             </div>
  681.             <div class="product-area section-bottom-padding bg-white">
  682.                 <div class="container">
  683.                     <div class="row">
  684.                         <div class="col-md-12">
  685.                             <div class="section-title-wrapper">
  686.                                 <div class="section-title">
  687.                                     <h3>Dérnieres Vidéos</h3>
  688.                                     <a href="{{ setting.lienyoutube }}">Consulter Notre Page Youtube</a>
  689.                                 </div>
  690.                             </div>
  691.                         </div>
  692.                     </div>
  693.                     <div class="row">
  694.                         {% for v in video %}
  695.                             <div class="col-lg-3 col-md-6">
  696.                                 <!--Single Product Start-->
  697.                                 <div class="single-product mb-30">
  698.                                     <div class="product-img img-full">
  699.                                         <a href="" tabindex="0">
  700.                                             <video controls width="250" height="270">  <source src="{{ asset('uploads/video/' ~ v.videov ) }}"></video>
  701.                                         </a>
  702.                                     </div>
  703.                                     <div class="product-content">
  704.                                         <h2><a href="" tabindex="0">{{ v.titre }}</a></h2>
  705.                                         {#                                        <div class="product-price">#}
  706.                                         {#                                            <div class="price-box">#}
  707.                                         {#                                                <span class="regular-price"></span>#}
  708.                                         {#                                            </div>#}
  709.                                         {#                                            <div class="add-to-cart">#}
  710.                                         {#                                                <a href="#" tabindex="0">{{ v.titre }}</a>#}
  711.                                         {#                                            </div>#}
  712.                                         {#                                        </div>#}
  713.                                     </div>
  714.                                 </div>
  716.                                 <!--Single Product Start-->
  717.                             </div>
  718.                         {% endfor %}
  719.                     </div>
  721.                 </div>
  722.             </div>
  723.             <!--End of Online Product Area-->
  725.             <!--Testimonial Area Start-->
  726.             <div class="testimonial-area">
  727.                 <div class="container">
  728.                     <div class="row">
  729.                         <div class="testimonial-slider-2 owl-carousel">
  730.                             {% for temoii in temoi %}
  731.                                 <div class="col-12">
  732.                                     <div class="single-testimonial testimonial-style-2">
  733.                                         <div class="des-testimonial">
  734.                                             {{ temoii.description }}                                </div>
  735.                                         <div class="testimonial-author">
  736.                                             <div class="author-img">
  737.                                                 <img src="{{ asset('uploads/temoignage/' ~ temoii.image ) }}" alt="" style="width: 100%;height: 100%" >
  738.                                             </div>
  739.                                             <div class="author-content">
  740.                                                 <h5>{{ temoii.prenom }} {{ temoii.nom }} &nbsp; </h5>
  741.                                                 <p>{{ temoii.poste }}</p>
  742.                                             </div>
  743.                                         </div>
  744.                                     </div>
  745.                                 </div>
  746.                             {% endfor %}
  747.                         </div>
  748.                     </div>
  749.                 </div>
  750.             </div>
  751.             <!--Testimonial Area End-->
  752.             <!--Testimonial Area End-->
  753.             <!--Event Area Start-->
  754.             <!--Latest News Area Start-->
  755.             <div class="latest-area section-padding bg-white">
  756.                 <div class="container">
  757.                     <div class="row">
  758.                         <div class="col-md-12">
  759.                             <div class="section-title-wrapper">
  760.                                 <div class="section-title">
  761.                                     <div  id="actualites"></div>
  762.                                     <h3>Dernières Actualités</h3>
  763.                                     {#                                    <p>There are many variations of passages</p>#}
  764.                                 </div>
  765.                             </div>
  766.                         </div>
  767.                     </div>
  768.                     <div class="row">
  769.                         {% for actualite in actualites %}
  770.                             <div class="col-lg-4 col-md-6 col-12">
  771.                                 <div class="single-latest-item">
  772.                                     <div class="single-latest-image">
  773.                                         <a href="{{ path('app_details_actualite',{'slug':actualite.slug}) }}"><img src="{{asset('uploads/actualite/'~ actualite.image  )}}" alt=""></a>
  774.                                     </div>
  775.                                     <div class="single-latest-text">
  776.                                         <h3><a href="{{ path('app_details_actualite',{'slug':actualite.slug}) }}">{{ actualite.titre }}</a></h3>
  777.                                         <div class="single-item-comment-view">
  778.                                             <span><i class="zmdi zmdi-calendar-check"></i>{{ actualite.date | date('d M Y') }}</span>
  779.                                             <span><i class="zmdi zmdi-eye"></i>{{ actualite.nbvue }}</span>
  780.                                             <span><i class="zmdi zmdi-comments"></i>{{ actualite.nbcommentaire }}</span>
  781.                                         </div>
  782.                                         {{ actualite.desccourt|raw }}
  783.                                         <a href="{{ path('app_details_actualite',{'slug':actualite.slug}) }}" class="button-default">Lire la suite</a>
  784.                                     </div>
  785.                                 </div>
  786.                             </div>
  787.                         {% endfor %}
  788.                     </div>
  789.                 </div>
  790.             </div>
  791.             <!--End of Latest News Area-->
  794.             <!--offres-->
  796.             {# <div class="checkout-area pt-100 pb-70">
  798.                 <div class="container">
  800.                     <div class="row">
  801.                         {%  for offf in off  %}
  802.                         <div class="col-lg-4 col-12" >
  804.                             <div class="your-order">
  806.                                 <h3>OFFRE {{ offf.titre }}</h3>
  807.                                 <div class="your-order-table table-responsive">
  808.                                     <table class="table">
  809.                                         <thead>
  810.                                         <tr>
  811.                                             <th class="cart-product-name">{{ offf.option1 }}</th>
  812.                                         </tr>
  813.                                         <tr>
  814.                                             <th class="cart-product-name">{{ offf.option2 }}</th>
  815.                                         </tr>
  816.                                         <tr>
  817.                                             <th class="cart-product-name">{{ offf.option3 }}</th>
  818.                                         </tr>
  819.                                         <tr>
  820.                                             <th class="cart-product-name">{{ offf.option4 }}</th>
  821.                                         </tr>
  822.                                         <tr>
  823.                                             <th class="cart-product-name">{{ offf.option5 }}</th>
  824.                                         </tr>
  825.                                         </thead>
  826.                                         <tbody>
  828.                                         </tbody>
  829.                                         <tfoot>
  830.                                         <tr class="cart-subtotal">
  831.                                             <th>Durée:{{ offf.duree }}</th>
  833.                                         </tr>
  834.                                         <tr class="order-total">
  835.                                             <th>Prix:{{ offf.prix }}DT</th>
  836.                                         </tr>
  837.                                         <tr class="order-total">
  838.                                             <th>Date expiration:{{ offf.dateexp |date('d-m-Y ') }}</th>
  839.                                         </tr>
  840.                                         </tfoot>
  841.                                     </table>
  842.                                 </div>
  844.                             </div>
  846.                         </div>
  847. {% endfor %}
  848.                     </div>
  850.                 </div>
  852.             </div>#}
  856.             <div class="event-area section-padding bg-white">
  857.                 <div class="container">
  858.                     <div class="row">
  859.                         <div class="col-md-12">
  860.                             <div class="section-title-wrapper">
  861.                                 <div class="section-title">
  862.                                     <h3>NOS ABONNEMENTS</h3>
  863.                                     {#                                    <p>There are many variations of passages</p>#}
  864.                                 </div>
  865.                             </div>
  866.                         </div>
  867.                     </div>
  868.                     <div class="row">
  870.                         {% for evenement in off %}
  871.                             <div class="col-lg-4 col-md-6">
  872.                                 <div class="single-event-item">
  873.                                     <div class="single-event-image">
  874.                                         <a {#href="{{ path('app_details_session',{'slug':evenement.slug}) }}#}>
  875.                                             <img src="{{asset('uploads/affiche/'~ evenement.affiche  )}}" alt="">
  876.                                             <span>{{ evenement.titre }}
  881.                                             </span>
  882.                                         </a>
  883.                                     </div>
  884.                                     <div class="single-event-text">
  885.                                         <h3><a
  886.                                                     href="{{ path('app_details_offres',{'slug':evenement.slug}) }}">{{ evenement.prix }} DT</a></h3>
  887.                                         <div class="single-item-comment-view" style="text-align: justify;">
  888.                                             {% for tt in evenement.formation %}
  889.                                                 <span style="margin-right: 0px"><i class="fa fa-check" style="color: green"></i>Promo {{ tt.titre }}</span>
  890.                                                 <br>
  891.                                             {% endfor %}
  892.                                             <span style="margin-right: 0px"><i class="fa fa-check" style="color: green"></i> {{ evenement.option5 }}</span>
  893.                                         </div>
  894.                                         <p>{{ evenement.duree}}</p>
  895.                                         <a class="button-default"
  896.                                            href="{{ path('app_details_offres',{'slug':evenement.slug}) }}"
  897.                                         >Détails</a>
  898.                                     </div>
  899.                                 </div>
  900.                             </div>
  901.                         {% endfor %}
  902.                     </div>
  903.                 </div>
  904.             </div>
  907.             <!--End offres-->
  908.         {% endblock %}
  909.         <!--End of Event Area-->
  910.         <footer>
  911.             <!--Newsletter Area Start-->
  912.             <div class="newsletter-area">
  913.                 <div class="container">
  914.                     <div class="row">
  915.                         <div class="col-lg-5 col-md-5">
  916.                             <div class="newsletter-content">
  917.                                 <h3 style="font-size: 23px" >
  918.                                     S'ABONNER À NOTRE NEWSLETTER
  919.                                 </h3>
  921.                             </div>
  922.                         </div>
  923.                         <div class="col-lg-7 col-md-7">
  924.                             <div class="newsletter-form angle">
  925.                                 <form action="http://devitems.us11.list-manage.com/subscribe/post?u=6bbb9b6f5827bd842d9640c82&amp;id=05d85f18ef" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mc-form footer-newsletter fix">
  926.                                     <div class="subscribe-form">
  927.                                         <input type="text " name="email" id="email" class="form-control" placeholder="Saisissez votre email" >
  928.                                         <button class="btn btn-theme" type="button" onclick="addNewsletter()"><i class="fa fa-paper-plane"></i></button>
  929.                                     </div>
  930.                                 </form>
  931.                                 <!-- mailchimp-alerts Start -->
  932.                                 <div class="mailchimp-alerts text-centre fix pull-right">
  933.                                     <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
  934.                                     <div class="mailchimp-success"></div><!-- mailchimp-success end -->
  935.                                     <div class="mailchimp-error"></div><!-- mailchimp-error end -->
  936.                                 </div>
  937.                                 <!-- mailchimp-alerts end -->
  938.                             </div>
  939.                         </div>
  940.                     </div>
  941.                 </div>
  942.             </div>
  943.             <!--End of Newsletter Area-->
  944.             <!--Footer Widget Area Start-->
  945.             <div class="footer-widget-area">
  946.                 <div class="container">
  947.                     <div class="row">
  948.                         <div class="col-lg-3 col-md-6">
  949.                             <div class="single-footer-widget">
  950.                                 <div class="footer-logo">
  951.                                     <a href="index.html"><img src="{{ asset('uploads/logo/' ~ setting.logofooter ) }}" alt=""></a>
  952.                                 </div>
  953.                                 <p style="text-align: justify">{{ setting.footer1}} </p>
  954.                                 <div class="social-icons">
  955.                                     <a href="{{ setting.lienfb }}"><i class="zmdi zmdi-facebook"></i></a>
  956.                                     <a href="{{ setting.lienlikedin }}"><i class="zmdi zmdi-linkedin"></i></a>
  957.                                     <a href="{{ setting.liengit }}"><i class="zmdi zmdi-github"></i></a>
  958.                                     <a href="{{ setting.lienyoutube }}"><i class="zmdi zmdi-youtube"></i></a>
  959.                                     <a href="{{ setting.lieninsta }}"><i class="zmdi zmdi-instagram"></i></a>
  960.                                 </div>
  961.                             </div>
  962.                         </div>
  963.                         <div class="col-lg-3 col-md-6">
  964.                             <div class="single-footer-widget">
  965.                                 <h3>Nous Contacter</h3>
  966.                                 <span><i class="fa fa-phone"></i>{{ setting.numero }}</span>
  967.                                 <span><i class="fa fa-whatsapp"></i>{{ setting.whatsapp }}</span>
  968.                                 <span><i class="fa fa-envelope"></i>{{ setting.contact }}</span>
  969.                                 {#                                <span><i class="fa fa-globe"></i>smart-it-partner.com</span>#}
  970.                                 <span><i class="fa fa-map"></i>{{ setting.adresse }}</span>
  971.                             </div>
  972.                         </div>
  973.                         <div class="col-lg-3 col-md-6">
  974.                             <div class="single-footer-widget">
  975.                                 <h3>Liens utiles</h3>
  976.                                 <ul class="footer-list">
  977.                                     <li><a href="{{ path('app_home') }}">Accueil</a></li>
  978.                                     <li><a href="{{ path('app_about') }}">A propos</a></li>
  980.                                     <li><a href="{{ path('app_formations') }}">Formations</a></li>
  981.                                     <li><a href="{{ path('app_partenaires') }}">Partenaires</a></li>
  982.                                     <li><a href="{{ path('app_contact_contact') }}">Contact</a></li>
  983.                                     <li><a href="{{ path('app_register') }}">Crée Compte</a></li>
  984.                                     <li><a href="{{ path('app_login') }}">Connexion</a></li>
  985.                                     <li><a href="{{ path('app_home_conditiongeneral') }}">Terms &amp; Conditions</a></li>
  986.                                 </ul>
  987.                             </div>
  988.                         </div>
  989.                         <div class="col-lg-3 col-md-6">
  990.                             <div class="single-footer-widget">
  991.                                 <h3>Maps</h3>
  992.                                 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3190.6716507894507!2d10.189759375606597!3d36.89820257221939!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12e2cb74d20b4e1d%3A0xcf369d3af5474b44!2sUniversit%C3%A9%20SESAME!5e0!3m2!1sfr!2stn!4v1680660777893!5m2!1sfr!2stn" width="320px" height="220px" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  993.                             </div>
  994.                         </div>
  995.                     </div>
  996.                 </div>
  997.             </div>
  998.             <!--End of Footer Widget Area-->
  999.             <!--Footer Area Start-->
  1000.             <div class="footer-area">
  1001.                 <div class="container">
  1002.                     <div class="row">
  1003.                         <div class="col-lg-6 col-md-7 col-12">
  1004.                             <span>Copyright &copy; SIP ACADEMY {{ "now" | date("Y") }}. All right reserved.Created by <a href="https://smart-it-partner.com/"  target="_blank">Smart IT Partner</a></span>
  1005.                         </div>
  1006.                         <div class="col-lg-6 col-md-5 col-12">
  1007.                             <div class="column-right">
  1008.                                 <span><a href="{{ path('app_home_conditiongeneral') }}" target="_blank">Terms &amp; Conditions</a></span>
  1009.                             </div>
  1010.                         </div>
  1011.                     </div>
  1012.                 </div>
  1013.             </div>
  1014.             <!--End of Footer Area-->
  1015.         </footer>
  1017.         <!--End of Main Wrapper Area-->
  1021.         <!-- jquery
  1022.         ============================================ -->
  1023.         <script src="{{ asset('asssets2/js/vendor/modernizr-3.6.0.min.js') }}"></script>
  1024.         <script src="{{ asset('asssets2/js/vendor/jquery-3.6.0.min.js') }}"></script>
  1025.         <script src="{{ asset('asssets2/js/vendor/jquery-migrate-3.3.2.min.js') }}"></script>
  1027.         <!-- popper JS
  1028.         ============================================ -->
  1029.         <script src="{{ asset('asssets2/js/popper.min.js') }}"></script>
  1031.         <!-- bootstrap JS
  1032.         ============================================ -->
  1033.         <script src="{{ asset('asssets2/js/bootstrap.min.js') }}"></script>
  1035.         <!-- AJax Mail JS
  1036.         ============================================ -->
  1037.         <script src="{{ asset('asssets2/js/ajax-mail.js') }}"></script>
  1039.         <!-- plugins JS
  1040.         ============================================ -->
  1041.         <script src="{{ asset('asssets2/js/plugins.js') }}"></script>
  1043.         <!-- main JS
  1044.         ============================================ -->
  1045.         <script src="{{ asset('asssets2/js/main.js') }}"></script>
  1046.         <link href="//cdn.jsdelivr.net/npm/@sweetalert2/themes" rel="stylesheet">
  1048.         <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  1049.         <script>
  1051.             function fireSweetAlert() {
  1052.                 Swal.fire(
  1055.                     {
  1057.                         icon: 'success',
  1058.                         title: 'Vous désormais inscrit au newsletters',
  1059.                         showConfirmButton: false,
  1060.                         timer: 2800
  1061.                     }
  1062.                 )
  1063.             }
  1065.         </script>
  1066.         <script>
  1068.             function fireSweetAlert2() {
  1069.                 Swal.fire(
  1072.                     {
  1074.                         icon: 'success',
  1075.                         title: 'Vous êtes déjà inscrit' ,
  1076.                         showConfirmButton: false,
  1077.                         timer: 2800
  1078.                     }
  1079.                 )
  1080.             }
  1082.         </script>
  1083.         <script>
  1085.             function fireSweetAlert3() {
  1086.                 Swal.fire(
  1089.                     {
  1091.                         icon: 'success',
  1092.                         title: 'Vous devez entrez votre email',
  1093.                         showConfirmButton: false,
  1094.                         timer: 2800
  1095.                     }
  1096.                 )
  1097.             }
  1099.         </script>
  1101.         <script>
  1102.             function addNewsletter(){
  1103.                 console.log("ok new")
  1104.                 var email=document.getElementById("email").value;
  1105.                 if(email != ""){
  1106.                     $.ajax({
  1107.                         type: "POST",
  1108.                         url: "{{ path('app_newsletter_new_ajax') }}",
  1109.                         data:  {email:email  },
  1110.                         success: function (data) {
  1112.                             console.log( document.getElementById('messagesuccess'));
  1113.                             if (data === 1){
  1114.                                 fireSweetAlert();
  1115.                                 console.log( data);
  1117.                             }
  1118.                             else  {
  1119.                                 fireSweetAlert2()
  1120.                                 console.log( data);
  1121.                             }
  1124.                         }
  1125.                     })}
  1126.                 else {
  1127.                     fireSweetAlert3()
  1128.                 }
  1129.             }
  1130.         </script>
  1132.         <script async src="https://www.googletagmanager.com/gtag/js?id=G-9C4DLY6W7X"></script>
  1133.         <script>
  1134.             window.dataLayer = window.dataLayer || [];
  1135.             function gtag(){dataLayer.push(arguments);}
  1136.             gtag('js', new Date());
  1138.             gtag('config', 'G-9C4DLY6W7X');
  1139.         </script>
  1141. <script>
  1142.     // Exemple problématique potentiel :
  1143.     document.querySelector('.search-menu a').addEventListener('click', function(event) {
  1144.         event.preventDefault(); // Empêche le comportement par défaut
  1145.         window.location.href = "{{ path('panier_voir') }}"; // Redirige vers la page panier
  1146.     });
  1149. </script>
  1150. </body>
  1151. </html>