templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>{% block title %}{% endblock %}</title>
  6.         <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  7.         <meta charset="utf-8">
  8.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10.         <meta name="format-detection" content="telephone=no">
  11.         <meta name="mobile-web-app-capable" content="yes">
  12.         <meta name="author" content="">
  13.         <meta name="keywords" content="">
  14.         <meta name="description" content="">
  15.         <link rel="stylesheet" href="{{asset('css/swiper.css')}}" />
  16.         <link rel="stylesheet" href="{{asset('css/bootstrap.css')}}" />
  17.         <link rel="stylesheet" type="text/css" href="{{asset('css/vendor.css')}}">
  18.         <link rel="stylesheet" type="text/css" href="{{asset('css/style.css')}}"><!--A voir si ça ne casse pas de mettre le fichier style avec les autres plustot qu'a la racine du projet-->
  19.         <link rel="preconnect" href="https://fonts.googleapis.com">
  20.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  21.         <link href="https://fonts.googleapis.com/css2?family=Chilanka&family=Montserrat:wght@300;400;500&display=swap" rel="stylesheet">
  22.         <script src="https://accounts.google.com/gsi/client" async></script>
  24.       </head>
  26.         {% block stylesheets %}
  28.         {% endblock %}
  30.         {% block javascripts %}
  31.             
  32.         {% endblock %}
  33.     </head>
  35.     <body>
  36.         <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  37.             <defs>
  38.               <symbol xmlns="http://www.w3.org/2000/svg" id="link" viewBox="0 0 24 24">
  39.                 <path fill="currentColor"
  40.                   d="M12 19a1 1 0 1 0-1-1a1 1 0 0 0 1 1Zm5 0a1 1 0 1 0-1-1a1 1 0 0 0 1 1Zm0-4a1 1 0 1 0-1-1a1 1 0 0 0 1 1Zm-5 0a1 1 0 1 0-1-1a1 1 0 0 0 1 1Zm7-12h-1V2a1 1 0 0 0-2 0v1H8V2a1 1 0 0 0-2 0v1H5a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3Zm1 17a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9h16Zm0-11H4V6a1 1 0 0 1 1-1h1v1a1 1 0 0 0 2 0V5h8v1a1 1 0 0 0 2 0V5h1a1 1 0 0 1 1 1ZM7 15a1 1 0 1 0-1-1a1 1 0 0 0 1 1Zm0 4a1 1 0 1 0-1-1a1 1 0 0 0 1 1Z" />
  41.               </symbol>
  42.               <symbol xmlns="http://www.w3.org/2000/svg" id="arrow-right" viewBox="0 0 24 24">
  43.                 <path fill="currentColor"
  44.                   d="M17.92 11.62a1 1 0 0 0-.21-.33l-5-5a1 1 0 0 0-1.42 1.42l3.3 3.29H7a1 1 0 0 0 0 2h7.59l-3.3 3.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l5-5a1 1 0 0 0 .21-.33a1 1 0 0 0 0-.76Z" />
  45.               </symbol>
  46.               <symbol xmlns="http://www.w3.org/2000/svg" id="category" viewBox="0 0 24 24">
  47.                 <path fill="currentColor"
  48.                   d="M19 5.5h-6.28l-.32-1a3 3 0 0 0-2.84-2H5a3 3 0 0 0-3 3v13a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-10a3 3 0 0 0-3-3Zm1 13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-13a1 1 0 0 1 1-1h4.56a1 1 0 0 1 .95.68l.54 1.64a1 1 0 0 0 .95.68h7a1 1 0 0 1 1 1Z" />
  49.               </symbol>
  50.               <symbol xmlns="http://www.w3.org/2000/svg" id="calendar" viewBox="0 0 24 24">
  51.                 <path fill="currentColor"
  52.                   d="M19 4h-2V3a1 1 0 0 0-2 0v1H9V3a1 1 0 0 0-2 0v1H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3Zm1 15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-7h16Zm0-9H4V7a1 1 0 0 1 1-1h2v1a1 1 0 0 0 2 0V6h6v1a1 1 0 0 0 2 0V6h2a1 1 0 0 1 1 1Z" />
  53.               </symbol>
  54.               <symbol xmlns="http://www.w3.org/2000/svg" id="heart" viewBox="0 0 24 24">
  55.                 <path fill="currentColor"
  56.                   d="M20.16 4.61A6.27 6.27 0 0 0 12 4a6.27 6.27 0 0 0-8.16 9.48l7.45 7.45a1 1 0 0 0 1.42 0l7.45-7.45a6.27 6.27 0 0 0 0-8.87Zm-1.41 7.46L12 18.81l-6.75-6.74a4.28 4.28 0 0 1 3-7.3a4.25 4.25 0 0 1 3 1.25a1 1 0 0 0 1.42 0a4.27 4.27 0 0 1 6 6.05Z" />
  57.               </symbol>
  58.               <symbol xmlns="http://www.w3.org/2000/svg" id="plus" viewBox="0 0 24 24">
  59.                 <path fill="currentColor"
  60.                   d="M19 11h-6V5a1 1 0 0 0-2 0v6H5a1 1 0 0 0 0 2h6v6a1 1 0 0 0 2 0v-6h6a1 1 0 0 0 0-2Z" />
  61.               </symbol>
  62.               <symbol xmlns="http://www.w3.org/2000/svg" id="minus" viewBox="0 0 24 24">
  63.                 <path fill="currentColor" d="M19 11H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2Z" />
  64.               </symbol>
  65.               <symbol xmlns="http://www.w3.org/2000/svg" id="cart" viewBox="0 0 24 24">
  66.                 <path fill="currentColor"
  67.                   d="M8.5 19a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 8.5 19ZM19 16H7a1 1 0 0 1 0-2h8.491a3.013 3.013 0 0 0 2.885-2.176l1.585-5.55A1 1 0 0 0 19 5H6.74a3.007 3.007 0 0 0-2.82-2H3a1 1 0 0 0 0 2h.921a1.005 1.005 0 0 1 .962.725l.155.545v.005l1.641 5.742A3 3 0 0 0 7 18h12a1 1 0 0 0 0-2Zm-1.326-9l-1.22 4.274a1.005 1.005 0 0 1-.963.726H8.754l-.255-.892L7.326 7ZM16.5 19a1.5 1.5 0 1 0 1.5 1.5a1.5 1.5 0 0 0-1.5-1.5Z" />
  68.               </symbol>
  69.               <symbol xmlns="http://www.w3.org/2000/svg" id="check" viewBox="0 0 24 24">
  70.                 <path fill="currentColor"
  71.                   d="M18.71 7.21a1 1 0 0 0-1.42 0l-7.45 7.46l-3.13-3.14A1 1 0 1 0 5.29 13l3.84 3.84a1 1 0 0 0 1.42 0l8.16-8.16a1 1 0 0 0 0-1.47Z" />
  72.               </symbol>
  73.               <symbol xmlns="http://www.w3.org/2000/svg" id="trash" viewBox="0 0 24 24">
  74.                 <path fill="currentColor"
  75.                   d="M10 18a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1ZM20 6h-4V5a3 3 0 0 0-3-3h-2a3 3 0 0 0-3 3v1H4a1 1 0 0 0 0 2h1v11a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V8h1a1 1 0 0 0 0-2ZM10 5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1h-4Zm7 14a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V8h10Zm-3-1a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1Z" />
  76.               </symbol>
  77.               <symbol xmlns="http://www.w3.org/2000/svg" id="star-outline" viewBox="0 0 15 15">
  78.                 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
  79.                   d="M7.5 9.804L5.337 11l.413-2.533L4 6.674l2.418-.37L7.5 4l1.082 2.304l2.418.37l-1.75 1.793L9.663 11L7.5 9.804Z" />
  80.               </symbol>
  81.               <symbol xmlns="http://www.w3.org/2000/svg" id="star-solid" viewBox="0 0 15 15">
  82.                 <path fill="currentColor"
  83.                   d="M7.953 3.788a.5.5 0 0 0-.906 0L6.08 5.85l-2.154.33a.5.5 0 0 0-.283.843l1.574 1.613l-.373 2.284a.5.5 0 0 0 .736.518l1.92-1.063l1.921 1.063a.5.5 0 0 0 .736-.519l-.373-2.283l1.574-1.613a.5.5 0 0 0-.283-.844L8.921 5.85l-.968-2.062Z" />
  84.               </symbol>
  85.               <symbol xmlns="http://www.w3.org/2000/svg" id="search" viewBox="0 0 24 24">
  86.                 <path fill="currentColor"
  87.                   d="M21.71 20.29L18 16.61A9 9 0 1 0 16.61 18l3.68 3.68a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.39ZM11 18a7 7 0 1 1 7-7a7 7 0 0 1-7 7Z" />
  88.               </symbol>
  89.               <symbol xmlns="http://www.w3.org/2000/svg" id="user" viewBox="0 0 24 24">
  90.                 <path fill="currentColor"
  91.                   d="M15.71 12.71a6 6 0 1 0-7.42 0a10 10 0 0 0-6.22 8.18a1 1 0 0 0 2 .22a8 8 0 0 1 15.9 0a1 1 0 0 0 1 .89h.11a1 1 0 0 0 .88-1.1a10 10 0 0 0-6.25-8.19ZM12 12a4 4 0 1 1 4-4a4 4 0 0 1-4 4Z" />
  92.               </symbol>
  93.               <symbol xmlns="http://www.w3.org/2000/svg" id="close" viewBox="0 0 15 15">
  94.                 <path fill="currentColor"
  95.                   d="M7.953 3.788a.5.5 0 0 0-.906 0L6.08 5.85l-2.154.33a.5.5 0 0 0-.283.843l1.574 1.613l-.373 2.284a.5.5 0 0 0 .736.518l1.92-1.063l1.921 1.063a.5.5 0 0 0 .736-.519l-.373-2.283l1.574-1.613a.5.5 0 0 0-.283-.844L8.921 5.85l-.968-2.062Z" />
  96.               </symbol>
  97.         
  98.             </defs>
  99.         </svg>
  100.         
  101.         <div class="preloader-wrapper">
  102.             <div class="preloader">
  103.             </div>
  104.         </div>
  105.         
  106.         <div class="offcanvas offcanvas-end" style="overflow: auto;" tabindex="-1" id="offcanvasCart" aria-labelledby="My Cart">
  107.             <div class="offcanvas-header justify-content-center">
  108.               <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  109.             </div>
  110.             <div class="offcanvas-body">
  111.               <div class="order-md-last">
  112.                 <h4 class="d-flex justify-content-between align-items-center mb-3">
  113.                   <span class="text-primary">Votre panier</span>
  114.                   <span class="cart-counters badge bg-primary rounded-circle pt-2">{{totalQuantity}}</span>
  115.                 </h4>
  116.                 <ul id="lateral-cart-content" class="list-group mb-3">
  117.                   
  118.                   {% for cartProduct in cartProducts %}
  119.                   <li data-product-id="{{cartProduct.product.id}}" data-product-quantity="{{cartProduct.quantity}}" data-product-stock="{{cartProduct.product.stock}}"  style="list-style-type: none;">
  120.                     <a class="list-group-item d-flex justify-content-between lh-sm" href="{{path('product', {id: cartProduct.product.id})}}">
  121.                       <div>
  122.                         <h6 style="overflow-wrap: anywhere" class="my-0">{{cartProduct.product.name}} {% if cartProduct.quantity >= 1 %}
  123.                            - <span class="quantity-counter" style="font-weight: bold; text-transform: lowercase;">x{{cartProduct.quantity}}</span>
  124.                         {% endif %}</h6>
  125.                         {#<small class="text-body-secondary">{{cartProduct.product.shortDescription}}</small>#}
  126.                       </div>
  127.                       <span class="product-total-price text-body-secondary" data-final-price="{{cartProduct.product.price * cartProduct.quantity}}">{{cartProduct.product.price * cartProduct.quantity}}€</span>
  128.                     </a>
  129.                   </li>
  131.                 {% endfor %}
  133.                   <li class="total-price-container list-group-item d-flex justify-content-between">
  134.                     <span class="fw-bold">Total (EUR)</span>
  135.                     <strong id="cart-total-price" data-final-price="{{totalPrice}}">{{totalPrice}}€</strong>
  136.                   </li>
  137.                 </ul>
  138.                 <button class="w-100 btn btn-secondary btn-lg d-flex justify-content-center align-items-center mb-3" type="button" data-bs-toggle="offcanvas" data-bs-target="#changeCart" aria-controls="offcanvasExample">Modifier le panier</button>
  139.                 <a href="{{path('checkout')}}" class="w-100 btn btn-primary btn-lg">Procéder au paiement</a>
  140.                 <a href="#" class="danger-button clear-cart">Vider le panier</a class="danger-button">
  141.               </div>
  142.             </div>
  143.         </div>
  144.         
  145.         <div class="offcanvas offcanvas-end" style="overflow: auto;" tabindex="-1" id="offcanvasSearch"
  146.             aria-labelledby="Search">
  147.             <div class="offcanvas-header justify-content-center">
  148.               <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  149.             </div>
  150.             <div class="offcanvas-body">
  151.         
  152.               <div class="order-md-last">
  153.                 <h4 class="text-primary text-uppercase mb-3">
  154.                   Recherche
  155.                 </h4>
  156.                 <div class="search-bar border rounded-2 border-dark-subtle">
  157.                   <form class="text-center d-flex align-items-center" action="{{path('search_products')}}" method="POST">
  158.                     <input name="terms_to_search" id="search_input" type="text" class="form-control border-0 bg-transparent"
  159.                     placeholder="Tapez votre recherche !" />
  160.                     <button type="submit" class="search_product_button" width="24" height="24">
  161.                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  162.                         <path fill="currentColor"
  163.                           d="M21.71 20.29L18 16.61A9 9 0 1 0 16.61 18l3.68 3.68a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.39ZM11 18a7 7 0 1 1 7-7a7 7 0 0 1-7 7Z" />
  164.                       </svg>
  165.                     </button>
  167.                   </form>
  168.                 </div>
  169.               </div>
  170.             </div>
  171.         </div>
  173.         <div class="offcanvas offcanvas-end" data-bs-scroll="true" tabindex="-1" id="changeCart" aria-labelledby="offcanvasExampleLabel">
  174.           <div class="offcanvas-header">
  175.             <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  176.           </div>
  177.           <div class="offcanvas-body">
  178.             <div class="order-md-last">
  179.               <h4 class="d-flex justify-content-between align-items-center mb-3">
  180.                 <span class="text-primary">Votre panier</span>
  181.                 <span class="cart-counters badge bg-primary rounded-circle pt-2">{{totalQuantity}}</span>
  182.               </h4>
  183.               <ul id="lateral-edit-cart-content" class="list-group mb-3">
  184.                 {% for cartProduct in cartProducts %}
  186.                 <li class="list-group-item d-flex justify-content-between lh-sm" data-product-id="{{cartProduct.product.id}}" data-product-quantity="{{cartProduct.quantity}}" data-product-stock="{{cartProduct.product.stock}}">
  187.                   
  188.                   <div class="d-flex align-items-center">
  189.                     <h6 class="my-0">{{cartProduct.product.name}}</h6>
  190.                   </div>
  191.                   <div class="edit-cart-button-group"><span class="quantity-buttons more-button m-2"><svg width="16" height="16">
  192.                     <use xlink:href="#plus"></use>
  193.                   </svg></span><span class="quantity-counter m-2">{{cartProduct.quantity}}</span><span class="quantity-buttons less-button m-2"><svg width="16" height="16">
  194.                     <use xlink:href="#minus"></use>
  195.                   </svg></span></div>
  196.                   <span class="product-total-price text-body-secondary d-flex align-items-center" data-unit-price="{{cartProduct.product.price}}" data-final-price="{{cartProduct.product.price * cartProduct.quantity}}">{{cartProduct.product.price * cartProduct.quantity}}€</span>
  197.                 </li>
  199.               {% endfor %}
  201.                 <li class="total-price-container list-group-item d-flex justify-content-between">
  202.                   <span class="fw-bold">Total (EUR)</span>
  203.                   <strong id="edit-cart-total-price" data-final-price="{{totalPrice}}>{{totalPrice}}€"></strong>
  204.                 </li>
  205.               </ul>
  206.               <a href="{{path('checkout')}}" class="w-100 btn btn-primary btn-lg" data-bs-toggle="offcanvas" data-bs-target="#offcanvasCart">Retourner au panier</a>
  207.             </div>
  208.           </div>
  209.         </div>
  211.         {% for type, messages in app.flashes %}
  213.           {% for message in messages %}
  214.               {% if type != 'error' %}
  215.                 <div class="alert alert-{{ type }}">{{ message }}</div>
  216.                 {% else %}
  217.                 <div style="background-color: lightcoral;" class="alert alert-{{ type }}">{{ message }}</div>
  218.               {% endif %}
  219.           {% endfor %}
  220.         {% endfor %}          
  222.         <header>
  224.             <div class="container upper-container">
  226.               <div class="logo">
  227.                   <a href="{{path('app_home')}}">
  228.                     <img src="{{asset('images/logo.png')}}" alt="logo" class="img-fluid">
  229.                   </a>
  230.               </div>
  231.                 
  232.               <div class="search-bar-wrapper">
  233.                 <div class="search-bar border rounded-2 px-3 border-dark-subtle">
  234.                   <form id="search-form" class="text-center d-flex align-items-center" action="{{path('search_products')}}" method="POST">
  235.                     <input name="terms_to_search" id="search_input" type="text" class="form-control border-0 bg-transparent"
  236.                       placeholder="Recherchez Parmis Tout Nos Produits !" />
  237.                       <button type="submit" class="search_product_button" width="24" height="24">
  238.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  239.                           <path fill="currentColor"
  240.                             d="M21.71 20.29L18 16.61A9 9 0 1 0 16.61 18l3.68 3.68a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.39ZM11 18a7 7 0 1 1 7-7a7 7 0 0 1-7 7Z" />
  241.                         </svg>
  242.                       </button>
  243.                   </form>
  244.                 </div>
  245.               </div>
  247.               <div id="social-networks">
  248.                   <div class="wrapper">
  249.                     <ul >
  250.                       <li class="social">
  251.                         <a href="https://www.facebook.com/lestresorsdeluna/" target="_blank">
  252.                           <iconify-icon class="social-icon" icon="ri:facebook-fill"></iconify-icon>
  253.                         </a>
  254.                       </li>
  255.                       <li class="social">
  256.                         <a href="https://www.instagram.com/lestresorsdeluna/" target="_blank">
  257.                           <iconify-icon class="social-icon" icon="ri:instagram-fill"></iconify-icon>
  258.                         </a>
  259.                       </li>
  260.                       <li class="social">
  261.                         <a href="https://www.youtube.com/@lestresorsdeluna" target="_blank">
  262.                           <iconify-icon class="social-icon" icon="ri:youtube-fill"></iconify-icon>
  263.                         </a>
  264.                       </li>
  265.       
  266.                     </ul>
  267.                     <div class="contact"><a href="mailto:contact.tresorsdeluna@gmail.com">contact.tresorsdeluna@gmail.com</a></div>
  268.                   </div>
  270.               </div>
  271.                 
  272.             </div>
  274.             <div class="container-fluid">
  275.               <hr class="m-0">
  276.             </div>
  278.             <div class="container">
  279.               <nav class="main-menu navbar navbar-expand-lg ">
  280.                 <a href="{{path('app_home')}}" class="logo-mobile">
  281.                   <img src="{{asset('images/logo.png')}}" alt="">
  282.                   <img src="{{asset('images/logo_2.png')}}" alt="">
  283.                 </a>
  284.                 <div class="user-actions d-flex d-lg-none align-items-end mt-3">
  285.                   <ul class="d-flex justify-content-end list-unstyled m-0">
  286.                     
  287.                     <li>
  288.                       <a href="#" class="mx-3" data-bs-toggle="offcanvas" data-bs-target="#offcanvasSearch"
  289.                         aria-controls="offcanvasSearch">
  290.                         <iconify-icon icon="tabler:search" class="fs-4"></iconify-icon>
  291.                         </span>
  292.                       </a>
  293.                     </li>
  295.                     <li>
  296.                       <li>
  297.                         {% if app.user %}
  299.                           {% if is_granted('ROLE_ADMIN') %}
  301.                             <a href="{{path('admin_index')}}" class="mx-3">
  302.                               <iconify-icon icon="healthicons:person" class="fs-4"></iconify-icon>
  303.                             </a>
  304.                           {% else %}
  305.                             <a href="{{path('user_account')}}" class="mx-3">
  306.                               <iconify-icon icon="healthicons:person" class="fs-4"></iconify-icon>
  307.                             </a>
  308.                           {% endif %}
  310.                         {% else %}
  311.                           <a href="{{path('account')}}" class="mx-3">
  312.                             <iconify-icon icon="healthicons:person" class="fs-4"></iconify-icon>
  313.                           </a>
  314.                         {% endif %}
  315.                       </li>   
  316.                     </li>
  317.         
  318.                     <li>
  319.                       <a href="#" class="mx-3" data-bs-toggle="offcanvas" data-bs-target="#offcanvasCart"
  320.                         aria-controls="offcanvasCart">
  321.                         <iconify-icon icon="mdi:cart" class="fs-4 position-relative"></iconify-icon>
  322.                         <span class="cart-counters position-absolute translate-middle badge rounded-circle bg-primary pt-2">
  323.                           {{totalQuantity}}
  324.                         </span>
  325.                       </a>
  326.                     </li>
  327.         
  329.                   </ul>
  330.         
  331.                 </div>
  332.                 <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar"
  333.                 aria-controls="offcanvasNavbar">
  334.                 <span class="navbar-toggler-icon"></span>
  335.                 </button>
  336.         
  338.         
  339.                 <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
  340.         
  341.                   <div class="offcanvas-header justify-content-center">
  342.                     <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  343.                   </div>
  344.         
  345.                   <div class="offcanvas-body justify-content-between container" style="overflow: hidden;">
  346.                     <select id="filter_categories" class="filter-categories border-0 mb-0 me-5">
  347.                       <option>Voir par Catégories</option>
  349.                       {% for category in categories %}
  350.                         {% if category.product|length > 0 %}
  352.                           <option value="{{path('products_filter', {'category': category.id}) }}">{{category.name}}</option>
  353.                           
  354.                         {% endif %}
  356.                       {% endfor %}
  357.                       {#
  358.                       <option>Food</option>
  359.                       <option>Food</option>
  360.                       <option>Toy</option>
  361.                       #}
  362.                     </select>
  363.         
  364.                     <ul class="navbar-nav menu-list list-unstyled d-flex gap-md-3 mb-0">
  365.                       <li class="nav-item">
  366.                         <a href="{{path('app_home')}}" class="nav-link active">Accueil</a>
  367.                       </li>
  368.                       <li class="nav-item">
  369.                         <a href="mailto:contact.tresorsdeluna@gmail.com" class="nav-link active" style="padding-bottom: 0;">Contact</a>
  370.                         <div style="font-weight: 100;" class="contact"><a href="mailto:contact.tresorsdeluna@gmail.com">contact.tresorsdeluna@gmail.com</a></div>
  372.                       </li>
  373.                     </ul>
  376.         
  377.                     <div class="d-none d-lg-flex align-items-end">
  378.                       <ul class="d-flex justify-content-end list-unstyled m-0">
  379.                         <li>
  380.                           {% if app.user %}
  382.                             {% if is_granted('ROLE_ADMIN') %}
  384.                               <a href="{{path('admin_index')}}" class="mx-3">
  385.                                 <iconify-icon icon="healthicons:person" class="fs-4"></iconify-icon>
  386.                               </a>
  387.                             {% else %}
  388.                               <a href="{{path('user_account')}}" class="mx-3">
  389.                                 <iconify-icon icon="healthicons:person" class="fs-4"></iconify-icon>
  390.                               </a>
  391.                             {% endif %}
  393.                           {% else %}
  394.                             <a href="{{path('account')}}" class="mx-3">
  395.                               <iconify-icon icon="healthicons:person" class="fs-4"></iconify-icon>
  396.                             </a>
  397.                           {% endif %}
  398.                         </li>   
  399.                         {% if app.request.attributes.get('_route') != 'payment' %}
  400.                           
  401.                           <li class="">
  402.                             <a href="#" class="mx-3" data-bs-toggle="offcanvas" data-bs-target="#offcanvasCart"
  403.                               aria-controls="offcanvasCart">
  404.                               <iconify-icon icon="mdi:cart" class="fs-4 position-relative"></iconify-icon>
  405.                               <span  class="cart-counters position-absolute translate-middle badge rounded-circle bg-primary pt-2">
  406.                                 {{totalQuantity}}
  407.                               </span>
  408.                             </a>
  409.                           </li>
  410.                           
  411.                         {% endif %}     
  412.                       </ul>
  413.         
  414.                     </div>
  415.         
  416.                   </div>
  417.         
  418.                 </div>
  419.         
  420.               </nav>
  421.         
  422.         
  423.         
  424.             </div>
  425.         </header>
  427.         {% block body %}
  428.         
  429.         {% endblock %}
  431.         
  432.         
  433.         {% if app.request.get('_route') not in ['user_account', 'edit_account'] %}
  434.           <hr class="container">
  436.           <div id="social-networks-footer" class="col-md-3 py-5 my-3">
  437.             <div class="card">
  438.               <img src="{{asset('images/logo.png')}}" alt="logo">
  439.               <p class="blog-paragraph fs-6 mt-3">Retrouvez nous sur nos réseaux sociaux :</p>
  440.               <div class="social-links">
  441.                 <ul class="d-flex list-unstyled justify-content-around gap-2">
  442.                   <li class="social">
  443.                     <a href="https://www.facebook.com/lestresorsdeluna/" target="_blank">
  444.                       <iconify-icon class="social-icon" icon="ri:facebook-fill"></iconify-icon>
  445.                     </a>
  446.                   </li>
  447.                   <li class="social">
  448.                     <a href="https://www.instagram.com/lestresorsdeluna/" target="_blank">
  449.                       <iconify-icon class="social-icon" icon="ri:instagram-fill"></iconify-icon>
  450.                     </a>
  451.                   </li>
  452.                   <li class="social">
  453.                     <a href="https://www.youtube.com/@lestresorsdeluna" target="_blank">
  454.                       <iconify-icon class="social-icon" icon="ri:youtube-fill"></iconify-icon>
  455.                     </a>
  456.                   </li>
  458.                 </ul>
  459.               </div>
  460.             </div>
  461.           </div>
  462.         
  463.           <hr class="container hr-social-networks-footer">
  464.           <section id="service">
  465.             <div class="container py-5 my-5">
  466.               <div class="row g-md-5 pt-4 d-flex justify-content-around">
  468.                 <div class="col-md-3 my-3">
  469.                   <div class="card">
  470.                     <div>
  471.                       <iconify-icon class="service-icon text-primary" icon="la:shopping-cart"></iconify-icon>
  472.                     </div>
  473.                     <h3 class="card-title py-2 m-0">Livraison rapide</h3>
  474.                     <div class="card-text">
  475.                       <p class="blog-paragraph fs-6">Nous garantissons une prise en charge rapide de vos commande en moins de 24 heures</p>
  476.                     </div>
  477.                   </div>
  478.                 </div>
  479.                 <div class="col-md-3 my-3">
  480.                   <div class="card">
  481.                     <div>
  482.                       <iconify-icon class="service-icon text-primary" icon="la:user-check"></iconify-icon>
  483.                     </div>
  484.                     <h3 class="card-title py-2 m-0">Paiement sécurisé</h3>
  485.                     <div class="card-text">
  486.                       <p class="blog-paragraph fs-6">Avec PayPal, que vous ayez un compte ou non, payez en toute sécurité.</p>
  487.                     </div>
  488.                   </div>
  489.                 </div>
  490.                 {#
  491.                 <div class="col-md-3 my-3">
  492.                   <div class="card">
  493.                     <div>
  494.                       <iconify-icon class="service-icon text-primary" icon="la:award"></iconify-icon>
  495.                     </div>
  496.                     <h3 class="card-title py-2 m-0">Conception artisanale garantie</h3>
  497.                     <div class="card-text">
  498.                       <p class="blog-paragraph fs-6">Tous nos produits sont réalisés sont uniques et par nos soins</p>
  499.                     </div>
  500.                   </div>
  501.                 </div>
  502.                 #}
  504.             </div>
  505.           </section>
  507.         {% endif %}
  508.         
  509.         <div id="footer-bottom">
  510.             <div class="container">
  511.               <hr class="m-0">
  512.               <div class="row mt-3">
  513.                 <div class="copyright d-flex justify-content-between">
  514.                   <p class="secondary-font">© 2024 Adna Informatique. All rights reserved.</p>
  515.                   <p class="secondary-font">
  516.                     <a href="{{path('cgv')}}" target="_blank" class="nav-link">Conditions générales de vente</a>
  517.                   </p>
  518.                   <p class="secondary-font">
  519.                     <a href="{{path('politique_confidentialite')}}" target="_blank" class="nav-link">Politique de confidentialité</a>
  520.                   </p>
  522.                 </div>
  524.               </div>
  525.             </div>
  526.         </div>        
  528.         <script src="{{asset('js/jquery-1.11.0.min.js')}}"></script>
  529.         <script src="{{asset('js/swiper.js')}}"></script>
  530.         <script src="{{asset('js/bootstrap.bundle.js')}}"></script>
  531.         <script src="{{asset('js/plugins.js')}}"></script>
  532.         <script src="{{asset('js/script.js')}}"></script>
  533.         <script src="{{asset('js/iconify.js')}}"></script>
  534.         <script type="module" src="{{asset('js/classes/Cart.js')}}"></script>
  535.         <script type="module" src="{{asset('js/adna-script.js')}}"></script>      
  536.     
  537.         <div id="cart_notification">
  538.           <p></p>
  539.         </div>
  540.     </body>
  541. </html>