templates/front/base.html.twig line 40

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html class="no-js" lang="fr">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <title>{% block title %} {{ Globals.getCompany().title }} {% endblock %}</title>
  9.     <meta name="description"
  10.           content="{% block meta_description %}{{ seo_description|default('')|e }}{% endblock %}">
  12.     {% block meta %}
  13.         <meta name="keywords" content="{{ Globals.getCompany().keywords }}">
  14.         {#<meta name="description" content="{{ Globals.getCompany().description }}">#}
  15.         <meta name="author" content="{{ Globals.getCompany().name }}">
  16.         {# Facebook OG #}
  17.         <meta property="og:image" content="{{ asset(Globals.getCompany().logo)  }}">
  18.         <meta property="og:url" content="https://www.sunshineelegance.tn/">
  19.         <meta property="og:type" content="article">
  20.         <meta property="og:title" content="{{ Globals.getCompany().title }}">
  21.         <meta property="og:description" content="{{ Globals.getCompany().description }}">
  22.         {# Twitter OG #}
  23.         <meta name="twitter:title" content="{{ Globals.getCompany().title }}">
  24.         <meta name="twitter:description" content="{{ Globals.getCompany().description }}">
  25.         <meta name="twitter:image" content="{{ asset(Globals.getCompany().logo) }}">
  26.         <meta name="twitter:card" content="summary_large_image">
  27.     {% endblock %}
  28.     <link href="{{ asset('front/assets/toast/css/nice-toast-js.min.css') }}" rel="stylesheet" type="text/css" />
  29.     {# Favicon #}
  30.     <link rel="icon" type="image/png" href="{{ asset('front/assets/imgs/theme/favicon.png')}}">
  31.     <link rel="shortcut icon" href="{{ asset('front/assets/imgs/theme/favicon.png') }}" type="image/x-icon">
  32.     {# Template CSS #}
  33.     {% block stylesheets %}
  34.         <link rel="stylesheet" href="{{ asset('front/assets/css/main.css') }}">
  35.         <script>
  36.             var BASE_URL="{{ app.request.schemeAndHttpHost ~ app.request.baseUrl }}";
  37.             // Filtres des tailles et couleurs
  38.             var taillesFilter = [];
  39.             var couleursFilter = [];
  40.             var CATEGORIES = {{ Globals.getCategories()|json_encode|raw }};
  41.             var CATEGORY_URL_TYPE = {{ Globals.getCategoryUrlType()|json_encode|raw }}
  42.         </script>
  43.         <link rel="stylesheet" href="{{ asset('front/assets/css/custom-style.css') }}">
  44.     {% endblock %}
  45.     <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1239578710475196'); fbq('track', 'PageView'); </script>
  46. </head>
  47. <body>
  48. {# Google tag (gtag.js) #}
  49. <script async src="https://www.googletagmanager.com/gtag/js?id=G-4XS6978LX1"></script>
  50. <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4XS6978LX1'); </script>
  51.     <header class="header-area header-style-4 header-height-2">
  52.         
  53.         {#--barre de conenxion--#}
  54.         <div class="header-top text-white py-2">
  55.             <div class="container">
  56.                 <div class="row align-items-center">
  57.                     <div class="col-6 col-lg-4 mb-2 mb-lg-0">
  58.                         <div class="d-flex flex-wrap justify-content-center justify-content-lg-start align-items-center gap-3 small">
  59.                             <span>
  60.                                 <i class="fi-rs-headset me-1"></i>
  61.                                 <a href="tel:{{ Globals.getCompany().phone }}" class="text-white text-decoration-none">
  62.                                     {{ Globals.getCompany().phone }}
  63.                                 </a>
  64.                             </span>
  65.                             <span class="d-none d-lg-inline">
  66.                                 &nbsp;/&nbsp;
  67.                                 <i class="fi-rs-envelope me-1"></i>
  68.                                 <a href="mailto:{{ Globals.getCompany().mail }}" class="text-white text-decoration-none">
  69.                                     {{ Globals.getCompany().mail }}
  70.                                 </a>
  71.                             </span>
  72.                         </div>
  73.                     </div>
  74.         
  75.                     <div class="col-12 col-lg-4 mb-2 mb-lg-0 d-none d-lg-inline">
  76.                         <div class="text-center small">
  77.                             <marquee behavior="scroll" direction="left" scrollamount="4">
  78.                                 {% if FREE_DELIVERY_AMOUNT > 0 %}
  79.                                     Livraison gratuite à partir de {{ FREE_DELIVERY_AMOUNT }} TND –
  80.                                 {% endif %}
  81.                                 Sunshine Elegance – Élégance accessible pour toutes
  82.                             </marquee>
  83.                         </div>
  84.                     </div>
  85.         
  86.                     <div class="col-6 col-lg-4 text-end">
  87.                         <div class="small">
  88.                             {% if not app.user %}
  89.                                 <a href="{{ path('user_login') }}" class="text-white text-decoration-none d-none d-lg-inline">
  90.                                     <i class="fi-rs-user me-1"></i> Se connecter / Créer un compte
  91.                                 </a>
  92.                                 <a href="{{ path('user_login') }}" class="text-white d-inline d-lg-none">
  93.                                     <i class="fi-rs-user"></i>
  94.                                 </a>
  95.                             {% else %}
  96.                                 <a href="{{ path('app_logout') }}" class="text-white text-decoration-none d-none d-lg-inline">
  97.                                     <i class="fi-rs-sign-out me-1"></i> Déconnexion
  98.                                 </a>
  99.                                 <a href="{{ path('app_logout') }}" class="text-white d-inline d-lg-none">
  100.                                     <i class="fi-rs-sign-out"></i>
  101.                                 </a>
  102.                             {% endif %}
  103.                         </div>
  104.                     </div>
  105.                 </div>
  106.             </div>
  107.         </div>
  108.         
  109.         {#--Fin barre de conenxion--#}  
  110.         
  111.         <div class="header-middle header-middle-ptb-1 d-none d-lg-block">
  112.             <div class="container">
  113.                 <div class="header-wrap">
  114.                     <div class="logo logo-width-1">
  115.                         <a  href="{{ path('home') }}"><img src="{{Globals.getCompany().logo }}" alt="{{ Globals.getCompany().name }} logo"></a>
  116.                     </div>
  117.                     <div class="header-right">
  118.                         <div class="search-style-2">
  119.                             <form action="#">
  120.                                 
  121.                                 <select id="categories" class="select-active">
  122.                                     <option value="0">CATÉGORIES</option>
  123.                                     {% for entry in Globals.getCategories() %}
  124.                                         <option value="{{ entry.id }}">{{ entry.name }}</option>
  125.                                     {%  endfor %}
  126.                                 </select>
  127.                                 <input type="text" id="search" placeholder="Recherche de produits...">
  128.                             </form>
  129.                         </div>
  131.                         {#-- Panier client --#}
  132.                         <div class="header-action-right app">
  133.                             <div class="header-action-2">
  134.                                 <div class="header-action-icon-2">
  135.                                     <a href="shop-wishlist.html">
  136.                                         <img class="svgInject" alt="Sunshine Elegance" src="{{ asset('front/assets/imgs/theme/icons/icon-heart.svg') }}">
  137.                                         <span class="pro-count blue">4</span>
  138.                                     </a>
  139.                                 </div>
  140.                                 {% verbatim %}
  141.                                 <div class="header-action-icon-2" id="app2" v-cloak>
  142.                                     {# icon panier #}
  143.                                     <a class="mini-cart-icon" :href="route_cart">
  144.                                         <img alt="Sunshine Elegance Cart" :src="base_url+'/front/assets/imgs/theme/icons/icon-cart.svg'">
  145.                                         <span class="pro-count blue">{{ cart.length }}</span>
  146.                                     </a>
  147.                                     {# Détails du panier #}
  148.                                     <div class="cart-dropdown-wrap cart-dropdown-hm2">
  149.                                         <ul>
  150.                                             <li v-if="!cart.length">
  151.                                                 <div class="shopping-cart-title">
  152.                                                     <h4><a href="#&">Votre panier est vide.</a></h4>
  154.                                                 </div>
  155.                                             </li>
  156.                                             <li v-for="(entry,index) in cart">
  157.                                                 <div class="shopping-cart-img" @click="openProduct(entry.id)">
  158.                                                     <a href="#&"><img :alt="entry.name" :src="base_url+'/images/300-400/'+entry.picture"></a>
  159.                                                 </div>
  160.                                                 <div class="shopping-cart-title">
  161.                                                     <h4 @click="openProduct(entry.id,entry.name)"><a href="#&">{{ entry.name }}</a></h4>
  162.                                                     <h3><span>{{ entry.qty }} × </span>{{ entry.price_ttc.toFixed(3)}} <sup class="currency-style">TND</sup></h3>
  163.                                                 </div>
  164.                                                 <div class="shopping-cart-delete" @click="deleteProduct(index,entry.id)">
  165.                                                     <a href="#&"><i class="fi-rs-cross-small"></i></a>
  166.                                                 </div>
  167.                                             </li>
  168.                                         </ul>
  169.                                         <div class="shopping-cart-footer">
  170.                                             <div class="shopping-cart-total">
  171.                                                 <h4>Total <span>{{ total }} <sup class="currency-style">TND</sup></span></h4>
  172.                                             </div>
  173.                                             <div class="shopping-cart-button" v-if="cart.length">
  174.                                                 {#<a href="shop-cart.html" class="outline">Voir panier</a>#}
  175.                                                 <a :href="route_checkout" class="btn btn-outline btn-lg btn-brand-outline font-weight-bold text-brand bg-white text-hover-white ml-15 border-radius-5 btn-shadow-brand hover-up w-100">Commander</a>
  176.                                             </div>
  177.                                         </div>
  178.                                     </div>
  179.                                     {# Modal produit #}
  180.                                     <div class="modal fade custom-modal" id="productModal" tabindex="-1" aria-labelledby="onloadModalLabel" aria-hidden="true">
  181.                                         <div class="modal-dialog">
  182.                                             <div class="modal-content">
  183.                                                 {#<div class="modal-header">
  184.                                                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  185.                                                 </div>#}
  186.                                                 <div class="modal-header">
  187.                                                     <h5 class="modal-title">Ajout de produit</h5>
  188.                                                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  189.                                                 </div>
  190.                                                 <div class="modal-body">
  191.                                                     <div style="padding: 35px;">
  193.                                                         <div class="product-detail accordion-detail">
  194.                                                             <div class="row">
  195.                                                                 <div class="col-md-6 col-sm-12 col-xs-12">
  196.                                                                     <div class="detail-gallery">
  197.                                                                         <span class="zoom-icon"><i class="fi-rs-search"></i></span>
  198.                                                                         {# MAIN SLIDES #}
  199.                                                                         <div class="{#product-image-slider#}">
  200.                                                                             <figure class="border-radius-10">
  201.                                                                                 <img :src="base_url+'/images/'+selectedDeclinaison.picture" alt="product image">
  202.                                                                             </figure>
  203.                                                                         </div>
  204.                                                                         {# THUMBNAILS #}
  205.                                                                         
  206.                                                                     </div>
  207.                                                                     {# End Gallery #}
  209.                                                                 </div>
  210.                                                                 <div class="col-md-6 col-sm-12 col-xs-12">
  211.                                                                     <div class="detail-info">
  212.                                                                         <h2 class="title-detail mb-10">{{ produit.name }}</h2>
  213.                                                                         <div class="clearfix product-price-cover">
  214.                                                                             <div class="product-price primary-color float-left mb-0">
  215.                                                                                 {#<ins><span class="text-brand" v-if="!produit.promo">{{ selectedDeclinaison.price_ttc }} <sup class="currency-style">TND</sup></span></ins>
  216.                                                                                 <ins><span class="text-brand" v-if="produit.promo && produit.promo.discountType=='amount'">{{ (selectedDeclinaison.price_ttc-produit.promo.discountValue).toFixed(3) }} <sup class="currency-style">TND</sup></span></ins>
  217.                                                                                 <ins><span class="text-brand"  v-if="produit.promo && produit.promo.discountType=='percent'">{{ (selectedDeclinaison.price_ttc-(selectedDeclinaison.price_ttc*produit.promo.discountValue/100)).toFixed(3) }} <sup class="currency-style">TND</sup></span></ins>#}
  218.                                                                                 <ins><span class="text-brand">{{ selectedDeclinaison.price_ttc }} <sup class="currency-style">TND</sup></span></ins>
  220.                                                                                 {#<ins><span class="old-price font-md ml-15" v-if="produit.promo">{{ selectedDeclinaison.price_ttc }} <sup class="currency-style">TND</sup></span></ins>#}
  221.                                                                                 <ins><span class="old-price font-md ml-15" v-if="selectedDeclinaison.in_promo">{{ selectedDeclinaison.price_ht }} <sup class="currency-style">TND</sup></span></ins>
  223.                                                                                 <span class="save-price font-md color3 ml-15" v-if="selectedDeclinaison.in_promo && produit.promo.discountType=='amount'">-{{ produit.promo.discountValue.toFixed(3) }} <sup class="currency-style">TND</sup> Remise</span>
  224.                                                                                 <span class="save-price font-md color3 ml-15" v-if="selectedDeclinaison.in_promo && produit.promo.discountType=='percent'">-{{ produit.promo.discountValue }} % Remise</span>
  225.                                                                             </div>
  226.                                                                         </div>
  227.                                                                         {# Liste des couleurs #}
  228.                                                                         {#<div class="attr-detail attr-size mb-15 mt-15">
  229.                                                                             <strong class="mr-10">Couleurs</strong>
  230.                                                                             <ul class="list-filter size-filter font-small">
  231.                                                                                 <li v-for="(entry,key) in produit.couleurs" :class="entry==selectedDeclinaison.couleur ? 'active' : ''" style="margin-right:3px;margin-bottom:3px" @click="getTailles(entry,produit.declinaisons_produit)"><a href="#&">{{ entry }}</a></li>
  233.                                                                             </ul>
  234.                                                                         </div>#}
  235.                                                                         <div class="attr-detail attr-size mb-15 mt-15">
  236.                                                                             <strong class="mr-10">Couleurs</strong>
  237.                                                                             <ul class="list-filter color-filter multi">
  238.                                                                                 <li :class="entry.name==selectedDeclinaison.couleur.name ? 'active' : ''" v-for="entry in produit.couleurs" @click="getTailles(entry.name,produit.declinaisons_produit)">
  239.                                                                                     <a href="#&" :title="entry.name">
  240.                                                                                         <span :style="{ 'background-color': entry.code ? entry.code :'#fff','border': '1px solid #ddd' }"></span>
  241.                                                                                     </a>
  242.                                                                                 </li>
  243.                                                                             </ul>
  244.                                                                         </div>
  245.                                                                         {# Liste des tailles #}
  246.                                                                         <div class="attr-detail attr-size">
  247.                                                                             <strong class="mr-10">Tailles</strong>
  248.                                                                             <ul class="list-filter size-filter font-small">
  249.                                                                                 <li v-for="(entry,key) in produit.tailles" :class="[(entry.taille==selectedDeclinaison.taille ? 'active' : ''), (entry.qty<=0 ? 'disabled-123' : '')]" style="margin-right:3px;margin-bottom:3px" @click="selectTaille(entry)"><a href="#&">{{ entry.taille }}</a></li>
  251.                                                                             </ul>
  252.                                                                         </div>
  253.                                                                         <div class="bt-1 border-color-1 mt-30 mb-30"></div>
  254.                                                                         <div class="detail-extralink">
  255.                                                                             <div class="detail-qty border radius">
  256.                                                                                 <a href="#&" class="qty-down-123" @click="incrementQty('-',selectedDeclinaison.id)"><i class="fi-rs-angle-small-down"></i></a>
  257.                                                                                 <span>{{ qty }}</span>
  258.                                                                                 <a href="#&" class="qty-up-123" @click="incrementQty('+',selectedDeclinaison.id)"><i class="fi-rs-angle-small-up"></i></a>
  259.                                                                                 {#<input type="number" :max="selectedDeclinaison.qty" min="0">#}
  260.                                                                             </div>
  261.                                                                             {#<div class="product-extra-link2">
  262.                                                                                 <button :class="['button button-add-to-cart', (selectedDeclinaison.qty<=0 ? 'disabled' : '')]" @click="addProduct(qty)">Ajouter au panier</button>
  263.                                                                                 &lt;!&ndash;<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
  264.                                                                                 <a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>&ndash;&gt;
  265.                                                                             </div>#}
  266.                                                                         </div>
  267.                                                                         <ul class="product-meta font-xs color-grey mt-0">
  268.                                                                             <li class="mb-5">SKU: <a href="#">{{ selectedDeclinaison.ref }}</a></li>
  269.                                                                             {#<li class="mb-5">Tags: <a href="#" rel="tag">Cloth</a>, <a href="#" rel="tag">Women</a>, <a href="#" rel="tag">Dress</a> </li>#}
  270.                                                                             <li>
  271.                                                                                 Disponibilité:
  272.                                                                                 {#<span class="in-stock text-success ml-5" v-if="selectedDeclinaison.qty>0">${ selectedDeclinaison.qty } articles restants</span>#}
  273.                                                                                 <span class="in-stock text-danger ml-5" v-if="selectedDeclinaison.qty<=0">Produit en rupture de stock</span>
  274.                                                                                 <span class="in-stock text-danger ml-5" v-if="selectedDeclinaison.qty<=5 &&selectedDeclinaison.qty>0">Risque de rupture de stock</span>
  275.                                                                                 <span class="in-stock text-success ml-5" v-if="selectedDeclinaison.qty>5">Produit en stock</span>
  276.                                                                             </li>
  277.                                                                         </ul>
  278.                                                                     </div>
  279.                                                                     {# Detail Info #}
  280.                                                                 </div>
  281.                                                             </div>
  282.                                                         </div>
  283.                                                     </div>
  284.                                                 </div>
  285.                                                 <div class="modal-footer">
  286.                                                     <div class="product-extra-link2"  style="width: 100%;">
  287.                                                         <button :class="['button button-add-to-cart', (selectedDeclinaison.qty<=0 ? 'disabled' : '')]" @click="addProduct(qty)" style="width: 100%;">Ajouter au panier</button>
  288.                                                         {#<a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
  289.                                                         <a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>#}
  290.                                                     </div>
  292.                                                 </div>
  293.                                             </div>
  294.                                         </div>
  295.                                     </div>
  296.                                     {# Modal continue achat #}
  297.                                     <div class="modal fade custom-modal" id="continueModal" tabindex="-1" aria-labelledby="onloadModalLabel" aria-hidden="true">
  298.                                         <div class="modal-dialog">
  299.                                             <div class="modal-content">
  300.                                                 {#<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>#}
  301.                                                 <div class="modal-header">
  302.                                                     <h5 class="modal-title">Ajout de produit</h5>
  303.                                                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  304.                                                 </div>
  305.                                                 <div class="modal-body">
  306.                                                     <div style="padding: 50px;">
  308.                                                         <div class="row" v-if="cart.length">
  309.                                                             <div class="col-12">
  310.                                                                 <div class="table-responsive">
  311.                                                                     <table class="table shopping-summery text-center clean" style="margin-bottom: 0px;">
  312.                                                                         <thead>
  313.                                                                             <tr class="main-heading">
  314.                                                                                 <th scope="col">Image</th>
  315.                                                                                 <th scope="col">Nom</th>
  316.                                                                                 <th scope="col">Prix</th>
  317.                                                                                 <th scope="col">Quantité</th>
  318.                                                                                 <th scope="col">Sous-total</th>
  319.                                                                                 {#<th scope="col">Supprimer</th>#}
  320.                                                                             </tr>
  321.                                                                         </thead>
  322.                                                                         <tbody>
  324.                                                                             <tr>
  325.                                                                                 <td class="image product-thumbnail"><img :src="base_url+'/images/300-400/'+cart[cart.length-1].picture"
  326.                                                                                                                          alt="#"></td>
  327.                                                                                 <td class="product-des product-name">
  328.                                                                                     <h5 class="product-name"><a href="#&">{{ cart[cart.length-1].name }}</a></h5>
  330.                                                                                 </td>
  331.                                                                                 <td class="price" data-title="Prix"><span>{{ parseFloat(cart[cart.length-1].price_ttc).toFixed(3) }} <sup
  332.                                                                                                 class="currency-style">TND</sup></span></td>
  333.                                                                                 <td class="text-center" data-title="Qté">
  334.                                                                                     <div class="detail-qty border radius  m-auto">
  336.                                                                                         <span>{{ cart[cart.length-1].qty }}</span>
  338.                                                                                     </div>
  339.                                                                                 </td>
  340.                                                                                 <td class="text-right" data-title="Sous-total">
  341.                                                                                     <span>{{ (cart[cart.length-1].qty*parseFloat(cart[cart.length-1].price_ttc)).toFixed(3) }} <sup
  342.                                                                                                 class="currency-style">TND</sup></span>
  343.                                                                                 </td>
  345.                                                                             </tr>
  346.                                                                             {# Bouton suivre ou commander #}
  347.                                                                             {#<tr>
  348.                                                                                 <td colspan="6" class="text-end"
  349.                                                                                     style="padding-right: 0px;padding-bottom: 0px;padding-top: 12px;">
  351.                                                                                     <button type="button" class="btn mt-10" data-bs-dismiss="modal" aria-label="Close">Contiuer vos achats</button>
  352.                                                                                     <a :href="route_checkout" class="btn mt-10"> <i class="fi-rs-box-alt mr-10">
  354.                                                                                         </i> Confirmer la commande
  355.                                                                                     </a>
  356.                                                                                 </td>
  357.                                                                             </tr>#}
  359.                                                                         </tbody>
  360.                                                                     </table>
  361.                                                                 </div>
  362.                                                             </div>
  363.                                                         </div>
  364.                                                     </div>
  365.                                                 </div>
  366.                                                 <div class="modal-footer" style="padding-top: 6px;">
  367.                                                     <button type="button" class="btn mt-10" data-bs-dismiss="modal" aria-label="Close">Contiuer vos achats</button>
  368.                                                     <a :href="route_checkout" class="btn mt-10"> <i class="fi-rs-box-alt mr-10">
  370.                                                         </i> Confirmer la commande
  371.                                                     </a>
  373.                                                 </div>
  374.                                             </div>
  375.                                         </div>
  376.                                     </div>
  377.                                 </div>
  378.                                 {% endverbatim %}
  379.                                 {# User icon #}
  380.                                 {% if app.user %}
  381.                                     <div class="header-action-icon-2">
  382.                                         {# icone user #}
  383.                                         <a class="mini-cart-icon" href="#&">
  384.                                             <img alt="Sunshine" src="{{ asset('front/assets/imgs/theme/icons/icon-user.png') }}">
  385.                                         </a>
  387.                                         {# Détails du user #}
  388.                                         <div class="cart-dropdown-wrap cart-dropdown-hm2">
  390.                                             <ul>
  391.                                                 <li>
  392.                                                     <div class="shopping-cart-title">
  393.                                                         <h4><a href="{{ path('user_account') }}"
  394.                                                                style="white-space: nowrap">Mon compte
  395.                                                                 ({{ app.user.firstName }} )</a>
  396.                                                         </h4>
  398.                                                     </div>
  399.                                                 </li>
  400.                                                 <li>
  401.                                                     <div class="shopping-cart-title">
  402.                                                         <h4><a href="{{ path('app_logout') }}">Déconnexion</a></h4>
  404.                                                     </div>
  405.                                                 </li>
  406.                                             </ul>
  407.                                             <div class="shopping-cart-footer">
  408.                                                 {# <div class="shopping-cart-total">
  409.                                                 <h4>Total <span>{{ total }} <sup class="currency-style">TND</sup></span></h4>
  410.                                             </div>
  411.                                             <div class="shopping-cart-button" v-if="cart.length">
  412.                                                 {#<a href="shop-cart.html" class="outline">Voir panier</a>#}
  413.                                                 <a :href="route_cart">Commander</a>
  414.                                             </div> #}
  415.                                             </div>
  416.                                         </div>
  418.                                     </div>
  419.                                 {% endif %}
  420.                             </div>
  421.                         </div>
  422.                         {#-- Fin Panier client --#}
  423.                     </div>
  424.                 </div>
  425.             </div>
  426.         </div>
  427.         {# {% verbatim %} #}
  430.         {#-- Menu déroulant --#}
  431.         <div class="header-bottom header-bottom-bg-color sticky-bar">
  432.             
  433.             <div class="container">
  434.                 <div class="header-wrap header-space-between position-relative">
  435.                     <div class="logo logo-width-1 d-block d-lg-none">
  436.                         <a  href="{{ path('home') }}"><img src="{{ asset('front/assets/imgs/theme/logo.png') }}" alt="logo Sunshine Elegance"></a>
  437.                     </div>
  438.                     
  439.                     <div class="header-nav d-none d-lg-flex">                       
  441.                         {#-- Menu principale des catégories --#}
  442.                         <div class="main-menu main-menu-padding-1 main-menu-lh-2 d-none d-lg-block">
  443.                             {% set route_name = app.request.attributes.get('_route') %}
  444.                             {% set id = app.request.attributes.get('id') %}
  445.                             {#{{ dump(app.request.attributes.get('id')) }}#}
  446.                             <nav>
  447.                                 <ul class="main-nav">
  448.                                     <li><a class="{% if route_name == "home" %}active{% endif %}" href="{{ path('home') }}"><span class="fi-rs-home"></span></a></li>
  449.                                     
  450.                                     {% for entry in Globals.getCategories() %}
  451.                                         {% set hasPrd = (entry.produits|length > 0) %}
  452.                                         {% for subCategory in entry.getSubCategories()|filter((c) => c.isActive == 1) %}
  453.                                             {% if subCategory.produits|length > 0 %}
  454.                                                 {% set hasPrd = true %}
  455.                                             {% endif %}
  456.                                         {% endfor %}
  457.                                 
  458.                                         <li class="has-submenu">
  459.                                             <a class="{% if route_name == "category_dec" and id == entry.id %}active{% endif %}" href="{{ CATEGORY_URL_TYPE == 1 ? path('category_dec', {id: entry.id , name :entry.name|slug }) : path('category_new', {id: entry.id , name :entry.name|slug }) }}">
  460.                                                 {{ entry.name }}
  461.                                                 {% if entry.getSubCategories()|length and hasPrd %}
  462.                                                     <i class="fi-rs-angle-down"></i>
  463.                                                 {% endif %}
  464.                                             </a>
  465.                                 
  466.                                             {% if entry.getSubCategories()|length > 0 and hasPrd %}
  467.                                                 <ul class="submenu">
  468.                                                     {% for subCategory in entry.getSubCategories()|filter((c) => c.isActive == 1) %}
  469.                                                         <li class="has-submenu">
  470.                                                             <a href="{{ CATEGORY_URL_TYPE == 1 ? path('category_dec', {id: subCategory.id , name :subCategory.name|slug }) : path('category_new', {id: subCategory.id , name :subCategory.name|slug }) }}">
  471.                                                                 {{ subCategory.name }}
  472.                                                             </a>
  473.                                 
  474.                                                             {% if subCategory.getSubCategories()|length > 0 %}
  475.                                                                 <ul class="submenu submenu-level-2">
  476.                                                                     {% for subSubCategory in subCategory.getSubCategories()|filter((c) => c.isActive == 1 and c.produits|length > 0) %}
  477.                                                                         <li>
  478.                                                                             <a href="{{ CATEGORY_URL_TYPE == 1 ? path('category_dec', {id: subSubCategory.id , name :subSubCategory.name|slug }) : path('category_new', {id: subSubCategory.id , name :subSubCategory.name|slug }) }}">
  479.                                                                                 {{ subSubCategory.name }}
  480.                                                                             </a>
  481.                                                                         </li>
  482.                                                                     {% endfor %}
  483.                                                                 </ul>
  484.                                                             {% endif %}
  485.                                                         </li>
  486.                                                     {% endfor %}
  487.                                                 </ul>
  488.                                             {% endif %}
  489.                                         </li>
  490.                                     {% endfor %}
  491.                                     
  492.                                     <li><a class="{% if route_name == "new_products_dec" %}active{% endif %}" href="{{ CATEGORY_URL_TYPE == 1 ? path('new_products_dec') : path('new_products') }}">NOUVEAUTÉS</a></li>
  493.                                     <li><a class="{% if route_name == "promo_products_dec" %}active{% endif %}" href="{{ CATEGORY_URL_TYPE == 1 ? path('promo_products_dec') : path('promo_products') }}">PROMOTIONS</a></li>
  494.                                     <li><a class="{% if route_name == "pack_products" %}active{% endif %}" href="{{ path('pack_products') }}">BONS PLANS</a></li>
  495.                                 </ul>
  496.                                 
  497.                             </nav>
  498.                         </div>
  499.                     </div>
  500.                     
  501.                     {# <p class="mobile-promotion">Happy <span class="text-brand">Mother's Day</span>. Big Sale Up to 40%</p> #}
  502.                     <div class="header-action-right d-block d-lg-none">
  503.                         <div class="header-action-2">
  504.                             {#<div class="header-action-icon-2">
  505.                                 <a href="shop-wishlist.html">
  506.                                     <img alt="Sunshine" src="{{ asset('front/assets/imgs/theme/icons/icon-heart.svg') }}">
  507.                                     <span class="pro-count white">4</span>
  508.                                 </a>
  509.                             </div>#}
  510.                             {# {% verbatim %} #}
  511.                             <div class="header-action-icon-2" id="app3" v-cloak>
  512.                                 <a class="mini-cart-icon" :href="route_cart">
  513.                                     <img alt="Sunshine" :src="base_url+'/front/assets/imgs/theme/icons/icon-cart.svg'">
  514.                                     <span class="pro-count white">${ cart.length }</span>
  515.                                 </a>
  516.                                 <div class="cart-dropdown-wrap cart-dropdown-hm2">
  517.                                     <ul>
  518.                                         <li v-if="!cart.length">
  519.                                             <div class="shopping-cart-title">
  520.                                                 <h4><a href="#">Votre panier est vide.</a></h4>
  521.                                             </div>
  522.                                         </li>
  523.                                         <li v-for="(entry,index) in cart">
  524.                                             <div class="shopping-cart-img" @click="openProduct(entry.id,entry.name)">
  525.                                                 <a href="&#"><img :alt="entry.name" :src="base_url+'/images/300-400/'+entry.picture"></a>
  526.                                             </div>
  527.                                             <div class="shopping-cart-title">
  528.                                                 <h4 @click="openProduct(entry.id,entry.name)"><a href="#&">${ entry.name }</a></h4>
  529.                                                 <h3><span>${ entry.qty } × </span>${ entry.price_ttc.toFixed(3)} <sup
  530.                                                             class="currency-style">TND</sup></h3>
  531.                                             </div>
  532.                                             <div class="shopping-cart-delete" @click="deleteProduct(index,entry.id)">
  533.                                                 <a href="#&"><i class="fi-rs-cross-small"></i></a>
  534.                                             </div>
  535.                                         </li>
  537.                                     </ul>
  538.                                     <div class="shopping-cart-footer">
  539.                                         <div class="shopping-cart-total">
  540.                                             <h4>Total <span>${ total } <sup class="currency-style">TND</sup></span></h4>
  541.                                         </div>
  542.                                         <div class="shopping-cart-button" v-if="cart.length">
  543.                                             {#<a href="shop-cart.html">View cart</a>#}
  544.                                             <a :href="route_cart">Commander</a>
  545.                                         </div>
  546.                                     </div>
  547.                                 </div>
  548.                             </div>
  549.                             {# user icon #}
  550.                             {% if app.user %}
  551.                                 <div class="header-action-icon-2">
  552.                                     <a class="mini-cart-icon" href="#&">
  553.                                         <img alt="Sunshine"
  554.                                              src="{{ asset('front/assets/imgs/theme/icons/icon-user.png') }}">
  556.                                     </a>
  557.                                     <div class="cart-dropdown-wrap cart-dropdown-hm2">
  558.                                         <ul>
  559.                                             <li>
  560.                                                 <div class="shopping-cart-title">
  561.                                                     <h4><a href="{{ path('user_account') }}"
  562.                                                            style="white-space: nowrap">Mon compte
  563.                                                             ({{ app.user.firstName }} )</a></h4>
  564.                                                 </div>
  565.                                             </li>
  566.                                             <li>
  567.                                                 <div class="shopping-cart-title">
  568.                                                     <h4><a href="{{ path('app_logout') }}">Déconnexion</a></h4>
  569.                                                 </div>
  570.                                             </li>
  571.                                         </ul>
  572.                                         <div class="shopping-cart-footer">
  573.                                             {# <div class="shopping-cart-total">
  574.                                             <h4>Total <span>${ total } <sup class="currency-style">TND</sup></span></h4>
  575.                                         </div>
  576.                                         <div class="shopping-cart-button">
  577.                                             {#<a href="shop-cart.html">View cart</a>#}
  578.                                             <a :href="route_cart">Commander</a>
  579.                                         </div> #}
  580.                                         </div>
  581.                                     </div>
  582.                                 </div>
  583.                             {% endif %}
  584.                             {# {% endverbatim %} #}
  585.                             <div class="header-action-icon-2 d-block d-lg-none">
  586.                                 <div class="burger-icon burger-icon-white">
  587.                                     <span class="burger-icon-top"></span>
  588.                                     <span class="burger-icon-mid"></span>
  589.                                     <span class="burger-icon-bottom"></span>
  590.                                 </div>
  591.                             </div>
  592.                         </div>
  593.                     </div>
  594.                 </div>
  595.             </div>
  596.         </div>
  597.         {#-- Fin Menu déroulant --#}
  599.                 {#-- Menu déroulant version mobile --#}
  600.                 <div class="mobile-header-active mobile-header-wrapper-style">
  601.                     <div class="mobile-header-wrapper-inner">
  602.                         <div class="mobile-header-top">
  603.                             <div class="mobile-header-logo">
  604.                                 <a href="{{ path('home') }}"><img src="{{ asset('front/assets/imgs/theme/logo.png') }}" alt="logo"></a>
  605.                             </div>
  606.                             <div class="mobile-menu-close close-style-wrap close-style-position-inherit">
  607.                                 <button class="close-style search-close">
  608.                                     <i class="icon-top"></i>
  609.                                     <i class="icon-bottom"></i>
  610.                                 </button>
  611.                             </div>
  612.                         </div>
  613.                         <div class="mobile-header-content-area">
  614.                             <div class="mobile-search search-style-3 mobile-header-border">
  615.                                 <form>
  616.                                     <input type="text" id="search-mobile" placeholder="Recherche de produits…">
  617.                                     <button id="button-search-mobile" type="button"><i class="fi-rs-search"></i></button>
  618.                                 </form>
  619.                             </div>
  620.                             <div class="mobile-menu-wrap mobile-header-border">
  621.                                 <div class="main-categori-wrap mobile-header-border">
  622.                                     <a class="categori-button-active-2" href="#">
  623.                                         <span class="fi-rs-apps"></span> Catégories
  624.                                     </a>
  625.                                     <div class="categori-dropdown-wrap categori-dropdown-active-small" style="width: 280px">
  626.                                         <nav>
  627.                                             <ul class="mobile-menu">
  628.                                                 {% for entry in Globals.getCategories() %}
  629.                                                     <li class="{{ entry.getSubCategories()|length ? 'menu-item-has-children' : 'noclass' }}">
  630.                                                         {% if entry.getSubCategories()|length %}
  631.                                                             <span class="menu-expand"><i class="fi-rs-angle-small-down"></i></span>
  632.                                                             <span class="menu-expand"></span>
  633.                                                         {% endif %}
  634.                                                         <a href="{{ CATEGORY_URL_TYPE == 1 ? path('category_dec', {id: entry.id , name :entry.name|slug }) : path('category_new', {id: entry.id , name :entry.name|slug }) }}">
  635.                                                             {% if entry.icon %}<i
  636.                                                                 class="{{ entry.icon }}"></i>{% endif %} {{ entry.name }}
  637.                                                         </a>
  638.                                                         {% if entry.getSubCategories()|length %}
  639.                                                             <ul class="dropdown" style="display: none;">
  640.                                                                 {% for subCategory in entry.getSubCategories() %}
  641.                                                                     <li class="{{ subCategory.getSubCategories()|length ? 'menu-item-has-children' : 'noclass' }}">
  642.                                                                         {% if subCategory.getSubCategories()|length %}
  643.                                                                             <span class="menu-expand"><i
  644.                                                                                         class="fi-rs-angle-small-down"></i></span>
  645.                                                                             <span class="menu-expand"></span>
  646.                                                                         {% endif %}
  647.                                                                         <a href="{{ CATEGORY_URL_TYPE == 1 ? path('category_dec', {id: subCategory.id , name :subCategory.name|slug }) : path('category_new', {id: subCategory.id , name :subCategory.name|slug }) }}">{{ subCategory.name }}</a>
  648.                                                                         {% if subCategory.getSubCategories()|length %}
  649.                                                                             <ul class="dropdown" style="display: none;">
  650.                                                                                 {% for subSubCategory in subCategory.getSubCategories() %}
  651.                                                                                     <li>
  652.                                                                                         <a href="{{ CATEGORY_URL_TYPE == 1 ? path('category_dec', {id: subSubCategory.id , name :subSubCategory.name|slug }) : path('category_new', {id: subSubCategory.id , name :subSubCategory.name|slug }) }}">{{ subSubCategory.name }}</a>
  653.                                                                                     </li>
  654.                                                                                 {% endfor %}
  655.                                                                             </ul>
  656.                                                                         {% endif %}
  657.                                                                     </li>
  658.                                                                 {% endfor %}
  659.                                                             </ul>
  660.                                                         {% endif %}
  661.                                                     </li>
  662.                                                 {% endfor %}
  663.                                             </ul>
  664.                                         </nav>
  665.                                     </div>
  666.                                 </div>
  667.                                 {# mobile menu start #}
  668.                                 <nav>
  669.                                     <ul class="mobile-menu">
  670.                                         <li class="menu-item-has-children"><span class="menu-expand"></span>
  671.                                             <a href="{{ path('home') }}">ACCUEIL</a>
  672.                                         </li>
  673.                                         <li class="menu-item-has-children"><span class="menu-expand"></span>
  674.                                             <a href="{{ CATEGORY_URL_TYPE == 1 ? path('new_products_dec') : path('new_products') }}"rel="nofollow">NOUVEAUTÉS</a>
  675.                                         </li>
  676.                                         <li class="menu-item-has-children"><span class="menu-expand"></span>
  677.                                             <a href="{{ CATEGORY_URL_TYPE == 1 ? path('promo_products_dec') : path('promo_products') }}"rel="nofollow">PROMOTIONS</a>
  678.                                         </li>
  679.                                         <li class="menu-item-has-children"><span class="menu-expand"></span>
  680.                                             <a href="{{ path('pack_products') }}">BONS PLANS</a>
  681.                                         </li>
  682.                                         <li class="menu-item-has-children"><span class="menu-expand"></span>
  683.                                             <a href="{{ path('contact') }}">CONTACT</a>
  684.                                         </li>
  685.                                     </ul>
  686.                                 </nav>
  687.                                 {# mobile menu end #}
  688.                             </div>
  689.                             <div class="mobile-header-info-wrap mobile-header-border">
  690.                                 <div class="single-mobile-header-info mt-30">
  691.                                     <span> Adresse  </span>
  692.                                     <a href="#"> {{ Globals.getCompany().address }}  </a>
  693.                                 </div>
  694.                                 <div class="single-mobile-header-info">
  695.                                     <span> Appelez-nous  </span>
  696.                                     <a href="tel:{{ Globals.getCompany().phone }}">(+216) - {{ Globals.getCompany().phone }}</a>
  697.                                 </div>
  698.                                 <div class="single-mobile-header-info">
  699.                                     <a href="{{ path('user_login') }}">Connexion / Inscription </a>
  700.                                 </div>
  701.                             </div>
  702.                             <div class="mobile-social-icon">
  703.                                 <h5 class="mb-15 text-grey-4">Suivez-nous</h5>
  704.                                 <a href="#"><img src="{{ asset('front/assets/imgs/theme/icons/icon-facebook.svg') }}" alt="Sunshine Elegance"></a>
  705.                                 <a href="#"><img src="{{ asset('front/assets/imgs/theme/icons/icon-twitter.svg') }}" alt="Sunshine Elegance"></a>
  706.                                 <a href="#"><img src="{{ asset('front/assets/imgs/theme/icons/icon-instagram.svg') }}" alt="Sunshine Elegance"></a>
  707.                                 <a href="#"><img src="{{ asset('front/assets/imgs/theme/icons/icon-pinterest.svg') }}" alt="Sunshine Elegance"></a>
  708.                                 <a href="#"><img src="{{ asset('front/assets/imgs/theme/icons/icon-youtube.svg') }}" alt="Sunshine Elegance"></a>
  709.                             </div>
  710.                         </div>
  711.                     </div>
  712.                 </div>
  713.                 {#-- Fin Menu déroulant version mobile --#}
  715.     </header>
  717.     
  718.     {% block body %}{% endblock %}
  719.     {% block footer %}
  720.         <footer class="main bg-grey-9">
  721.             
  722.             {#-- Section footer --#}
  723.             <section class="section-padding footer-mid">
  724.                 <div class="container pt-15 pb-20">
  725.                     <div class="row gy-4">
  726.                         {# Bloc : Logo & description #}
  727.                         <div class="col-lg-5 col-md-6">
  728.                             <div class="widget-about font-md">
  729.                                 <div class="logo mb-20">
  730.                                     <a href="{{ path('home') }}">
  731.                                         <img src="{{ asset(Globals.getCompany().footerlogo) }}" alt="{{ Globals.getCompany().name }} logo">
  732.                                     </a>
  733.                                 </div>
  734.                                 <h5 class="text-grey-4 fw-600 mb-10">
  735.                                     Sunshine Elegance est une marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne.
  736.                                 </h5>
  737.                                 <p><strong>Adresse :</strong> {{ Globals.getCompany().address }}</p>
  738.                                 <p><strong>Horaires :</strong> Toujours ouvert</p>
  739.                             </div>
  740.                         </div>
  741.             
  742.                         {# Bloc : Liens service client #}
  743.                         <div class="col-lg-2 col-md-3">
  744.                             <h5 class="widget-title">Service client</h5>
  745.                             <ul class="footer-list">
  746.                                 <li><a href="{{ path('who_are_we') }}">Qui sommes-nous ?</a></li>
  747.                                 <li><a href="{{ path('delivery_information') }}">Informations de livraison</a></li>
  748.                                 <li><a href="{{ path('return_and_exchange') }}">Retour & échange</a></li>
  749.                                 <li><a href="{{ path('size_guide') }}">Guide des tailles</a></li>
  750.                                 <li><a href="{{ path('terms_of_sales') }}">Conditions générales de vente</a></li>
  751.                                 <li><a href="{{ path('contact') }}">Contact</a></li>
  752.                             </ul>
  753.                         </div>
  754.             
  755.                         {# Bloc : Liens Mon compte #}
  756.                         <div class="col-lg-2 col-md-3">
  757.                             <h5 class="widget-title">Mon compte</h5>
  758.                             <ul class="footer-list">
  759.                                 <li><a href="{{ path('cart_new') }}">Mon panier</a></li>
  760.                                 {% if not app.user %}
  761.                                     <li><a href="{{ path('user_login') }}">Connexion</a></li>
  762.                                 {% else %}
  763.                                     <li><a href="{{ path('user_account') }}">Mon profil</a></li>
  764.                                     <li><a href="{{ path('app_logout') }}">Déconnexion</a></li>
  765.                                 {% endif %}
  766.                             </ul>
  767.                         </div>
  768.             
  769.                         {# Bloc : Réseaux sociaux #}
  770.                         <div class="col-lg-3 text-center text-lg-start">
  771.                             <h5 class="widget-title mb-3">Suivez-nous sur les réseaux sociaux</h5>
  772.                             <div class="mobile-social-icon d-flex gap-2 justify-content-lg-start justify-content-center">
  773.                                 {% if Globals.getCompany().socialLinks %}
  774.                                     {% for key, socialLink in Globals.getCompany().socialLinks %}
  775.                                         <a href="{{ socialLink }}" target="_blank">
  776.                                             <img src="{{ asset('front/assets/imgs/theme/icons/icon-' ~ key ~ '.svg') }}" alt="{{ key|capitalize }}">
  777.                                         </a>
  778.                                     {% endfor %}
  779.                                 {% endif %}
  780.                             </div>
  781.                         </div>
  782.                     </div>
  783.                 </div>
  784.             </section>
  785.             
  786.               
  790.             <div class="container pb-20 wow fadeIn animated">
  791.                 <div class="row">
  792.                     <div class="col-12 mb-20">
  793.                         <div class="footer-bottom"></div>
  794.                     </div>
  795.                     <div class="col-lg-6">
  796.                         <p class="float-md-left font-sm text-muted mb-0">&copy; {{ 'now' | date('Y') }}, <strong class="text-brand">Sunshine Elegance</strong> </p>
  797.                     </div>
  798.                     <div class="col-lg-6">
  799.                         <p class="text-lg-end text-start font-sm text-muted mb-0">
  800.                             Designed by <a href="{{ path('home') }}" target="_blank">{{ Globals.getCompany().name }}</a>. All rights reserved
  801.                         </p>
  802.                     </div>
  803.                 </div>
  804.             </div>
  805.         </footer>
  806.     {% endblock %}
  808.     {# Modal infos #}
  809.     {#<div class="modal fade custom-modal" id="cotinueModal" tabindex="-1" aria-labelledby="onloadModalLabel"
  810.          aria-hidden="true">
  811.         <div class="modal-dialog">
  812.             <div class="modal-content">
  813.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  814.                 <div class="modal-body">
  815.                     <div style="padding: 35px;">
  816.                         <div class="deal-top">
  817.                             <h2 class="text-brand">Deal of the Day</h2>
  818.                             <h5>Limited quantities.</h5>
  819.                         </div>
  820.                         <div class="deal-content">
  821.                             <h6 class="product-title"><a href="shop-product-right.html">Summer Collection New Morden
  822.                                     Design</a></h6>
  823.                             <div class="product-price"><span class="new-price">$139.00</span><span class="old-price">$160.99</span>
  824.                             </div>
  825.                         </div>
  826.                         <div class="deal-bottom">
  827.                             <p>Hurry Up! Offer End In:</p>
  828.                             <div class="deals-countdown" data-countdown="2025/03/25 00:00:00"><span
  829.                                         class="countdown-section"><span class="countdown-amount hover-up">03</span><span
  830.                                             class="countdown-period"> days </span></span><span
  831.                                         class="countdown-section"><span class="countdown-amount hover-up">02</span><span
  832.                                             class="countdown-period"> hours </span></span><span
  833.                                         class="countdown-section"><span class="countdown-amount hover-up">43</span><span
  834.                                             class="countdown-period"> mins </span></span><span
  835.                                         class="countdown-section"><span class="countdown-amount hover-up">29</span><span
  836.                                             class="countdown-period"> sec </span></span></div>
  837.                             <a href="#" class="btn hover-up">Shop Now <i
  838.                                         class="fi-rs-arrow-right"></i></a>
  839.                         </div>
  840.                     </div>
  841.                 </div>
  842.             </div>
  843.         </div>
  844.     </div>#}
  845.     {# Preloader Start #}
  846.     <div id="preloader-active">
  847.         <div class="preloader d-flex align-items-center justify-content-center">
  848.             <div class="preloader-inner position-relative">
  849.                 <div class="text-center">
  850.                     <h5 class="mb-5">CHARGEMENT</h5>
  851.                     <div class="loader">
  852.                         <div class="bar bar1"></div>
  853.                         <div class="bar bar2"></div>
  854.                         <div class="bar bar3"></div>
  855.                     </div>
  856.                 </div>
  857.             </div>
  858.         </div>
  859.     </div>
  860.     {# Preloader loading #}
  861.     <div id="preloader-active-loading" style="opacity: 0.5;display: none;">
  862.         <div class="preloader d-flex align-items-center justify-content-center">
  863.             <div class="preloader-inner position-relative">
  864.                 <div class="text-center">
  865.                     <h5 class="mb-5">CHARGEMENT</h5>
  866.                     <div class="loader">
  867.                         <div class="bar bar1"></div>
  868.                         <div class="bar bar2"></div>
  869.                         <div class="bar bar3"></div>
  870.                     </div>
  871.                 </div>
  872.             </div>
  873.         </div>
  874.     </div>
  875.     {% if app.environment == 'production'  %}
  876.         <div id="fb-root"></div>
  877.         {# Your Plugin de discussion code #}
  878.         <div id="fb-customer-chat" class="fb-customerchat"></div>
  879.         <script>
  880.             var chatbox = document.getElementById('fb-customer-chat');
  881.             chatbox.setAttribute("page_id", "1888322994731663");
  882.             chatbox.setAttribute("attribution", "biz_inbox");
  883.         </script>
  884.         {# Your SDK code #}
  885.         <script>
  886.             window.fbAsyncInit = function() {
  887.                 FB.init({
  888.                     xfbml            : true,
  889.                     version          : 'v17.0'
  890.                 });
  891.             };
  892.             (function(d, s, id) {
  893.                 var js, fjs = d.getElementsByTagName(s)[0];
  894.                 if (d.getElementById(id)) return;
  895.                 js = d.createElement(s); js.id = id;
  896.                 js.src = 'https://connect.facebook.net/fr_FR/sdk/xfbml.customerchat.js';
  897.                 fjs.parentNode.insertBefore(js, fjs);
  898.             }(document, 'script', 'facebook-jssdk'));
  899.         </script>
  900.     {% endif %}
  902.     {# Vendor JS#}
  903.     {% block javascripts %}
  904.         <script src="{{ asset('front/assets/js/vendor/modernizr-3.6.0.min.js') }}"></script>
  905.         <script src="{{ asset('front/assets/js/vendor/jquery-3.6.0.min.js') }}"></script>
  906.         <script src="{{ asset('front/assets/js/vendor/jquery-migrate-3.3.0.min.js') }}"></script>
  907.         <script src="{{ asset('front/assets/js/vendor/bootstrap.bundle.min.js') }}"></script>
  908.         <script src="{{ asset('front/assets/js/plugins/slick.js') }}"></script>
  909.         <script src="{{ asset('front/assets/js/plugins/jquery.syotimer.min.js') }}"></script>
  910.         <script src="{{ asset('front/assets/js/plugins/wow.js') }}"></script>
  911.         <script src="{{ asset('front/assets/js/plugins/jquery-ui.js') }}"></script>
  912.         <script src="{{ asset('front/assets/js/plugins/perfect-scrollbar.js') }}"></script>
  913.         <script src="{{ asset('front/assets/js/plugins/magnific-popup.js') }}"></script>
  914.         <script src="{{ asset('front/assets/js/plugins/select2.min.js') }}"></script>
  915.         <script src="{{ asset('front/assets/js/plugins/waypoints.js') }}"></script>
  916.         <script src="{{ asset('front/assets/js/plugins/counterup.js') }}"></script>
  917.         <script src="{{ asset('front/assets/js/plugins/jquery.countdown.min.js') }}"></script>
  918.         <script src="{{ asset('front/assets/js/plugins/images-loaded.js') }}"></script>
  919.         <script src="{{ asset('front/assets/js/plugins/isotope.js') }}"></script>
  920.         <script src="{{ asset('front/assets/js/plugins/scrollup.js') }}"></script>
  921.         <script src="{{ asset('front/assets/js/plugins/jquery.vticker-min.js') }}"></script>
  922.         <script src="{{ asset('front/assets/js/plugins/jquery.theia.sticky.js') }}"></script>
  923.         <script src="{{ asset('front/assets/js/plugins/jquery.elevatezoom.js') }}"></script>
  924.         {# Template  JS #}
  925.         <script src="{{ asset('./front/assets/js/main.js') }}"></script>
  926. {#        <script src="{{ asset('./front/assets/js/shop.js') }}"></script>#}
  928.         {# Include Plugin JS file #}
  929.         <script src="{{ asset('front/assets/toast/js/nice-toast-js.min.js') }}" type="text/javascript"></script>
  930.         <script src="{{ asset('front/assets/toast/toast.js') }}" type="text/javascript"></script>
  932.         <script src="{{ asset('bundles/fosjsrouting/js/router.min.js')  }}"></script>
  933.         <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  935.         {# Vue  JS #}
  936.         <script src="{{ asset('front/assets/vue/vue.min.js') }}"></script>
  937.         <script src="{{ asset('front/assets/vue/axios.min.js') }}"></script>
  938.         <script src="{{ asset('front/assets/vue/vue-the-mask.min.js') }}"></script>
  939.         <script src="{{ asset('front/assets/scripts/base.js') }}"></script>
  940.     {% endblock %}
  941. </body>
  942. </html>