templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr" prefix="og: https://ogp.me/ns#" >
  4.     <head>
  5.         <meta charset="UTF-8">
  6.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.         <meta name="viewport" content="width=device-width, initial-scale=1">
  8.         <meta name="description" content="LE BIO D'ÉLO">
  9.         <meta name="keywords" content="LE BIO D'ÉLO">
  10.         <meta name="mobile-web-app-capable" content="yes">
  11.         <meta name="apple-mobile-web-app-capable" content="yes">
  12.         <meta name="mobile-web-app-title" content="LE BIO D'ÉLO">
  13.         <meta name="apple-mobile-web-app-title" content="LE BIO D'ÉLO">
  14.         <meta property="og:title" content="LE BIO D'ÉLO "/>
  15.         <meta property="og:type" content="MIELS THÉS TISANES" />
  16.         <meta property="og:description" content="le Bio d'ÉLO" />
  17.         <meta property="og:image" content= "https://www.lebiodelo.com/img/photoLifeUpload/Jeanne-Paul.jpg" />
  18.         <meta property="og:url" content="https://www.lebiodelo.com" />
  19.         <meta property="og:site_name" content="LE BIO D'ÉLO" />
  21.         <script type="application/ld+json">
  23.             { "@context" : "https://schema.org",
  24.               "@type" : "Organization",
  25.               "url" : "https://www.lebiodelo.com",
  26.               "name" : "Le Bio d'Élo",
  27.               "address": {
  28.                 "@type": "PostalAddress",
  29.                 "streetAddress": ""
  30.                 "addressLocality": "",
  31.                 "postalCode": "",
  32.                 
  33.               },
  34.               "email": "contact@lebiodelo.com",
  35.     
  36.                 "telephone" : "",
  37.                 "description" : "lebiodelo.com",
  38.                 "logo" : "https://www.lebiodelo.com/img/icones/logo_full.png"
  39.                 }
  40.         </script>
  41.         
  42.         
  43.         <title>{% block title %}Le bio d'Élo{% endblock %}</title>
  44.         <script type="text/javascript" src="{{ asset("tarteaucitronmin.js") }}"></script>
  45.         <script type="text/javascript">
  46.             tarteaucitron.init({
  47.                 "privacyUrl": "http://www.lebiodelo.com/mentionLegales", /* Privacy policy url */
  49.                 "hashtag": "#tarteaucitron",
  50.                 /* Open the panel with this hashtag */
  51.                 "cookieName": "tarteaucitron",
  52.                 /* Cookie name */
  54.                 "orientation": "bottom",
  55.                 /* Banner position (top - bottom) */
  57.                 "groupServices": false,
  58.                 /* Group services by category */
  60.                 "showAlertSmall": false,
  61.                 /* Show the small banner on bottom right */
  62.                 "cookieslist": false,
  63.                 /* Show the cookie list */
  65.                 "closePopup": false,
  66.                 /* Show a close X on the banner */
  68.                 "showIcon": true,
  69.                 /* Show cookie icon to manage cookies */
  70.                 //"iconSrc": "", /* Optionnal: URL or base64 encoded image */
  71.                 "iconPosition": "BottomRight",
  72.                 /* BottomRight, BottomLeft, TopRight and TopLeft */
  74.                 "adblocker": false,
  75.                 /* Show a Warning if an adblocker is detected */
  77.                 "DenyAllCta": true,
  78.                 /* Show the deny all button */
  79.                 "AcceptAllCta": true,
  80.                 /* Show the accept all button when highPrivacy on */
  81.                 "highPrivacy": true,
  82.                 /* HIGHLY RECOMMANDED Disable auto consent */
  84.                 "handleBrowserDNTRequest": false,
  85.                 /* If Do Not Track == 1, disallow all */
  87.                 "removeCredit": true,
  88.                 /* Remove credit link */
  89.                 "moreInfoLink": false,
  90.                 /* Show more info link */
  92.                 "useExternalCss": false,
  93.                 /* If false, the tarteaucitron.css file will be loaded */
  94.                 "useExternalJs": false,
  95.                 /* If false, the tarteaucitron.js file will be loaded */
  97.                 //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */
  99.                 "showIcon": false,
  100.                 /* Change the default readmore link */
  101.                 "readmoreLink": "",
  102.                 /* Change the default readmore link */
  104.                 "mandatory": true,
  105.                 /* Show a message about mandatory cookies */
  106.             });
  107.         </script>
  108.         <script type="text/javascript">
  109.             tarteaucitron.user.gtagUa = 'G-MBV5Y5BSSE';
  110.             // tarteaucitron.user.gtagCrossdomain = ['example.com', 'example2.com'];
  111.             tarteaucitron.user.gtagMore = function() { /* add here your optionnal gtag() */ };
  112.             (tarteaucitron.job = tarteaucitron.job || []).push('gtag');
  113.             (tarteaucitron.job = tarteaucitron.job || []).push('analytics');
  114.             (tarteaucitron.job = tarteaucitron.job || []).push('instagram');
  115.             (tarteaucitron.job = tarteaucitron.job || []).push('facebook');
  116.             (tarteaucitron.job = tarteaucitron.job || []).push('twitter');
  117.             (tarteaucitron.job = tarteaucitron.job || []).push('pinterest');
  118.         </script>
  119.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  120.         <link rel="preconnect" href="https://fonts.googleapis.com">
  121.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  122.         <link rel="preconnect" href="https://fonts.googleapis.com">
  123.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  124.         <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap" rel="stylesheet">
  125.         <link rel="stylesheet" href="{{ asset('css/tarteaucitron.css') }}">
  126.         <link rel="stylesheet" href="{{ asset('css/style.css') }}">
  127.         
  130.         <link rel="icon" href="{{ asset('img/icones/favicon.png') }}"/>
  131.         <link rel="apple-touch-icon" href="{{ asset('img/icones/favicon_appletouch.png') }}"/> {% block stylesheets %}{% endblock %}
  133.     </head>
  135.     <body>
  136.         {% set categories = app.session.get('categories') %}
  137.         <nav class="navbarLg navbar navbar-expand-lg sticky-top navbar-light d-none d-lg-block">
  138.             <div class="container-fluid">
  140.                         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  141.                         <span class="navbar-toggler-icon"></span>
  142.                         </button>
  143.                 <div class="collapse navbar-collapse" id="navbarNavDropdown">
  144.                         <ul class="navbar-nav col-12">
  145.                             <div class="col-4 d-flex">
  146.                                 <li class=" col-6 nav-item dropdown mx-3">
  147.                                     <a class="nav-link" href="{{ path('catalogue') }}" id="navbarDropdownMenuLink" data-bs-toggle="" aria-expanded="false">PRODUITS</a>
  148.                                         <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  149.                                      
  150.                                      {% for categorie in categories %}
  152.                                          <li class="nav-item">
  153.                                                 <a  class="dropdown-item" href="{{ path("categorie" , {'id' : categorie.id}) }}">{{ categorie.nom }}</a>
  154.                                             </li>
  155.                                         
  156.                                      {% endfor %}
  157.                                             
  158.                                         </ul>
  159.                                 </li>
  160.                                 <li class=" col-6 nav-item dropdown ">
  161.                                     <a class="nav-link "  href="{{ path('nous') }}" id="navbarDropdownMenuLink" role="button" data-bs-toggle="" aria-expanded="false">A PROPOS</a>
  162.                                     
  163.                                 </li>
  164.                             </div>
  165.                             <div class="col-4 ">
  166.                                 <li class="navbar-brand  d-none d-lg-flex  justify-content-center">
  167.                                     <a href="{{ path('accueil') }}">
  168.                                         <img  id="logo-full" class=""  src="{{ asset('img/icones/logo_full.png') }}" alt="logo" style='width:200px'>
  169.                                     </a>
  170.                                         <a href="{{ path('accueil') }}">
  171.                                             <img  id="logo-text" class="d-none" src="{{ asset('img/icones/logo.png') }}" alt="logo" style='width:150px'>
  172.                                         </a>
  173.                                 </li>
  174.                             </div>
  175.                             <div class="col-4 d-flex justify-content-end">
  176.                                 <li class="nav-item dropdown">
  177.                                     <a class="nav-link  px-3" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle=""   aria-expanded="false">
  178.                                     {% if app.user %}
  179.                                         MON COMPTE</a>
  180.                                     {% else %}
  181.                                         <i class="far fa-user"></i>
  182.                                     </a>
  183.                                     {% endif %}
  184.                                     <ul class="dropdown-menu " aria-labelledby="navbarDropdown">
  185.                                     
  186.                                         {% if is_granted('ROLE_USER') %}
  187.                                         
  188.                                             <li><a class="dropdown-item" href="{{ path("profil") }}">PROFIL</a></li>
  189.                                             <li><a class="dropdown-item" href="{{ path("deconnexion") }}">DECONNEXION</a></li>
  190.                     
  191.                                         
  192.                                         {% else %}
  193.                                         <li><a class="dropdown-item" href="{{ path("connexion") }}">CONNEXION</a></li>
  194.                                         <li ><a class="dropdown-item" href = "{{ path('inscription') }}">INSCRIPTION</a></li>
  195.                                         {% endif %}
  196.             
  198.                                         {% if is_granted('ROLE_ADMIN') %}
  199.                                         <li><hr class="dropdown-divider"></li>
  200.                                         <li ><a class="dropdown-item" href="{{ path('admin_commande') }}">Gérer les commandes </a></li>
  201.                                         <li ><a class="dropdown-item" href="{{ path('presentation_afficher') }}">Gérer à propos</a></li>
  202.                                         <li ><a class="dropdown-item" href="{{ path('accueil_afficher') }}">Gérer l'accueil</a></li>
  203.                                         <li ><a class="dropdown-item" href="{{ path('produit_afficher') }}">Gérer les produits</a></li>
  204.                                         <li ><a class="dropdown-item" href="{{ path('categorie_afficher') }}">Gérer les catégories</a></li>
  205.                                         <li ><a class="dropdown-item" href="{{ path('produit_ajouter') }}">Ajouter un produit</a></li>
  206.                                         <li ><a class="dropdown-item" href="{{ path('user_afficher') }}">Gérer les utilisateurs</a></li>
  207.                                         
  208.                                         {% endif %}
  209.                                         
  210.                                     </ul>
  212.                                 </li>
  213.             
  214.                                 <a class="panier nav-link mx-3"  href="{{ path('panier')}}"> 
  215.                                     <img src="{{ asset('img/icones/shopping-bag.png') }}" alt="logo" style='width:16px'>
  216.                                  <span class="badge cart-items-lg"></span>
  217.                                 </a>
  218.                             
  219.                             </div>
  220.     
  221.                         </ul>
  222.                         
  223.                         
  224.         
  225.                 </div>
  226.             </div>
  227.         </nav>
  228.         <nav class="navbarMd navbar sticky-top  d-lg-none navbar-light ">
  229.             <div class="container-fluid">
  230.                 <a class="panier nav-link"  style='margin-top:-20px'  href="{{ path('panier')}}"> 
  231.                     <img src="{{ asset('img/icones/shopping-bag.png') }}" alt="logo" style='width:24px'>
  232.                                      <span class="badge cart-items-md"></span>
  233.                 </a>
  234.             
  235.                 <a class="navbar-brand" href="{{ path('accueil') }}">
  236.                 <img src="{{ asset('img/icones/logo.png') }}" alt="logo" style='width:150px'>
  237.                 </a>
  238.                     
  239.                 <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
  240.                 <span class="navbar-toggler-icon"></span>
  241.                 </button>
  243.                 <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
  244.                 <div class="offcanvas-header">
  245.                     <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  246.                 </div>
  247.                 <div class="offcanvas-body">
  248.                     <ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
  249.                          {% for categorie in categories %}
  251.                                          <li class="nav-item">
  252.                                                 <a  class="dropdown-item" href="{{ path("categorie" , {'id' : categorie.id}) }}">{{ categorie.nom }}</a>
  253.                                             </li>
  254.                                         
  255.                                      {% endfor %}
  256.                         <li><hr class="dropdown-divider"></li>
  258.                         <li class="nav-item">
  259.                             <a class="dropdown-item" href="{{ path('nous') }}">NOUS</a>
  260.                         </li>       
  261.                         
  262.                         <li><hr class="dropdown-divider"></li>
  264.                         {% if is_granted('ROLE_USER') %}                
  265.                             <li><a class="dropdown-item" href="{{ path("profil") }}">PROFIL</a></li>
  266.                             <li><a class="dropdown-item" href="{{ path("deconnexion") }}">DECONNEXION</a></li>
  267.                         {% else %}
  268.                             <li><a class="dropdown-item" href="{{ path("connexion") }}">CONNEXION</a></li>
  269.                             <li ><a class="dropdown-item" href = "{{ path('inscription') }}">INSCRIPTION</a></li>
  270.                         {% endif %}
  273.                         {% if is_granted('ROLE_ADMIN') %}
  274.                             <li><hr class="dropdown-divider"></li>
  275.                             <li ><a class="dropdown-item" href="{{ path('presentation_afficher') }}">Gérer 'A propos'</a></li>
  276.     
  277.                             <li ><a class="dropdown-item" href="{{ path('accueil_afficher') }}">Gérer l'accueil</a></li>
  278.                             <li ><a class="dropdown-item" href="{{ path('produit_afficher') }}">Gérer les produits</a></li>
  279.                             <li ><a class="dropdown-item" href="{{ path('produit_ajouter') }}">Ajouter produit</a></li>
  280.                             <li ><a class="dropdown-item" href="{{ path('user_afficher') }}">Gérer les utilisateurs</a></li>
  281.                         {% endif %}
  283.                     </ul>
  284.                 </div>
  285.                 </div>
  286.             </div>
  287.         </nav>
  288.         
  289.     
  290.     {% block content %}{% endblock %}
  292.         <footer class="footer_container col-12 d-flex flex-column">
  294.             <div class="contact ccol-12 d-flex  flex-column ">
  295.                 <div class="mail  col-12  d-flex  flex-column justify-content-center mb-2">
  296.                     
  297.                         <a href="mailto:contact@lebiodelo.com" class= "fw-bold">CONTACT@LEBIODELO.COM</a>
  298.                         <br>
  299.                         <p>06 70 01 42 26</p>
  300.                 </div>
  301.                     <div class="reseaux col-lg-4 mx-auto col-12 d-flex d-none flex-lg-column flex-row justify-content-center align-items-start mb-2"> 
  302.                     <p class="d-none fw-bold mb-2 mx-2">NOUS SUIVRE</p>
  303.                     
  304.                         <a class="mx-2 " href="https://www.facebook.com/"  target="_blank">Facebook</i>
  305.                         </a>
  306.                         <a class="mx-2 "  href="https://www.instagram.com" target="_blank">Instagram</i>
  307.                         </a>
  308.                         <a  class="mx-2 " href="https://www.pinterest.fr"  target="_blank">Pinterest</i>
  309.                         </a>
  310.         
  311.                 </div>
  312.             </div>
  314.             <div class="rigp  col-12 mx-auto my-auto  " >
  315.                 <a  href="{{ path('accueil') }}">
  316.                 <img class="logo-footer d-block mx-auto" src="{{ asset('img/icones/logo.png') }}" alt="logo"></a>
  317.                 <div class="w-100 d-flex justify-content-center">
  318.                 <a href="{{ path('mentionsLegales') }}">Mentions légales </a>
  319.                 <a class='mx-1' href="{{ path('cgv') }}">CGV</a>
  320.                 </div>
  321.                 <p>&#169 Le bio d'Élo</p> 
  322.             </div>
  324.             <div class="liens col-12  flex-lg-row flex-md-row flex-column">
  325.                                     <div class="produits   d-none col-4 mx-auto">
  326.                                         <p class="mb-2  fw-bold" >PRODUITS</p>
  330.                                          {% for categorie in categories %}
  332.                                                 <a  class="dropdown-item" href="{{ path("categorie" , {'id' : categorie.id}) }}">{{ categorie.nom }}</a>
  334.                                         
  335.                                      {% endfor %}
  336.                                     
  337.                                         
  338.                                     </div>
  339.                                         
  341.         </footer>
  342.                 {% if app.session.get('panier_item') %}
  343.                 {% set nb_item = app.session.get('panier_item') %}
  344.                 {% else %}
  345.                 {% set nb_item = 0 %}
  346.                 {% endif %}
  347.             </div>
  348.     </body>
  351.     <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  352.     <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
  353.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  354.     <script src="https://kit.fontawesome.com/c6d0a84024.js" crossorigin="anonymous"></script>
  356.     <script>// display  CartItems ??? not needed anymore 
  357.         if (document.querySelector('.cart-items-lg').innerHTML == "") {
  358.         document.querySelector('.cart-items-md').setAttribute('visibility', "hidden")
  359.         }
  360.         if (document.querySelector('.cart-items-md').innerHTML == "") {
  361.         document.querySelector('.cart-items-md').setAttribute('visibility', "hidden")
  362.         }
  363.     </script>
  365.     <script>//check how many item in the cart and display the badge or not
  366.         let nbCartItems = {{ nb_item }}
  367.         if (nbCartItems > 0) {
  368.         document.querySelector('.cart-items-lg').innerHTML = nbCartItems
  369.         document.querySelector('.cart-items-md').innerHTML = nbCartItems
  370.         } else {
  371.         document.querySelector('.cart-items-lg').innerHTML = ""
  372.         document.querySelector('.cart-items-md').innerHTML = ""
  373.         document.querySelector('.cart-items-lg').setAttribute('visibility', "hidden")
  374.         document.querySelector('.cart-items-md').setAttribute('visibility', "hidden")
  375.         }
  376.     </script>
  377.     <script>// light  navigation backrground  if scroll
  378.         window.onscroll = function()
  379.         {
  380.                 elementLg = document.querySelector('.navbarLg')
  381.                 elementMd = document.querySelector('.navbarMd')
  382.                 elementLogoFull =document.querySelector('#logo-full')
  383.                 elementLogoText =document.querySelector('#logo-text')
  384.                 let position =window.scrollY
  385.                 if (position > 120) {
  386.                 elementLg.style.height = '127px'     
  387.                 elementLg.style.backgroundColor = '#FFFA'
  388.                 elementLogoFull.classList.add('d-none')
  389.                 elementLogoText.classList.remove('d-none')
  390.             }
  391.             else {
  392.                     elementLg.style.height = 'auto'
  393.                     elementLg.style.backgroundColor = 'transparent'    
  394.                     elementLogoText.classList.add('d-none')    
  395.                     elementLogoFull.classList.remove('d-none')
  396.                     
  397.                     
  398.             }
  399.                 if (position > 71) {
  400.                 elementMd.style.backgroundColor = '#FFFA'     
  401.             }
  402.             else {
  403.                     elementMd.style.backgroundColor = 'transparent'        
  404.             }
  405.         }
  407.     </script>
  408.     {% block javascripts %}{% endblock %}
  409. </html>