templates/front/base_front_b2b.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. {% set locale =  app.session.get('_locale')|default(app.request.locale)  %}
  3. <html lang="{{ locale }}" dir="{{ locale starts with 'ar'  ? 'rtl' : 'ltr' }}">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <title> {% block title %}{% endblock %}</title>
  8.     {#    <!-- Title --> #}
  9.     {# Code Facebook Pixel #}
  10.     {% block stylesheets %}
  11.         <script>
  12.             !function(f,b,e,v,n,t,s) {
  13.                 if(f.fbq)return;
  14.                 n=f.fbq=function(){n.callMethod ?
  15.                     n.callMethod.apply(n,arguments) : n.queue.push(arguments)};
  16.                 if(!f._fbq)f._fbq=n;
  17.                 n.push=n;
  18.                 n.loaded=!0;
  19.                 n.version='2.0';
  20.                 n.queue=[];
  21.                 t=b.createElement(e);
  22.                 t.async=!0;
  23.                 t.src=v;
  24.                 s=b.getElementsByTagName(e)[0];
  25.                 s.parentNode.insertBefore(t,s)
  26.             }(window, document, 'script',
  27.                 'https://connect.facebook.net/en_US/fbevents.js');
  28.             fbq('init', '{{ META_PIXEL_ID??"" }}'); // Remplacez par votre Pixel ID
  29.             fbq('track', 'PageView');
  30.         </script>
  31.         <noscript>
  32.             <img height="1" width="1" style="display:none"
  33.                  src="https://www.facebook.com/tr?id={{ META_PIXEL_ID??"" }}&ev=PageView&noscript=1"/>
  34.         </noscript>
  35.         <!-- Bootstrap css -->
  36.         <link rel="stylesheet" href="{{ asset('front/assets/css/bootstrap.min.css') }}"/>
  37.         <!-- animate css -->
  38.         <link rel="stylesheet" href="{{ asset('front/assets/css/animate.min.css') }}"/>
  39.         <!-- Fontawesome css -->
  40.         <link rel="stylesheet" href="{{ asset('front/assets/css/fontawesome.all.min.css') }}"/>
  41.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.2/font/bootstrap-icons.css">
  42.         <!-- owl.carousel css -->
  43.         <link rel="stylesheet" href="{{ asset('front/assets/css/owl.carousel.min.css') }}"/>
  44.         <link rel="stylesheet" type="text/css" href="{{ asset('front/assets/css/slick.min.css') }}"/>
  45.         <link rel="stylesheet" type="text/css" href="{{ asset('front/assets/css/slick-theme.min.css') }}"/>
  46.         <link rel="stylesheet" href="{{ asset('front/assets/css/nouislider.css') }}"/>
  47.         <link href="{{ asset('assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css') }}" rel="stylesheet"
  48.               type="text/css"/>
  49.         <!-- owl.theme.default css -->
  50.         <link rel="stylesheet" href="{{ asset('front/assets/css/owl.theme.default.min.css') }}"/>
  51.         <!-- navber css -->
  52.         <link rel="stylesheet" href="{{ asset('front/assets/css/navber.css') }}"/>
  53.         <!-- meanmenu css -->
  54.         <link rel="stylesheet" href="{{ asset('front/assets/css/meanmenu.css') }}"/>
  55.         <!-- Style css -->
  56.         <link rel="stylesheet" href="{{ asset('front/assets/css/style.css') }}"/>
  57.         <!-- Responsive css -->
  58.         <link rel="stylesheet" href="{{ asset('front/assets/css/responsive.css') }}"/>
  59.         <!-- Favicon -->
  60.         <link rel="icon" type="image/png" href="{{ asset('front/assets/img/favicon.png') }}">
  61.         <link rel="stylesheet" href="{{ asset('front/assets/css/index.css') }}"/>
  62.         <link rel="stylesheet" href="{{ asset('front/assets/css/style-front.css') }}"/>
  63.         <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"/>
  64.         <!--  datatable export && Bootstrap Tables css  -->
  65.         {% if app.user %}
  66.             <link href="{{ asset('assets/libs/bootstrap-table/bootstrap-table.min.css') }}" rel="stylesheet"
  67.                   type="text/css"/>
  68.         {% endif %}
  69.         <!--  fin export  -->
  70.         <!--  leaftlet -->
  71.         <!-- animate css -->
  72.         <!-- Fontawesome css -->
  73.         <!-- owl.carousel css -->
  74.         <!-- Slick css -->
  75.         <!--slick-theme.css-->
  76.         <!-- Rangeslider css -->
  77.         <!-- owl.theme.default css -->
  78.         <!-- navber css -->
  79.         <!-- meanmenu css -->
  80.         <!-- Style css -->
  81.         <!-- Responsive css -->
  82.         <!-- Favicon -->
  83.     {% endblock %}
  84.     {% block javascripts %}
  85.         <script src="{{ asset('front/assets/js/jquery-3.6.0.min.js') }}"></script>
  86.         {{ encore_entry_script_tags('app') }}
  87.     {% endblock %}
  88.     {% block SEO %}
  89.     {% endblock %}
  90. </head>
  91. <body data-controller="modal-login">
  92. {% block body %}
  93.     {#    <div data-controller="reload-content" #}
  94.     {#         data-action="modal-form:success@window->reload-content#refreshContent"> #}
  95.     {#        <div data-controller="modal-form" #}
  96.     {#             data-action="hidden.bs.modal->modal-form#modalHidden"> #}
  97.     {#            <div id="myDivExampleModal"> #}
  98.     {#                {{ include('front/_modal_front.html.twig', { #}
  99.     {#                    modalTitle: 'Title...', #}
  100.     {#                    modalContent : 'Loading ...', #}
  101.     {#                    front: true #}
  102.     {#                }) }} #}
  103.     {#            </div> #}
  104.     <header class="main_header_arae">
  105.         {% block top_menu %}
  106.             {% include 'front/main/header/top_menu_b2b.html.twig' %}
  107.         {% endblock %}
  108.       {#  {% block menu %}
  109.             {% include 'front/main/header/menu.html.twig' %}
  110.         {% endblock %}#}
  111.     </header>
  112.     {#        </div> #}
  113.     {#    </div> #}
  114.     {# <!-- search --> #}
  115.     {% block front %}
  116.         <div class="search-overlay">
  117.             <div class="d-table">
  118.                 <div class="d-table-cell">
  119.                     <div class="search-overlay-layer"></div>
  120.                     <div class="search-overlay-layer"></div>
  121.                     <div class="search-overlay-layer"></div>
  122.                     <div class="search-overlay-close">
  123.                         <span class="search-overlay-close-line"></span>
  124.                         <span class="search-overlay-close-line"></span>
  125.                     </div>
  126.                     <div class="search-overlay-form">
  127.                         <form>
  128.                             <input type="text" class="input-search" placeholder="Search here..."/>
  129.                             <button type="button"><i class="fas fa-search"></i></button>
  130.                         </form>
  131.                     </div>
  132.                 </div>
  133.             </div>
  134.         </div>
  135.     {% endblock %}
  136.     {% block container %}
  137.     {% endblock %}
  138.   {#  {% block newsletter %}
  139.         {{ render(path('app_front_newsletter_subscriber_new')) }}
  140.     {% endblock %}#}
  141.     {% block footer %}
  142.         {{ include('front/main/footer/footer.html.twig') }}
  143.     {% endblock %}
  144. {% endblock %}
  145. {{ include('front/_modal_login.html.twig') }}
  146. {% block javascripts_footer %}
  147.     <script src="{{ asset('front/assets/js/jquery-3.6.0.min.js') }}"></script>
  148.     <!-- Bootstrap js -->
  149.     <script src="{{ asset('front/assets/js/bootstrap.bundle.js') }}"></script>
  150.     <!-- Meanu js -->
  151.     <script src="{{ asset('front/assets/js/jquery.meanmenu.js') }}"></script>
  152.     <script src="{{ asset('front/assets/css/nouislider.css') }}"></script>
  153.     <script src="{{ asset('front/assets/js/wNumb.js') }}"></script>
  154.     <!-- owl carousel js -->
  155.     <script src="{{ asset('front/assets/js/owl.carousel.min.js') }}"></script>
  156.     <script src="{{ asset('front/assets/js/slick.min.js') }}"></script>
  157.     <script src="{{ asset('front/assets/js/slick-slider.js') }}"></script>
  158.     <!-- wow.js -->
  159.     <script src="{{ asset('front/assets/js/wow.min.js') }}"></script>
  160.     <!-- Custom js -->
  161.     <script src="{{ asset('front/assets/js/custom.js') }}"></script>
  162.     <script src="{{ asset('front/assets/js/add-form.js') }}"></script>
  163.     <script src="{{ asset('front/assets/js/form-dropdown.js') }}"></script>
  164.     <!-- Wish-list js -->
  165.     <script src="{{ asset('front/assets/js/scripts/wish_list.js') }}"></script>
  166.     <script src="{{ asset('front/assets/js/scripts/image_not_available.js') }}"></script>
  167.     <script src="{{ asset('assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
  168.     <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
  169.     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
  170.     <script>
  171.         document.addEventListener('DOMContentLoaded', function () {
  172.             const form = document.getElementById('myForm');
  173.             const submitButton = document.getElementById('submitButton');
  174.             if (form && submitButton) {
  175.                 form.addEventListener('submit', function () {
  176.                     // Disable the button to prevent further clicks
  177.                     submitButton.disabled = true;
  178.                 });
  179.             }
  180.         });
  181.     </script>
  182.     <!-- export tables -->
  183.     {% if app.user %}
  184.         {#        {% set isBtob =  app.user.roles|filter(role => role starts with 'ROLE_B2B')|length > 0 %} #}
  185.         <script src="{{ asset('assets/libs/datatables.net/js/jquery.dataTables.min.js') }}"></script>
  186.         <script src="{{ asset('assets/libs/datatables.net-bs5/js/dataTables.bootstrap5.min.js') }}"></script>
  187.         <script src="{{ asset('assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js') }}"></script>
  188.         <script src="{{ asset('assets/libs/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js') }}"></script>
  189.         <script src="{{ asset('assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js') }}"></script>
  190.         <script src="{{ asset('assets/libs/datatables.net-buttons-bs5/js/buttons.bootstrap5.min.js') }}"></script>
  191.         <script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.html5.min.js') }}"></script>
  192.         <script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.flash.min.js') }}"></script>
  193.         <script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.print.min.js') }}"></script>
  194.         <script src="{{ asset('assets/libs/datatables.net-keytable/js/dataTables.keyTable.min.js') }}"></script>
  195.         <script src="{{ asset('assets/libs/datatables.net-select/js/dataTables.select.min.js') }}"></script>
  196.         <script src="{{ asset('assets/libs/bootstrap-table/extensions/auto-refresh/bootstrap-table-auto-refresh.min.js') }}"></script>
  197.         <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
  198.         <script src="https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js"></script>
  199.         <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.22.6/dist/bootstrap-table.min.js"></script>
  200.         <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.22.6/dist/extensions/export/bootstrap-table-export.min.js"></script>
  201.         <script src="{{ asset('assets/js/pages/datatables.init.js') }}"></script>
  202.         <script src="{{ asset('assets/js/pages/bootstrap-tables.init.js') }}"></script>
  203.         <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
  204.     {% endif %}
  205.     <!-- fin export tables -->
  206.     <!-- Bootstrap js -->
  207.     <!-- Meanu js -->
  208.     <!-- Range js -->
  209.     <!-- owl carousel js -->
  210.     <!-- Slick js -->
  211.     <!-- wow.js -->
  212.     <!-- Custom js -->
  213. {% endblock %}
  214. </body>
  215. </html>