<!DOCTYPE html><html lang="{{ app.session.get('_locale') }}"> {% set lang = app.session.get('_locale') %} {% if lang is null or app.session.get('_locale') =='' %} {% set lang = 'en'%} {% endif%} <head> <link rel="icon" type="image/x-icon" href="{{ asset('icons/favicon.ico') }}" /> <meta charset="UTF-8"> <title> {% set lang = app.session.get('_locale') %} {{ ('title' ~ lang ) |trans({}, 'messages') }} </title> <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>"> {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #} {% block stylesheets %} {# {{ encore_entry_link_tags('app') }} #} <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="{{asset('css/style.css') }}"> {% endblock %} <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="{%block metaDescription %} Shoping Online Beirut Lebanon Commandes{% endblock%} "> </head> <body> {% if not app.request.cookies.get('cookies_accepted') %}<div id="cookie-banner" style="position: fixed; bottom: 0; width: 100%; background: #222; color: #fff; padding: 1em; text-align: center; z-index: 1000;"> Ce site utilise des cookies pour améliorer votre expérience. <button onclick="acceptCookies()" style="margin-left: 10px;"> {{ ('accepter' ~ lang ) |trans({}, 'messages') }} </button> <button onclick="refuseCookies()" style="margin-left: 5px;"> {{ ('refuser' ~ lang ) |trans({}, 'messages') }} </button></div><script> function acceptCookies() { document.cookie = "cookies_accepted=true; path=/; max-age=31536000"; document.getElementById("cookie-banner").style.display = "none"; location.reload(); } function refuseCookies() { document.cookie = "cookies_accepted=false; path=/; max-age=31536000"; document.getElementById("cookie-banner").style.display = "none"; }</script>{% endif %} {# {% if app.user and app.user.isVerified == false%} <div class="alert alert-warning alert-dissmissible" role="alert"> <button type="button" class="btn-close" data-bs-dismiss="alert" arial-label="close"> </button> <div class="alert-message"> <strong> Votre compte n'est pas activé </strong> , renvoyer le lien d'activ ation <div> </div> {% endif %} #} {% include('/_flash.html.twig') %} {% include 'includes/popup.html.twig' with {'message_popup': 'Voici un message dynamique dans le popup!'} %} <div class="bodymain"> <div id="main-head" class="header-container"> <div class="cards"> <div class=" languages"> <ul class="cardtextlang"> <li><a href="{{ path('app_locale', {'_locale': 'en'}) }}">English</a></li> <span> | </span> <li><a href="{{ path('app_locale', {'_locale': 'fr'}) }}">Français</a></li> </ul> </div> </div> <div id="pub-head" class=" h-container h-pub-container"> <div class="cardflexrowcenter navigation-action"> <form> <button class="btn navbar-brand main-button" formaction="/"> {{ ('discount' ~ lang ) |trans({}, 'messages') }} PROFITEZ -50% </button> </form> </div> </div> <div class=" h-container navigation-sticky "> <!--<button class="cta-button">Click Me</button> <div class="promo-icon"> </div>--> <div class="navigation-action "> <div id="burgernav" class="card btn btn-default btn-light burgernav"> {{ render(controller( 'App\\Controller\\BaseCommonController::burgerbar' )) }} </div> <div id="searchnav" class="card btn btn-default btn-light btn searchnav"> {{ render(controller( 'App\\Controller\\BaseCommonController::searchbar' )) }} </div> </div> <div class="card cardlogo navigation-logo logo-l-o logomob navigation-sticky " > <a class="" id="logo-link" href="/home"> <!--<i class="fa-solid fa-glasses"></i>--> <img src="/images/julico-logo.png" class="cardimglogo" alt="MDN" /> </img> </a> </div> <div class="card cardlogo navigation-logo logo-l-o logomain " > <a class="" id="logo-link" href="/home"> <!--<i class="fa-solid fa-glasses"></i>--> <img src="/images/julico-logo.png" class="cardimglogo" alt="MDN" /> </img> </a> </div> {% if app.request.headers.get('User-Agent') matches '/Mobile/i' %} <!-- Affichage du menu burger pour la version mobile --> {% else %} <!-- Affichage du menu complet pour les autres versions --> {% endif %} <div id="categoriesnav" class="categoriesnav"> {{ render(controller( 'App\\Controller\\BaseCommonController::navbar', { 'max': 3 } )) }} </div> <div class="navigation-action" > {% if app.user %} <form> <button class="card btn btn-default btn-light" formaction="/profile"> <i class="fa-regular fa-user"></i></button> </form> {% else %} <form> <button class="card btn btn-default btn-light" formaction="/login"> <i class="fa-regular fa-user"></i></button> </form> {% endif %} <form> <button class="card btn btn-default btn-light" formaction="/aboutus"> <i class="fa-solid fa-id-card-clip"></i> </button> </form> <form> <button class="card btn btn-default btn-light" formaction="/panier"><i class="fa-solid fa-cart-shopping"></i></button> </form> </div> </div> <div class="h-container navigation-user-menu"> {% if app.user %} <div> <ul> <li><a class="btn btn-default btn-light" href="{{path('app_logout')}}"> {{ ('logout' ~ lang )|trans({}, 'messages') }} <a></li> </ul> </div> {% if is_granted('ROLE_USER') %} <div> <span> </span> <ul> <li><a class="btn btn-default btn-light" href="{{ path('show_commande_user') }}"> {{ ('listedescommandes' ~ lang ) |trans({}, 'messages') }} </a> </li> </ul> </div> {% endif %} {% if is_granted('ROLE_ADMIN') %} <div> <span> </span> <ul> <li><a class="btn btn-default btn-light" href="{{ path('app_category') }}"> {{ ('gestionstock' ~ lang ) |trans({}, 'messages') }} </a> </li> <li><a class="btn btn-default btn-light" href="{{ path('admin_promotions') }}"> {{ ('gestionpromotion' ~ lang ) |trans({}, 'messages') }} </a> </li> <li><a class="btn btn-default btn-light" href="{{ path('maintenance_new') }}"> {{ ('gestionmaintenance' ~ lang ) |trans({}, 'messages') }} <i class="fas fa-toolbox"></i> </a> </li> <li><a class="btn btn-default btn-light" href="{{ path('app_home') }}"> {{ ('suspensionutilisateur' ~ lang ) |trans({}, 'messages') }} </a> </li> {% if app.request.attributes.get('_route') == 'show_facture' %} <li><a class="btn btn-default btn-light" href="{{ path('app_home') }}">Not used</a> </li> {% endif%} </ul> </div> {% endif %} {% else %} <div class="cards"> <ul> <li><a class="btn btn-default btn-light " href="{{path('app_login')}}"> {{ ('login' ~ lang ) |trans({}, 'messages') }} </a></li> <li><a class="btn btn-default btn-light" href="{{path('app_register')}}"> {{ ('register' ~ lang ) |trans({}, 'messages') }} </a></li> </ul> </div> {% endif %} </div> </div> </div> </div> <main> {% block body %} {% endblock %} <div class=" cardflexcol"> <div id="footer"> {% include('/footer.html.twig') %} </div> </div> {% block javascripts %} {# {{ encore_entry_script_tags('app') }} #} <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.3.5/axios.min.js" integrity="sha512-nnNHpffPSgINrsR8ZAIgFUIMexORL5tPwsfktOTxVYSv+AUAILuFYWES8IHl+hhIhpFGlKvWFiz9ZEusrPcSBQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="{{asset('js/script.js')}}"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="text/javascript"></script> <script src="https://www.google.com/recaptcha/api.js" async defer></script> {% if app.request.attributes.get('_route') starts with 'admin_promotions' %} <script src="{{ asset('./js/promo.js') }}"></script> {% endif %} {% endblock %} </main> </body></html>