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="{{ '/css/admin-notification-badge.css?v=' ~ random() }}">
  39.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
  40.     <script src="https://cdn.jsdelivr.net/npm/he/he.js"></script>
  41.     <script src="{{ '/js/main.js?v=' ~ random() }}" defer></script>
  42.     <script src="{{ '/js/nav.js?v=' ~ random() }}" defer></script>
  43.     <script src="{{ '/js/rebate-progress.js?v=' ~ random() }}" defer></script>
  46.     {% block stylesheets %}
  47.         {{ encore_entry_link_tags('app') }}
  48.     {% endblock %}
  49. </head>
  50. <body class="d-flex flex-column h-100 body-content{% block body_class %}{% endblock %}">
  51. {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  52. <nav class="navbarResponsive{% if clients['infocommercial'] != null %} has-extended-control{% endif %}">
  53.     <div class="container">
  54.         <div class="navbarLogo">
  55.             <a href="{{ path('products') }}">
  56.                 <img src="{{ asset('uploads/img/media/logo-naturamedicatrix-pro-v2.png') }}" alt="logo-naturamedicatrix-pro"/>
  57.             </a>
  58.         </div>
  59.         <div class="navbar-bottom-row">
  60.             <div id="navbar">
  61.                 <ul>
  62.                     <li>
  63.                         <a class="navlinkUnderline" href="{{ path('products') }}">
  64.                             <span class="navlinkText backgroundTextNav"><i class="fa-solid fa-house me-2"></i>Commandes produits</span>
  65.                         </a>
  66.                     </li>
  67.                     <li>
  68.                         <a class="navlinkUnderline" href="{{ path('video') }}">
  69.                             <span class="navlinkText backgroundTextNav"><i class="far fa-play-circle me-2"></i>Informations produits</span>
  70.                         </a>
  71.                     </li>
  72.                     <li>
  73.                         <a class="navlinkUnderline" href="#">
  74.                             <span class="navlinkText backgroundTextNav btn-dl-tarif"><i class="far fa-arrow-alt-circle-down me-2"></i>Télécharger les derniers tarifs</span>
  75.                         </a>
  76.                     </li>
  77.                 </ul>
  78.             </div>
  80.             <!-- Mobile menu toggle -->
  81.             <button class="mobile-menu-toggle" id="mobileMenuToggle" aria-label="Menu mobile" aria-expanded="false">
  82.                 <span></span>
  83.                 <span></span>
  84.                 <span></span>
  85.             </button>
  87.             <div class="navPartieUserAndCart">
  88.             {% if is_granted('ROLE_COMMERCIAL') %}
  89.                 <div class="commercialControl{% if clients['infocommercial'] != null %} has-active-control{% endif %}">
  90.                     {% if clients['infocommercial'] != null %}
  91.                         <a class="navAnimate commercial-status" data-bs-toggle="modal" data-bs-target="#takeControlModal" href="#">
  92.                             <i class="fas fa-user-check"></i>
  93.                             <span>{{ clients['infocommercial'].customer ? clients['infocommercial'].customer.email : 'Client inconnu' }}</span>
  94.                         </a>
  95.                     {% else %}
  96.                         <a class="navAnimate commercial-control" data-bs-toggle="modal" data-bs-target="#takeControlModal" href="#">
  97.                             <i class="fas fa-users-cog"></i>
  98.                             <span>Contrôle client</span>
  99.                         </a>
  100.                     {% endif %}
  101.                 </div>
  102.             {% endif %}
  103.             <div class="userCart">
  104.                 <div class="dropdown">
  105.                     {% if is_granted('ROLE_ADMIN') %}
  106.                         {% set adminNotifications = get_admin_notifications() %}
  107.                         {% set totalNotifications = adminNotifications|length > 0 ? adminNotifications|reduce((carry, notif) => carry + notif.count, 0) : 0 %}
  108.                     {% endif %}
  109.                     <a class="navAnimate dropdown-toggle user-dropdown-wrapper" href="#" id="userDropdown" role="button"
  110.                        data-bs-toggle="dropdown"
  111.                        aria-haspopup="true" aria-expanded="false">
  112.                         <i class="user-logo fas fa-user"></i>
  113.                         {% if is_granted('ROLE_ADMIN') and totalNotifications > 0 %}
  114.                             <span class="user-notification-indicator">
  115.                                 <i class="fas fa-bell"></i>
  116.                             </span>
  117.                         {% endif %}
  118.                         <span>{{ app.user.email }}</span>
  119.                     </a>
  120.                     <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
  121.                         <a class="dropdown-item" href="{{ path('profile') }}">Mon profil</a>
  122.                         <a class="dropdown-item" href="{{ path('ordersHistory') }}">Historiques des commandes</a>
  123.                         {# <a class="dropdown-item" href="{{ path('profil_invoices') }}">Factures</a> #}
  124.                         <a class="dropdown-item" href="https://naturamedicatrix.photo/" target="_blank">Bibliothèque photos</a>
  125.                         <a class="dropdown-item" href="{{ path('app_logout') }}">Déconnexion</a>
  126.                         {% if is_granted('ROLE_ADMIN') %}
  127.                             <a class="dropdown-item admin-link" href="{{ path('admin') }}">
  128.                                 <span>Administration</span>
  129.                                 {% if totalNotifications > 0 %}
  130.                                     <span class="admin-notification-badge">
  131.                                         {{ totalNotifications }}
  132.                                         <div class="admin-notification-tooltip">
  133.                                             <ul class="admin-alerts-list">
  134.                                                 {% for notification in adminNotifications %}
  135.                                                     <li>{{ notification.message }}</li>
  136.                                                 {% endfor %}
  137.                                             </ul>
  138.                                         </div>
  139.                                     </span>
  140.                                 {% endif %}
  141.                             </a>
  142.                         {% endif %}
  143. {#                        {% if is_granted('ROLE_COMMERCIAL') %}#}
  144. {#                            <a class="dropdown-item" href="{{ path('commercial_customer_informations') }}">Info client</a>#}
  145. {#                        {% endif %}#}
  146.                     </div>
  147.                 </div>
  148.             </div>
  149.             <div id="myCart">
  150.                 <a class="navAnimate" href="{{ path('cartView') }}"><i id="myCartIcon" class="cart-logo fas fa-shopping-cart"></i>
  151.                     Panier <span id="myCartQuantity" data-no-rebate-qty="{{ noRebateQty }}">{{ basketContents }}</span>
  152.                 </a>
  153.             </div>
  154.         </div>
  155.     </div>
  156.     </div>
  157.     
  158.     <!-- Barre de progression des remises -->
  159.     <div class="rebate-progress-bar" id="rebateProgressBar" style="display: none;">
  160.         <div class="container progress-container">
  161.             <div class="progress-content">
  162.                 <div class="progress-info">
  163.                     <span class="current-status" id="currentStatus">
  164.                         <span id="statusText">Ajoutez des produits pour débloquer les remises</span>
  165.                     </span>
  166.                     <span class="next-target" id="nextTarget">
  167.                         <strong id="nextPalierText">4 produits → 13%</strong>
  168.                     </span>
  169.                 </div>
  170.                 <div class="progress-container">
  171.                     <div class="progress-track">
  172.                         <div class="progress-fill" id="progressFill" style="width: 0%"></div>
  173.                         <div class="progress-markers" id="progressMarkers"></div>
  174.                     </div>
  175.                     <div class="progress-percentage" id="progressPercentage">0%</div>
  176.                 </div>
  177.             </div>
  178.         </div>
  179.     </div>
  180. </nav>
  181. {% endif %}
  184. {% block body %}{% endblock %}
  186. {% block footer %}
  187.     <!-- Footer -->
  188.     {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  189.     <footer class="footer footer-b2b mt-auto">
  190.         <div class="footer-top">
  191.             <div class="container footer-shell">
  192.                 <div class="footer-intro">
  193.                     <div class="footer-intro-badge">
  194.                         <i class="fab fa-envira" aria-hidden="true"></i>
  195.                         <span>Espace B2B Professionnel</span>
  196.                     </div>
  197.                     <p class="footer-intro-text">Coordonnées commerciales, administratives et scientifiques</p>
  198.                 </div>
  200.                 <section class="row g-4 footer-grid">
  201.                     <div class="col-12 col-lg-4">
  202.                         <article class="footer-panel">
  203.                             <h3 class="footer-panel-title">Belgique</h3>
  204.                             <address class="footer-address-block">
  205.                                 22, rte des Fagnes<br/>B-4190 Ferrières<br/>Belgique
  206.                             </address>
  208.                             <ul class="footer-list">
  209.                                 <li><i class="fas fa-mobile-alt" aria-hidden="true"></i><span>04 268 18 41</span></li>
  210.                                 <li><i class="fas fa-mobile-alt" aria-hidden="true"></i><span>04 349 03 03</span></li>
  211.                                 <li><i class="fas fa-fax" aria-hidden="true"></i><span>FAX : 02 893 02 54</span></li>
  212.                                 <li><i class="fa-solid fa-envelope" aria-hidden="true"></i><a href="mailto:commande@naturamedicatrix.be">commande@naturamedicatrix.be</a></li>
  213.                                 <li><i class="fa-solid fa-receipt" aria-hidden="true"></i><span>TVA : BE 0543.862.766</span></li>
  214.                             </ul>
  216.                             <div class="footer-bank-box">
  217.                                 <strong>(Belgique)</strong><br/>
  218.                                 <i class="fa-solid fa-building-columns" aria-hidden="true"></i>
  219.                                 BE94 7320 3186 0814
  220.                                 <span class="bank-bic">(BIC: CREGBEBB)</span>
  221.                             </div>
  223.                             {# <img class="footer-mascot" src="{{ asset('img/leafy/leafy4x4.png') }}" alt="Leafy Footer"> #}
  224.                         </article>
  225.                     </div>
  227.                     <div class="col-12 col-lg-4">
  228.                         <article class="footer-panel">
  229.                             <h3 class="footer-panel-title">France / Luxembourg</h3>
  230.                             <address class="footer-address-block">
  231.                                 8, Hannert dem Duarref<br/>L-9772 Troine (Wincrange)<br/>Grand-Duché de Luxembourg
  232.                             </address>
  234.                             <ul class="footer-list">
  235.                                 <li><i class="fas fa-mobile-alt" aria-hidden="true"></i><span>09 77 42 37 05 (France)</span></li>
  236.                                 <li><i class="fas fa-mobile-alt" aria-hidden="true"></i><span>+352 20 88 11 95 (Luxembourg)</span></li>
  237.                                 <li><i class="fas fa-fax" aria-hidden="true"></i><span>FAX : +33 9 74 48 31 02</span></li>
  238.                                 <li><i class="fa-solid fa-envelope" aria-hidden="true"></i><a href="mailto:commande@naturamedicatrix.fr">commande@naturamedicatrix.fr</a></li>
  239.                                 <li><i class="fa-solid fa-envelope" aria-hidden="true"></i><a href="mailto:commande@naturamedicatrix.lu">commande@naturamedicatrix.lu</a></li>
  240.                                 <li><i class="fa-solid fa-receipt" aria-hidden="true"></i><span>TVA : LU26 78 82 81</span></li>
  241.                                 <li><i class="fa-solid fa-receipt" aria-hidden="true"></i><span>TVA : FR39802131615</span></li>
  242.                             </ul>
  244.                             <div class="footer-bank-box">
  245.                                 <strong>(Luxembourg)</strong><br/>
  246.                                 <i class="fa-solid fa-building-columns" aria-hidden="true"></i>
  247.                                 LU09 0141 6495 2300 0000
  248.                                 <span class="bank-bic">(BIC: CELLLULL)</span>
  249.                             </div>
  251.                             <div class="footer-bank-box">
  252.                                 <strong>(France)</strong><br/>
  253.                                 <i class="fa-solid fa-building-columns" aria-hidden="true"></i>
  254.                                 FR76 1670 6050 0753 9617 1298 620
  255.                                 <span class="bank-bic">(BIC: AGRIFRPP867)</span>
  256.                             </div>
  257.                         </article>
  258.                     </div>
  260.                     <div class="col-12 col-lg-4">
  261.                         <article class="footer-panel footer-panel-scientific">
  262.                             <h3 class="footer-panel-title">Une question ? Contactez notre scientifique</h3>
  264.                             <div class="info-scientific">
  265.                                 <p class="scientific-name">Fabien Piasco</p>
  266.                                 <p class="scientific-title">Diététicien-nutritionniste</p>
  267.                                 <p class="scientific-desc">
  268.                                     D.E.S.S. en nutrition Alimentation fonctionnelle et santé (U. Laval, Ca)
  269.                                     D.U. Nutrition et maladies métaboliques (U. Rennes I)
  270.                                     Diététicien D.E. / Diplômé en neuro-nutrition (SiiN)
  271.                                 </p>
  272.                                 <ul class="footer-list footer-list-science">
  273.                                     <li><i class="fas fa-mobile-alt" aria-hidden="true"></i><span>04 85 44 01 24 (France)</span></li>
  274.                                     <li><i class="fas fa-mobile-alt" aria-hidden="true"></i><span>03 66 88 02 34 (France)</span></li>
  275.                                 </ul>
  276.                             </div>
  277.                         </article>
  278.                     </div>
  279.                 </section>
  280.             </div>
  281.         </div>
  283.         <div class="footer-copyright">
  284.             <div class="container footer-copyright-inner">
  285.                 <span>© {{ "now"|date("Y") }} NATURAMedicatrix</span>
  286.                 <a href="{{ path('accueil') }}">Accueil</a>
  287.             </div>
  288.         </div>
  289.     </footer>
  290.     {% endif %}
  291.     <!-- Footer -->
  293.     <div class="modal fade" id="takeControlModal" tabindex="-1" aria-labelledby="takeControlModalLabel" aria-hidden="true">
  294. {#    {{ dump(clients['clients'][7].AdditionalCompanyInformation[0].tva) }}#}
  295.         <div class="modal-dialog modal-dialog-centered">
  296.             <div class="modal-content">
  297.                 <div class="modal-header">
  298.                     <h5 class="modal-title text-center w-100">Prise de contrôle client</h5>
  299.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  300.                 </div>
  301.                 <div class="modal-body p-4">
  302.                     <form action="{{ path('take_control') }}" method="post" class="w-100">
  303.                         <div class="mb-4">
  304.                             <div class="form-floating mb-3">
  305.                                 <input type="text" id="searchInput" placeholder="Rechercher un client..." class="form-control" />
  306.                                 <label for="searchInput">Rechercher un client...</label>
  307.                             </div>
  308.                             
  309.                             <div class="form-floating">
  310.                                 <select class="form-select" name="userControlledId" id="userControlledId">
  311.                                     <option value="">Sélectionner un client</option>
  312.                                     {% for client in clients['clients'] %}
  313.                                         {% for info in client.AdditionalCompanyInformation %}
  314.                                             <option value="{{ client.id }}">{{ info.tva }} - {{ client.email }}</option>
  315.                                         {% endfor %}
  316.                                     {% endfor %}
  317.                                 </select>
  318.                                 <label for="userControlledId">Choisir un client</label>
  319.                             </div>
  320.                         </div>
  321.                         
  322.                         <div class="d-grid gap-2">
  323.                             <button type="submit" class="btn modern-btn-small-primary py-3">
  324.                                 <i class="fas fa-user-check me-2"></i>
  325.                                 Prendre le contrôle du client
  326.                             </button>
  327.                         </div>
  328.                     </form>
  329.                     {% if clients['infocommercial'] != null %}
  330.                     <div class="border-0 pt-0 mt-2">
  331.                         <div class="d-grid w-100">
  332.                             <a href="{{ path('close_control') }}" class="btn btn-back py-3">
  333.                                 <i class="fas fa-user-times me-2"></i>
  334.                                 Arrêter le contrôle du client
  335.                             </a>
  336.                         </div>
  337.                     </div>
  338.                     {% endif %}
  339.                 </div>
  340.                 
  341.                 
  342.             </div>
  343.         </div>
  344.     </div>
  346.     <div class="modal fade" id="modal-invoices-dl" tabindex="-1" aria-hidden="true" aria-labelledby="modalTarifsLabel">
  347.         <div class="modal-dialog modal-lg modal-dialog-centered">
  348.             <div class="modal-content">
  349.                 <div class="modal-header">
  350.                     <h5 class="modal-title" id="modalTarifsLabel">Télécharger les derniers tarifs</h5>
  351.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  352.                 </div>
  353.                 <div class="modal-body">
  354.                     <div class="row g-4">
  355.                         <!-- Section PDF -->
  356.                         <div class="col-md-7">
  357.                             <div class="tarif-section">
  358.                                 <div class="tarif-section-header">
  359.                                     <i class="fa-solid fa-file-pdf tarif-icon-pdf"></i>
  360.                                     <h3 class="tarif-section-title">Tarifs PDF</h3>
  361.                                 </div>
  362.                                 <div class="tarif-cards">
  363.                                     <div class="tarif-card">
  364.                                         <div class="tarif-card-body">
  365.                                             <h6 class="tarif-card-title">Tarif NATURAMedicatrix — Olivie Pharma®</h6>
  366.                                             <span class="tarif-card-period">1<sup>er</sup> semestre 2026</span>
  367.                                             <a href="{{ asset('tarifs/TARIF-Pro-Natura-Olivie-2026.pdf') }}" target="_blank" class="btn-tarif">
  368.                                                 <i class="fa-solid fa-download me-2"></i>Télécharger
  369.                                             </a>
  370.                                         </div>
  371.                                     </div>
  372.                                     <div class="tarif-card">
  373.                                         <div class="tarif-card-body">
  374.                                             <h6 class="tarif-card-title">Tarif Dr. Jacob's®</h6>
  375.                                             <span class="tarif-card-period">1<sup>er</sup> semestre 2026</span>
  376.                                             <a href="{{ asset('tarifs/TARIF-Professionnel-JACOB\'s-2026.pdf') }}" target="_blank" class="btn-tarif">
  377.                                                 <i class="fa-solid fa-download me-2"></i>Télécharger
  378.                                             </a>
  379.                                         </div>
  380.                                     </div>
  381.                                 </div>
  382.                             </div>
  383.                         </div>
  385.                         <!-- Section Excel -->
  386.                         <div class="col-md-5">
  387.                             <div class="tarif-section">
  388.                                 <div class="tarif-section-header">
  389.                                     <i class="fa-solid fa-file-excel tarif-icon-excel"></i>
  390.                                     <h3 class="tarif-section-title">Tarif Excel</h3>
  391.                                 </div>
  392.                                 <div class="tarif-cards">
  393.                                     <div class="tarif-card">
  394.                                         <div class="tarif-card-body">
  395.                                             <h6 class="tarif-card-title">Tarif 2026</h6>
  396.                                             <span class="tarif-card-period">1<sup>er</sup> semestre 2026</span>
  397.                                             {% if app.user.AdditionalCompanyInformation is defined %}
  398.                                                 {% for data in app.user.AdditionalCompanyInformation %}
  399.                                                     {% if data.companyCountry == "France" or data.companyCountry == "Luxembourg" %}
  400.                                                         <a href="{{ asset('tarifs/Tarif-Pro-2026 FR .xlsx') }}" target="_blank" class="btn-tarif">
  401.                                                             <i class="fa-solid fa-download me-2"></i>Télécharger
  402.                                                         </a>
  403.                                                     {% else %}
  404.                                                         <a href="{{ asset('tarifs/Tarif-Pro-2026 FR .xlsx') }}" target="_blank" class="btn-tarif">
  405.                                                             <i class="fa-solid fa-download me-2"></i>Télécharger
  406.                                                         </a>
  407.                                                     {% endif %}
  408.                                                 {% endfor %}
  409.                                             {% endif %}
  410.                                         </div>
  411.                                     </div>
  412.                                 </div>
  413.                             </div>
  414.                         </div>
  415.                     </div>
  416.                 </div>
  417.             </div>
  418.         </div>
  419.     </div>
  421. {% endblock %}
  422. <!-- CDN BOOTSTRAP 5 -->
  423. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
  424.         integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
  425.         crossorigin="anonymous"></script>
  427. <!-- CDN jQuery-->
  428. <script src="https://code.jquery.com/jquery-3.7.0.js" integrity="sha256-JlqSTELeR4TLqP0OG9dxM7yDPqX1ox/HfgiSLBj8+kM="
  429.         crossorigin="anonymous"></script>
  431. <!-- CDN Easing, jQueryUI (animations) -->
  432. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
  433. <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
  436. <!-- CDN DATATABLES JS -->
  437. <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
  438. <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.4.1/js/dataTables.buttons.min.js"></script>
  439. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
  440. <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.4.1/js/buttons.html5.min.js"></script>
  441. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
  442. <script>
  443.     $(document).ready(function() {
  445.         $("#myInput").on("keyup", function() {
  446.             var value = $(this).val().toLowerCase();
  447.             $("#table_all_clients tr").filter(function() {
  448.                 $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
  449.             });
  450.         });
  452.         $('.btn-dl-tarif').click(function(e){
  453.             e.preventDefault(); // Empêche le comportement de lien par défaut
  454.             $('#modal-invoices-dl').modal('show'); // Ouvre le modal
  455.         });
  457.         var $options = $("#userControlledId option").clone(); // clone original options
  459.         $("#searchInput").on("keyup", function() {
  460.             var searchVal = this.value.toLowerCase();
  461.             $("#userControlledId").empty(); // remove all options
  462.             $options.each(function() {
  463.                 var text = $(this).text().toLowerCase();
  464.                 if (text.indexOf(searchVal) !== -1) {
  465.                     $("#userControlledId").append(this);
  466.                 }
  467.             });
  468.         });
  469.     });
  470. </script>
  471. {% block javascripts %}
  473.     {{ encore_entry_script_tags('app') }}
  475. {% endblock %}
  476. </body>
  477. </html>