templates/front/base.html.twig line 1

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