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