templates/front/base_front.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.session.get('_locale')|default(app.request.locale) }}"> {# app.request.locale is not dynamic it's from sevice.yaml #}
  4. <head>
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9.     <title> {% block title %}{% endblock %}</title>
  11.     {#    <!-- Title --> #}
  12.     {% block stylesheets %}
  14.         <!-- Bootstrap css -->
  15.         <link rel="stylesheet" href="{{ asset('front/assets/css/bootstrap.min.css') }}"/>
  16.         <!-- animate css -->
  17.         <link rel="stylesheet" href="{{ asset('front/assets/css/animate.min.css') }}"/>
  18.         <!-- Fontawesome css -->
  19.         <link rel="stylesheet" href="{{ asset('front/assets/css/fontawesome.all.min.css') }}"/>
  20.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.2/font/bootstrap-icons.css">
  22.         <!-- owl.carousel css -->
  23.         <link rel="stylesheet" href="{{ asset('front/assets/css/owl.carousel.min.css') }}"/>
  24.         <link rel="stylesheet" type="text/css" href="{{ asset('front/assets/css/slick.min.css') }}"/>
  25.         <link rel="stylesheet" type="text/css" href="{{ asset('front/assets/css/slick-theme.min.css') }}"/>
  26.         <link rel="stylesheet" href="{{ asset('front/assets/css/nouislider.css') }}"/>
  27.         <link href="{{ asset('assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css') }}" rel="stylesheet"
  28.               type="text/css"/>
  32.         <!-- owl.theme.default css -->
  33.         <link rel="stylesheet" href="{{ asset('front/assets/css/owl.theme.default.min.css') }}"/>
  34.         <!-- navber css -->
  35.         <link rel="stylesheet" href="{{ asset('front/assets/css/navber.css') }}"/>
  36.         <!-- meanmenu css -->
  37.         <link rel="stylesheet" href="{{ asset('front/assets/css/meanmenu.css') }}"/>
  38.         <!-- Style css -->
  39.         <link rel="stylesheet" href="{{ asset('front/assets/css/style.css') }}"/>
  40.         <!-- Responsive css -->
  41.         <link rel="stylesheet" href="{{ asset('front/assets/css/responsive.css') }}"/>
  42.         <!-- Favicon -->
  43.         <link rel="icon" type="image/png" href="{{ asset('front/assets/img/favicon.png') }}">
  45.         <link rel="stylesheet" href="{{ asset('front/assets/css/index.css') }}"/>
  46.         <link rel="stylesheet" href="{{ asset('front/assets/css/style-front.css') }}"/>
  47.         <link rel="stylesheet" href="{{ asset('front/assets/css/style-front-customized.css') }}"/>
  48.         <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"/>
  50.         <!--  datatable export && Bootstrap Tables css  -->
  51.         {% if app.user %}
  52.             <link href="{{ asset('assets/libs/bootstrap-table/bootstrap-table.min.css') }}" rel="stylesheet"
  53.                   type="text/css"/>
  54.         {% endif %}
  55.         <!--  fin export  -->
  56.         <!--  leaftlet -->
  60.         <!-- animate css -->
  61.         <!-- Fontawesome css -->
  62.         <!-- owl.carousel css -->
  63.         <!-- Slick css -->
  64.         <!--slick-theme.css-->
  65.         <!-- Rangeslider css -->
  66.         <!-- owl.theme.default css -->
  67.         <!-- navber css -->
  68.         <!-- meanmenu css -->
  69.         <!-- Style css -->
  70.         <!-- Responsive css -->
  71.         <!-- Favicon -->
  74.     {% endblock %}
  76.     {% block javascripts %}
  77.         <script src="{{ asset('front/assets/js/jquery-3.6.0.min.js') }}"></script>
  78.         {{ encore_entry_script_tags('app') }}
  79.     {% endblock %}
  80.     {% block SEO %}
  81.     {% endblock %}
  83. </head>
  85. <body data-controller="modal-login">
  86. {% block body %}
  88.     {#    <div data-controller="reload-content" #}
  89.     {#         data-action="modal-form:success@window->reload-content#refreshContent"> #}
  90.     {#        <div data-controller="modal-form" #}
  91.     {#             data-action="hidden.bs.modal->modal-form#modalHidden"> #}
  93.     {#            <div id="myDivExampleModal"> #}
  94.     {#                {{ include('front/_modal_front.html.twig', { #}
  95.     {#                    modalTitle: 'Title...', #}
  96.     {#                    modalContent : 'Loading ...', #}
  97.     {#                    front: true #}
  98.     {#                }) }} #}
  99.     {#            </div> #}
  100.     <header class="main_header_arae">
  102.         <!-- Header Area -->
  103.         {% block top_menu %}
  104.             {% include 'front/main/header/top_menu.html.twig' %}
  105.         {% endblock %}
  106.         <!-- Navbar Bar -->
  107.         {% block menu %}
  108.             {% include 'front/main/header/menu.html.twig' %}
  109.         {% endblock %}
  110.     </header>
  111.     {#        </div> #}
  112.     {#    </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 %}
  138.     {% block container %}
  139.     {% endblock %}
  141.     {% block newsletter %}
  142.         {#{{ render(path('app_front_newsletter_subscriber_new')) }}#}
  143.     {% endblock %}
  145.     {% block footer %}
  146.         {{ include('front/main/footer/footer.html.twig') }}
  147.     {% endblock %}
  149. {% endblock %}
  151. {{ include('front/_modal_login.html.twig') }}
  153. {% block javascripts_footer %}
  155.     <script src="{{ asset('front/assets/js/jquery-3.6.0.min.js') }}"></script>
  156.     <!-- Bootstrap js -->
  157.     <script src="{{ asset('front/assets/js/bootstrap.bundle.js') }}"></script>
  158.     <!-- Meanu js -->
  159.     <script src="{{ asset('front/assets/js/jquery.meanmenu.js') }}"></script>
  160.     <script src="{{ asset('front/assets/css/nouislider.css') }}"></script>
  161.     <script src="{{ asset('front/assets/js/wNumb.js') }}"></script>
  164.     <!-- owl carousel js -->
  165.     <script src="{{ asset('front/assets/js/owl.carousel.min.js') }}"></script>
  166.     <script src="{{ asset('front/assets/js/slick.min.js') }}"></script>
  167.     <script src="{{ asset('front/assets/js/slick-slider.js') }}"></script>
  170.     <!-- wow.js -->
  171.     <script src="{{ asset('front/assets/js/wow.min.js') }}"></script>
  172.     <!-- Custom js -->
  173.     <script src="{{ asset('front/assets/js/custom.js') }}"></script>
  174.     <script src="{{ asset('front/assets/js/add-form.js') }}"></script>
  175.     <script src="{{ asset('front/assets/js/form-dropdown.js') }}"></script>
  178.     <!-- Wish-list js -->
  179.     <script src="{{ asset('front/assets/js/scripts/wish_list.js') }}"></script>
  182.     <script src="{{ asset('front/assets/js/scripts/image_not_available.js') }}"></script>
  183.     <script src="{{ asset('assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
  184.     <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
  185.     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
  187.     <script>
  188.         document.addEventListener('DOMContentLoaded', function () {
  189.             const form = document.getElementById('myForm');
  190.             const submitButton = document.getElementById('submitButton');
  192.             if (form && submitButton) {
  193.                 form.addEventListener('submit', function () {
  194.                     // Disable the button to prevent further clicks
  195.                     submitButton.disabled = true;
  196.                 });
  197.             }
  198.         });
  199.     </script>
  201.     <!-- export tables -->
  202.     {% if app.user %}
  203.         {#        {% set isBtob =  app.user.roles|filter(role => role starts with 'ROLE_B2B')|length > 0 %} #}
  204.         <script src="{{ asset('assets/libs/datatables.net/js/jquery.dataTables.min.js') }}"></script>
  205.         <script src="{{ asset('assets/libs/datatables.net-bs5/js/dataTables.bootstrap5.min.js') }}"></script>
  206.         <script src="{{ asset('assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js') }}"></script>
  207.         <script src="{{ asset('assets/libs/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js') }}"></script>
  208.         <script src="{{ asset('assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js') }}"></script>
  209.         <script src="{{ asset('assets/libs/datatables.net-buttons-bs5/js/buttons.bootstrap5.min.js') }}"></script>
  210.         <script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.html5.min.js') }}"></script>
  211.         <script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.flash.min.js') }}"></script>
  212.         <script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.print.min.js') }}"></script>
  213.         <script src="{{ asset('assets/libs/datatables.net-keytable/js/dataTables.keyTable.min.js') }}"></script>
  214.         <script src="{{ asset('assets/libs/datatables.net-select/js/dataTables.select.min.js') }}"></script>
  216.         <script src="{{ asset('assets/libs/bootstrap-table/extensions/auto-refresh/bootstrap-table-auto-refresh.min.js') }}"></script>
  217.         <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
  218.         <script src="https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js"></script>
  219.         <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.22.6/dist/bootstrap-table.min.js"></script>
  220.         <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.22.6/dist/extensions/export/bootstrap-table-export.min.js"></script>
  222.         <script src="{{ asset('assets/js/pages/datatables.init.js') }}"></script>
  223.         <script src="{{ asset('assets/js/pages/bootstrap-tables.init.js') }}"></script>
  224.         <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
  225.     {% endif %}
  229.     <!-- fin export tables -->
  230.     <!-- Bootstrap js -->
  231.     <!-- Meanu js -->
  232.     <!-- Range js -->
  233.     <!-- owl carousel js -->
  234.     <!-- Slick js -->
  235.     <!-- wow.js -->
  236.     <!-- Custom js -->
  237. {% endblock %}
  238. </body>
  239. </html>