templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="fr" class="h-100">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>{% block title %}B2BNaturamedicatrix{% endblock %}</title>
  7.     
  8.     <!-- Meta tags pour empêcher le cache des pages HTML -->
  9.     <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
  10.     <meta http-equiv="Pragma" content="no-cache">
  11.     <meta http-equiv="Expires" content="0">
  12.     <meta name="app-version" content="{{ global_version() }}">
  13.     <link rel="icon"
  14.           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>">
  16.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
  17.           integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  18.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
  19.           integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
  20.           crossorigin="anonymous" referrerpolicy="no-referrer"/>
  21.     <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css">
  22.     <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.1/css/buttons.dataTables.min.css">
  23.     <link rel="stylesheet" href="{{ '/css/cart.css?v=' ~ random() }}">
  24.     <link rel="stylesheet" href="{{ '/css/register.css?v=' ~ random() }}">
  25.     <link rel="stylesheet" href="{{ '/css/profile.css?v=' ~ random() }}">
  26.     <link rel="stylesheet" href="{{ '/css/login.css?v=' ~ random() }}">
  27.     <link rel="stylesheet" href="{{ '/css/asidePromo.css?v=' ~ random() }}">
  28.     <link rel="stylesheet" href="{{ '/css/modal.css?v=' ~ random() }}">
  29.     <link rel="stylesheet" href="{{ '/css/products.css?v=' ~ random() }}">
  30.     <link rel="stylesheet" href="{{ '/css/footer.css?v=' ~ random() }}">
  31.     <link rel="stylesheet" href="{{ '/css/nav.css?v=' ~ random() }}">
  32.     <link rel="stylesheet" href="{{ '/css/generalConditions.css?v=' ~ random() }}">
  33.     <link rel="stylesheet" href="{{ '/css/video.css?v=' ~ random() }}">
  34.     <link rel="stylesheet" href="{{ '/css/calendarActionShock.css?v=' ~ random() }}">
  35.     <link rel="stylesheet" href="{{ '/css/main.css?v=' ~ random() }}">
  36.     <link rel="stylesheet" href="{{ '/css/utilities.css?v=' ~ random() }}">
  37.     <link rel="stylesheet" href="{{ '/css/rebate-progress.css?v=' ~ random() }}">
  38.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
  39.     <script src="https://cdn.jsdelivr.net/npm/he/he.js"></script>
  40.     <script src="{{ '/js/main.js?v=' ~ random() }}" defer></script>
  41.     <script src="{{ '/js/nav.js?v=' ~ random() }}" defer></script>
  42.     <script src="{{ '/js/rebate-progress.js?v=' ~ random() }}" defer></script>
  45.     {% block stylesheets %}
  46.         {{ encore_entry_link_tags('app') }}
  47.     {% endblock %}
  48. </head>
  49. <body class="d-flex flex-column h-100 body-content">
  50. {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  51. <nav class="navbarResponsive{% if clients['infocommercial'] != null %} has-extended-control{% endif %}">
  52.     <div class="container">
  53.         <div class="navbarLogo">
  54.             <a href="{{ path('products') }}">
  55.                 <img src="{{ asset('uploads/img/media/logo-naturamedicatrix-pro-v2.png') }}" alt="logo-naturamedicatrix-pro"/>
  56.             </a>
  57.         </div>
  58.         <div class="navbar-bottom-row">
  59.             <div id="navbar">
  60.                 <ul>
  61.                     <li>
  62.                         <a class="navlinkUnderline" href="{{ path('products') }}">
  63.                             <span class="navlinkText backgroundTextNav"><i class="fa-solid fa-house me-2"></i>Commandes produits</span>
  64.                         </a>
  65.                     </li>
  66.                     <li>
  67.                         <a class="navlinkUnderline" href="{{ path('video') }}">
  68.                             <span class="navlinkText backgroundTextNav"><i class="far fa-play-circle me-2"></i>Informations produits</span>
  69.                         </a>
  70.                     </li>
  71.                     <li>
  72.                         <a class="navlinkUnderline" href="#">
  73.                             <span class="navlinkText backgroundTextNav btn-dl-tarif"><i class="far fa-arrow-alt-circle-down me-2"></i>Télécharger les tarifs 2025</span>
  74.                         </a>
  75.                     </li>
  76.                 </ul>
  77.             </div>
  79.             <!-- Mobile menu toggle -->
  80.             <button class="mobile-menu-toggle" id="mobileMenuToggle" aria-label="Menu mobile" aria-expanded="false">
  81.                 <span></span>
  82.                 <span></span>
  83.                 <span></span>
  84.             </button>
  86.             <div class="navPartieUserAndCart">
  87.             {% if is_granted('ROLE_COMMERCIAL') %}
  88.                 <div class="commercialControl{% if clients['infocommercial'] != null %} has-active-control{% endif %}">
  89.                     {% if clients['infocommercial'] != null %}
  90.                         <a class="navAnimate commercial-status" data-bs-toggle="modal" data-bs-target="#takeControlModal" href="#">
  91.                             <i class="fas fa-user-check"></i>
  92.                             <span>{{ clients['infocommercial'].customer ? clients['infocommercial'].customer.email : 'Client inconnu' }}</span>
  93.                         </a>
  94.                     {% else %}
  95.                         <a class="navAnimate commercial-control" data-bs-toggle="modal" data-bs-target="#takeControlModal" href="#">
  96.                             <i class="fas fa-users-cog"></i>
  97.                             <span>Contrôle client</span>
  98.                         </a>
  99.                     {% endif %}
  100.                 </div>
  101.             {% endif %}
  102.             <div class="userCart">
  103.                 <div class="dropdown">
  104.                     <a class="navAnimate dropdown-toggle" href="#" id="userDropdown" role="button"
  105.                        data-bs-toggle="dropdown"
  106.                        aria-haspopup="true" aria-expanded="false">
  107.                         <i class="user-logo fas fa-user"></i>
  108.                         <span>{{ app.user.email }}</span>
  109.                     </a>
  110.                     <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
  111.                         <a class="dropdown-item" href="{{ path('profile') }}">Mon profil</a>
  112.                         <a class="dropdown-item" href="{{ path('ordersHistory') }}">Historiques des commandes</a>
  113.                         {# <a class="dropdown-item" href="{{ path('profil_invoices') }}">Factures</a> #}
  114.                         <a class="dropdown-item" href="https://naturamedicatrix.photo/" target="_blank">Bibliothèque photos</a>
  115.                         <a class="dropdown-item" href="{{ path('app_logout') }}">Déconnexion</a>
  116.                         {% if is_granted('ROLE_ADMIN') %}
  117.                             <a class="dropdown-item" href="{{ path('admin') }}">Administration</a>
  118.                         {% endif %}
  119. {#                        {% if is_granted('ROLE_COMMERCIAL') %}#}
  120. {#                            <a class="dropdown-item" href="{{ path('commercial_customer_informations') }}">Info client</a>#}
  121. {#                        {% endif %}#}
  122.                     </div>
  123.                 </div>
  124.             </div>
  125.             <div id="myCart">
  126.                 <a class="navAnimate" href="{{ path('cartView') }}"><i id="myCartIcon" class="cart-logo fas fa-shopping-cart"></i>
  127.                     Panier <span id="myCartQuantity" data-no-rebate-qty="{{ noRebateQty }}">{{ basketContents }}</span>
  128.                 </a>
  129.             </div>
  130.         </div>
  131.     </div>
  132.     </div>
  133.     
  134.     <!-- Barre de progression des remises -->
  135.     <div class="rebate-progress-bar" id="rebateProgressBar" style="display: none;">
  136.         <div class="container progress-container">
  137.             <div class="progress-content">
  138.                 <div class="progress-info">
  139.                     <span class="current-status" id="currentStatus">
  140.                         <span id="statusText">Ajoutez des produits pour débloquer les remises</span>
  141.                     </span>
  142.                     <span class="next-target" id="nextTarget">
  143.                         Prochain palier : <strong id="nextPalierText">4 produits → 13%</strong>
  144.                     </span>
  145.                 </div>
  146.                 <div class="progress-container">
  147.                     <div class="progress-track">
  148.                         <div class="progress-fill" id="progressFill" style="width: 0%"></div>
  149.                         <div class="progress-markers" id="progressMarkers"></div>
  150.                     </div>
  151.                     <div class="progress-percentage" id="progressPercentage">0%</div>
  152.                 </div>
  153.             </div>
  154.         </div>
  155.     </div>
  156. </nav>
  157. {% endif %}
  160. {% block body %}{% endblock %}
  162. {% block footer %}
  163.     <!-- Footer -->
  164.     {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  165.     <footer class="bg-dark text-white footer mt-auto">
  166.         <div class="container p-4 pb-0">
  167.             <section class="contactUs row">
  168.                 <div class="footer-address col-md-4 text-center">
  169.                     <i class="fab fa-envira fa-2x"></i>
  170.                     <p class="text-address">Belgique</p>
  171.                     <address>
  172.                         22, rte des Fagnes<br/> B-4190 Ferrières <br/> Belgique
  173.                     </address>
  174.                     <div class="infoContact">
  175.                         <p class="info-tel">
  176.                             <i class="fas fa-mobile-alt"></i> <span>04 268 18 41</span>
  177.                         </p>
  178.                         <p class="info-tel">
  179.                             <i class="fas fa-mobile-alt"></i> <span>04 349 03 03</span>
  180.                         </p>
  181.                         <p class="info-tel">
  182.                             FAX : <span>02 893 02 54</span>
  183.                         </p>
  184.                         <p class="info-mail">
  185.                             <i class="fa-solid fa-envelope"></i> <a href="mailto:commande@naturamedicatrix.be">commande@naturamedicatrix.be</a>
  186.                         </p>
  187.                         <p class="info-tva">TVA&nbsp;: BE 0543.862.766<br/></p>
  188.                         <p class="info-bank">(Belgique)<br/><i class="fa-solid fa-building-columns"></i> BE94 7320 3186 0814 <span class="bank-bic">(BIC: CREGBEBB)</span></p>
  189.                         <img class="img-fluid mb-2" src="{{ asset('img/leafy/leafy4x4.png') }}" alt="Leafy Footer">
  190.                     </div>
  191.                 </div>
  193.                 <div class="footer-address col-md-4 text-center mb-5">
  194.                     <i class="fab fa-envira fa-2x"></i>
  195.                     <p class="text-address">France / Luxembourg</p>
  196.                     <address>
  197.                         8, Hannert dem Duarref<br/> L-9772 Troine (Wincrange)<br/> Grand-Duché de Luxembourg
  198.                     </address>
  199.                     <div class="infoContact">
  200.                         <p class="info-tel">
  201.                             <i class="fas fa-mobile-alt"></i> <span>09 77 42 37 05 (France)</span>
  202.                         </p>
  203.                         <p class="info-tel">
  204.                             <i class="fas fa-mobile-alt"></i> <span>+352 20 88 11 95 (Luxembourg)</span>
  205.                         </p>
  206.                         <p class="info-tel">
  207.                             FAX : <span>+33 9 74 48 31 02</span>
  208.                         </p>
  209.                         <p class="info-mail">
  210.                             <i class="fa-solid fa-envelope"></i> <a href="mailto:commande@naturamedicatrix.fr">commande@naturamedicatrix.fr</a>
  211.                         </p>
  212.                         <p class="info-mail-lu">
  213.                             <i class="fa-solid fa-envelope"></i> <a href="mailto:commande@naturamedicatrix.lu">commande@naturamedicatrix.lu</a>
  214.                         </p>
  215.                         <p class="info-tva"> TVA&nbsp;: LU26788281 <br/> TVA&nbsp;: FR3980213161500014</p>
  216.                     </div>
  217.                     <p class="info-bank">(Luxembourg)<br/><i class="fa-solid fa-building-columns"></i> LU09 0141 6495 2300 0000 <span class="bank-bic">(BIC: CELLLULL)</span></p>
  218.                     <p class="info-bank">(France)<br/><i class="fa-solid fa-building-columns"></i> FR76 1670 6050 0753 9617 1298 620 <span class="bank-bic">(BIC: AGRIFRPP867)</span></p>
  219.                 </div>
  221.                 <div class="footer-address scientific-footer col-md-4 text-center">
  222.                     <i class="fa-solid fa-capsules"></i>
  223.                     <p class="text-address">Une question ? Contactez nos scientifiques</p>
  224.                     <div class="info-scientific">
  225.                         <p class="scientific-name">Anthony-Damien Désirée</p>
  226.                         <p class="scientific-title">PhD</p>
  227.                         <p class="scientific-desc">Doctorat en Biologie, Biochimie, Physiologie de la Nutrition (Université de Bourgogne, France)</p>
  228.                         <p class="info-tel"><i class="fas fa-mobile-alt"></i> +33 (0)3 66 88 02 34 (France)</p>
  229.                         <p class="info-tel"><i class="fas fa-mobile-alt"></i> +32 42 90 00 72 (Reste du monde)</p>
  230.                     </div>
  231.                     <hr/>
  232.                     <div class="info-scientific mt-3" >
  233.                         <p class="scientific-name">Fabien Piasco</p>
  234.                         <p class="scientific-title">Diététicien-nutritionniste</p>
  235.                         <p class="scientific-desc">D.E.S.S. en nutrition Alimentation fonctionnelle et santé (U. Laval, Ca)
  236.                             D.U. Nutrition et maladies métaboliques (U. Rennes I) Diététicien D.E. / Diplômé en neuro-nutrition (SiiN)</p>
  237.                         <p class="info-tel"><i class="fas fa-mobile-alt"></i> 04 85 44 01 24 (France)</p>
  238.                         <p class="info-tel"><i class="fas fa-mobile-alt"></i> 03 66 88 02 34 (France)</p>
  239.                     </div>
  240.                 </div>
  241.             </section>
  243.         </div>
  244.         <div class="footer-copyright text-center p-3">
  245.             © {{ "now"|date("Y") }} Copyright:
  246.             <a class="text-white" href="{{ path('accueil') }}">NATURAMedicatrix</a>
  247.         </div>
  248.     </footer>
  249.     {% endif %}
  250.     <!-- Footer -->
  252.     <div class="modal fade" id="takeControlModal" tabindex="-1" aria-labelledby="takeControlModalLabel" aria-hidden="true">
  253. {#    {{ dump(clients['clients'][7].AdditionalCompanyInformation[0].tva) }}#}
  254.         <div class="modal-dialog modal-dialog-centered">
  255.             <div class="modal-content">
  256.                 <div class="modal-header">
  257.                     <h5 class="modal-title text-center w-100">Prise de contrôle client</h5>
  258.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  259.                 </div>
  260.                 <div class="modal-body p-4">
  261.                     <form action="{{ path('take_control') }}" method="post" class="w-100">
  262.                         <div class="mb-4">
  263.                             <div class="form-floating mb-3">
  264.                                 <input type="text" id="searchInput" placeholder="Rechercher un client..." class="form-control" />
  265.                                 <label for="searchInput">Rechercher un client...</label>
  266.                             </div>
  267.                             
  268.                             <div class="form-floating">
  269.                                 <select class="form-select" name="userControlledId" id="userControlledId">
  270.                                     <option value="">Sélectionner un client</option>
  271.                                     {% for client in clients['clients'] %}
  272.                                         {% for info in client.AdditionalCompanyInformation %}
  273.                                             <option value="{{ client.id }}">{{ info.tva }} - {{ client.email }}</option>
  274.                                         {% endfor %}
  275.                                     {% endfor %}
  276.                                 </select>
  277.                                 <label for="userControlledId">Choisir un client</label>
  278.                             </div>
  279.                         </div>
  280.                         
  281.                         <div class="d-grid gap-2">
  282.                             <button type="submit" class="btn modern-btn-small-primary py-3">
  283.                                 <i class="fas fa-user-check me-2"></i>
  284.                                 Prendre le contrôle du client
  285.                             </button>
  286.                         </div>
  287.                     </form>
  288.                     {% if clients['infocommercial'] != null %}
  289.                     <div class="border-0 pt-0 mt-2">
  290.                         <div class="d-grid w-100">
  291.                             <a href="{{ path('close_control') }}" class="btn btn-back py-3">
  292.                                 <i class="fas fa-user-times me-2"></i>
  293.                                 Arrêter le contrôle du client
  294.                             </a>
  295.                         </div>
  296.                     </div>
  297.                     {% endif %}
  298.                 </div>
  299.                 
  300.                 
  301.             </div>
  302.         </div>
  303.     </div>
  305.     <div class="modal" id="modal-invoices-dl" tabindex="-1">
  306.         <div class="modal-dialog modal-lg">
  307.             <div class="modal-content">
  308.                 <div class="modal-header">
  309.                     <h5 class="modal-title">Télécharger les tarifs 2025.</h5>
  310.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  311.                 </div>
  312.                 <div class="modal-body d-flex align-items-center justify-content-around">
  313.                     <div class="row modalPartPdfTarif align-items-center mb-2">
  314.                         <div class="col-md-12 d-flex flex-column justify-content-center align-items-center mb-3 mt-4">
  315.                             <h3>PDF</h3>
  316.                             <i class="fa-solid fa-file-pdf"></i>
  317.                         </div>
  318.                         <div class="row mb-3 modalTarifNM_Jacob_Olivie justify-content-center align-items-center border-top">
  319.                             <div class="col-md-6 d-flex justify-content-center align-items-center flex-column">
  320.                                 <span style="font-size: 14px;" class="text-nowrap mt-3"><strong>Tarif NaturaMedicatrix-Olivie</strong></span>
  321.                                 <a href="{{ asset('tarifs/TARIF-Professionnel-NaturaMedicatrix-Olivie-2025.pdf') }}" target="_blank">
  322.                                     <button class="btn backgroundTextNav mt-3">Télécharger</button>
  323.                                 </a>
  324.                             </div>
  325.                             <div class="col-md-6 d-flex justify-content-center align-items-center flex-column ">
  326.                                 <span style="font-size: 14px;" class="text-nowrap mt-3"> <strong>Tarif Dr. Jacob’s®</strong></span>
  327.                                 <a href="{{ asset('tarifs/TARIF-Professionnel-JACOB\'s-2025.pdf') }}" target="_blank">
  328.                                     <button class="btn backgroundTextNav mt-3">Télécharger</button>
  329.                                 </a>
  330.                             </div>
  331.                         </div>
  332.                     </div>
  333.                     <div class="row modalPartExcelTarif align-items-center mb-2">
  334.                         <div class="col-md-12 d-flex flex-column justify-content-center align-items-center mb-3 mt-4">
  335.                             <h3>EXCEL</h3>
  336.                             <i class="fa-solid fa-file-excel"></i>
  337.                             {#                            <a href=""><button class="btn backgroundTextNav mt-3 mb-5">Télécharger</button></a>#}
  338.                         </div>
  339.                         <div class="row mb-3">
  340.                             <div class="col-md-12 d-flex justify-content-center align-items-center flex-column border-top ">
  341.                                 <span style="font-size: 14px;" class="mt-3"><strong>Tarif 2025</strong></span>
  342.                                 {% if app.user.AdditionalCompanyInformation is defined %}
  343.                                     {% for data in app.user.AdditionalCompanyInformation %}
  344.                                         {% if data.companyCountry == "France" or data.companyCountry == "Luxembourg" %}
  345.                                             <a href="{{ asset('tarifs/Tarif_professionnel_2025_France.xlsx') }}" target="_blank">
  346.                                                 <button class="btn backgroundTextNav mt-3">Télécharger</button>
  347.                                             </a>
  348.                                         {% else %}
  349.                                             <a href="{{ asset('tarifs/Tarif_professionnel_2025_Belgique.xlsx') }}" target="_blank">
  350.                                                 <button class="btn backgroundTextNav mt-3">Télécharger</button>
  351.                                             </a>
  352.                                         {% endif %}
  353.                                     {% endfor %}
  354.                                 {% endif %}
  356.                             </div>
  357.                         </div>
  358.                     </div>
  360.                 </div>
  361.             </div>
  362.         </div>
  363.     </div>
  365. {% endblock %}
  366. <!-- CDN BOOTSTRAP 5 -->
  367. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
  368.         integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
  369.         crossorigin="anonymous"></script>
  371. <!-- CDN jQuery-->
  372. <script src="https://code.jquery.com/jquery-3.7.0.js" integrity="sha256-JlqSTELeR4TLqP0OG9dxM7yDPqX1ox/HfgiSLBj8+kM="
  373.         crossorigin="anonymous"></script>
  375. <!-- CDN Easing, jQueryUI (animations) -->
  376. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
  377. <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
  380. <!-- CDN DATATABLES JS -->
  381. <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
  382. <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.4.1/js/dataTables.buttons.min.js"></script>
  383. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
  384. <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.4.1/js/buttons.html5.min.js"></script>
  385. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
  386. <script>
  387.     $(document).ready(function() {
  389.         $("#myInput").on("keyup", function() {
  390.             var value = $(this).val().toLowerCase();
  391.             $("#table_all_clients tr").filter(function() {
  392.                 $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
  393.             });
  394.         });
  396.         $('.btn-dl-tarif').click(function(e){
  397.             e.preventDefault(); // Empêche le comportement de lien par défaut
  398.             $('#modal-invoices-dl').modal('show'); // Ouvre le modal
  399.         });
  401.         var $options = $("#userControlledId option").clone(); // clone original options
  403.         $("#searchInput").on("keyup", function() {
  404.             var searchVal = this.value.toLowerCase();
  405.             $("#userControlledId").empty(); // remove all options
  406.             $options.each(function() {
  407.                 var text = $(this).text().toLowerCase();
  408.                 if (text.indexOf(searchVal) !== -1) {
  409.                     $("#userControlledId").append(this);
  410.                 }
  411.             });
  412.         });
  413.     });
  414. </script>
  415. {% block javascripts %}
  417.     {{ encore_entry_script_tags('app') }}
  419. {% endblock %}
  420. </body>
  421. </html>