<!DOCTYPE html>
{% set locale = app.session.get('_locale')|default(app.request.locale) %}
<html lang="{{ locale }}" dir="{{ locale starts with 'ar' ? 'rtl' : 'ltr' }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title> {% block title %}{% endblock %}</title>
{# <!-- Title --> #}
{# Code Facebook Pixel #}
{% block stylesheets %}
<script>
!function(f,b,e,v,n,t,s) {
if(f.fbq)return;
n=f.fbq=function(){n.callMethod ?
n.callMethod.apply(n,arguments) : n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;
n.push=n;
n.loaded=!0;
n.version='2.0';
n.queue=[];
t=b.createElement(e);
t.async=!0;
t.src=v;
s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '{{ META_PIXEL_ID??"" }}'); // Remplacez par votre Pixel ID
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id={{ META_PIXEL_ID??"" }}&ev=PageView&noscript=1"/>
</noscript>
<!-- Bootstrap css -->
<link rel="stylesheet" href="{{ asset('front/assets/css/bootstrap.min.css') }}"/>
<!-- animate css -->
<link rel="stylesheet" href="{{ asset('front/assets/css/animate.min.css') }}"/>
<!-- Fontawesome css -->
<link rel="stylesheet" href="{{ asset('front/assets/css/fontawesome.all.min.css') }}"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.2/font/bootstrap-icons.css">
<!-- owl.carousel css -->
<link rel="stylesheet" href="{{ asset('front/assets/css/owl.carousel.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('front/assets/css/slick.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('front/assets/css/slick-theme.min.css') }}"/>
<link rel="stylesheet" href="{{ asset('front/assets/css/nouislider.css') }}"/>
<link href="{{ asset('assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css') }}" rel="stylesheet"
type="text/css"/>
<!-- owl.theme.default css -->
<link rel="stylesheet" href="{{ asset('front/assets/css/owl.theme.default.min.css') }}"/>
<!-- navber css -->
<link rel="stylesheet" href="{{ asset('front/assets/css/navber.css') }}"/>
<!-- meanmenu css -->
<link rel="stylesheet" href="{{ asset('front/assets/css/meanmenu.css') }}"/>
<!-- Style css -->
<link rel="stylesheet" href="{{ asset('front/assets/css/style.css') }}"/>
<!-- Responsive css -->
<link rel="stylesheet" href="{{ asset('front/assets/css/responsive.css') }}"/>
<!-- Favicon -->
<link rel="icon" type="image/png" href="{{ asset('front/assets/img/favicon.png') }}">
<link rel="stylesheet" href="{{ asset('front/assets/css/index.css') }}"/>
<link rel="stylesheet" href="{{ asset('front/assets/css/style-front.css') }}"/>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"/>
<!-- datatable export && Bootstrap Tables css -->
{% if app.user %}
<link href="{{ asset('assets/libs/bootstrap-table/bootstrap-table.min.css') }}" rel="stylesheet"
type="text/css"/>
{% endif %}
<!-- fin export -->
<!-- leaftlet -->
<!-- animate css -->
<!-- Fontawesome css -->
<!-- owl.carousel css -->
<!-- Slick css -->
<!--slick-theme.css-->
<!-- Rangeslider css -->
<!-- owl.theme.default css -->
<!-- navber css -->
<!-- meanmenu css -->
<!-- Style css -->
<!-- Responsive css -->
<!-- Favicon -->
{% endblock %}
{% block javascripts %}
<script src="{{ asset('front/assets/js/jquery-3.6.0.min.js') }}"></script>
{{ encore_entry_script_tags('app') }}
{% endblock %}
{% block SEO %}
{% endblock %}
</head>
<body data-controller="modal-login">
{% block body %}
{# <div data-controller="reload-content" #}
{# data-action="modal-form:success@window->reload-content#refreshContent"> #}
{# <div data-controller="modal-form" #}
{# data-action="hidden.bs.modal->modal-form#modalHidden"> #}
{# <div id="myDivExampleModal"> #}
{# {{ include('front/_modal_front.html.twig', { #}
{# modalTitle: 'Title...', #}
{# modalContent : 'Loading ...', #}
{# front: true #}
{# }) }} #}
{# </div> #}
<header class="main_header_arae">
{% block top_menu %}
{% include 'front/main/header/top_menu_b2b.html.twig' %}
{% endblock %}
{# {% block menu %}
{% include 'front/main/header/menu.html.twig' %}
{% endblock %}#}
</header>
{# </div> #}
{# </div> #}
{# <!-- search --> #}
{% block front %}
<div class="search-overlay">
<div class="d-table">
<div class="d-table-cell">
<div class="search-overlay-layer"></div>
<div class="search-overlay-layer"></div>
<div class="search-overlay-layer"></div>
<div class="search-overlay-close">
<span class="search-overlay-close-line"></span>
<span class="search-overlay-close-line"></span>
</div>
<div class="search-overlay-form">
<form>
<input type="text" class="input-search" placeholder="Search here..."/>
<button type="button"><i class="fas fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
{% endblock %}
{% block container %}
{% endblock %}
{# {% block newsletter %}
{{ render(path('app_front_newsletter_subscriber_new')) }}
{% endblock %}#}
{% block footer %}
{{ include('front/main/footer/footer.html.twig') }}
{% endblock %}
{% endblock %}
{{ include('front/_modal_login.html.twig') }}
{% block javascripts_footer %}
<script src="{{ asset('front/assets/js/jquery-3.6.0.min.js') }}"></script>
<!-- Bootstrap js -->
<script src="{{ asset('front/assets/js/bootstrap.bundle.js') }}"></script>
<!-- Meanu js -->
<script src="{{ asset('front/assets/js/jquery.meanmenu.js') }}"></script>
<script src="{{ asset('front/assets/css/nouislider.css') }}"></script>
<script src="{{ asset('front/assets/js/wNumb.js') }}"></script>
<!-- owl carousel js -->
<script src="{{ asset('front/assets/js/owl.carousel.min.js') }}"></script>
<script src="{{ asset('front/assets/js/slick.min.js') }}"></script>
<script src="{{ asset('front/assets/js/slick-slider.js') }}"></script>
<!-- wow.js -->
<script src="{{ asset('front/assets/js/wow.min.js') }}"></script>
<!-- Custom js -->
<script src="{{ asset('front/assets/js/custom.js') }}"></script>
<script src="{{ asset('front/assets/js/add-form.js') }}"></script>
<script src="{{ asset('front/assets/js/form-dropdown.js') }}"></script>
<!-- Wish-list js -->
<script src="{{ asset('front/assets/js/scripts/wish_list.js') }}"></script>
<script src="{{ asset('front/assets/js/scripts/image_not_available.js') }}"></script>
<script src="{{ asset('assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const form = document.getElementById('myForm');
const submitButton = document.getElementById('submitButton');
if (form && submitButton) {
form.addEventListener('submit', function () {
// Disable the button to prevent further clicks
submitButton.disabled = true;
});
}
});
</script>
<!-- export tables -->
{% if app.user %}
{# {% set isBtob = app.user.roles|filter(role => role starts with 'ROLE_B2B')|length > 0 %} #}
<script src="{{ asset('assets/libs/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/libs/datatables.net-bs5/js/dataTables.bootstrap5.min.js') }}"></script>
<script src="{{ asset('assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('assets/libs/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js') }}"></script>
<script src="{{ asset('assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('assets/libs/datatables.net-buttons-bs5/js/buttons.bootstrap5.min.js') }}"></script>
<script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.flash.min.js') }}"></script>
<script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('assets/libs/datatables.net-keytable/js/dataTables.keyTable.min.js') }}"></script>
<script src="{{ asset('assets/libs/datatables.net-select/js/dataTables.select.min.js') }}"></script>
<script src="{{ asset('assets/libs/bootstrap-table/extensions/auto-refresh/bootstrap-table-auto-refresh.min.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.22.6/dist/bootstrap-table.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.22.6/dist/extensions/export/bootstrap-table-export.min.js"></script>
<script src="{{ asset('assets/js/pages/datatables.init.js') }}"></script>
<script src="{{ asset('assets/js/pages/bootstrap-tables.init.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
{% endif %}
<!-- fin export tables -->
<!-- Bootstrap js -->
<!-- Meanu js -->
<!-- Range js -->
<!-- owl carousel js -->
<!-- Slick js -->
<!-- wow.js -->
<!-- Custom js -->
{% endblock %}
</body>
</html>