<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="title" content="Boost Ton Code"/>
<meta name="description" content="Boost Ton Code"/>
<meta name="robots" content="index, follow"/>
<meta name="language" content="French"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>
{% block title %}{{"ESR Auto Moto"|trans}}{% endblock %}
</title>
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{% endblock %}
{# <link rel="stylesheet" href="{{ asset('assets/css/plugins/remixicon.css') }}"/>
<link rel="stylesheet" href="{{ asset('assets/css/plugins/swiper-bundle.min.css') }}"/> #}
<link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}"/>
<link rel="stylesheet" href="{{ asset('assets/css/style.css') }}?v=1.0.0"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="{{ asset('assets/img/icon.png') }}" />
</head>
<body class="body">
{% if isIframe is not defined or isIframe == false %}
<header id="website_header">
<a id="mobile_home_link" class="header_home_link" href="{{ path('front') }}">
<img src="{{ asset('assets/img/icon.png') }}" id="header_logo" />
<span class="beta">beta</span>
</a>
<div class="container">
<div id="website_header_inner">
<a id="home_link" class="header_home_link" href="{{ path('front') }}">
<img src="{{ asset('assets/img/icon.png') }}" id="header_logo" />
<span class="beta">beta</span>
</a>
<div id="header_right">
<ul id="header_menu">
<li>
<a href="">La voiture</a>
</li>
<li>
<a href="">Le code</a>
</li>
<li>
<a href="">La moto</a>
</li>
</ul>
{% if app.user %}
{% if 'ROLE_ADMIN' in app.user.roles %}
<a href="/admin" class="header_link">Espace admin</a>
{% else %}
<a href="{{ path('dashboard_front') }}" class="header_link">Espace client</a>
{% endif %}
{# <div class="dropdown">
<button class="btn dropdown-toggle header_link" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Tableau de board
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="{{ path('dashboard_front') }}">Profil</a>
<a class="dropdown-item" href="#">Réservations</a>
<a href="{{ path('app_logout') }}" class="dropdown-item">Déconnexion</a>
</div>
</div> #}
{% else %}
<a href="{{ path('login') }}" class="header_link">Connexion</a>
{% endif %}
<a href="" class="header_link special" translate="no">KEEP UP</a>
<a href="{{ path('faq') }}" class="header_link">FAQ</a>
<div id="google_translate_element"></div>
<button type="button" class="translateBtn lang_CN" disabled><span>CN</span></button>
<button type="button" class="resetTranslateBtn" style="display: none" translate="no"><span>FR </span></button>
<a id="header_phone" href="tel:+33141538591">0141538591</a>
</div>
</div>
</div>
<a href="javascript:void(0);" id="mobile_menu_icon" class="icon" onclick="showHideMobileMenu()">
<img src="{{ asset('assets/img/icons/mobile-menu.png')}}" />
</a>
<button type="button" class="translateBtn lang_CN mobile" disabled><span>CN</span></button>
<button type="button" class="resetTranslateBtn mobile" style="display: none" translate="no"><span>FR </span></button>
<a id="header_phone_mobile" href="tel:+33141538591">0141538591</a>
<div class="clearfix"></div>
</header>
{% endif %}
<div class="aniBG type_signs"></div>
<div class="aniBG type_code"></div>
<div class="aniBG type_auto"></div>
<div class="aniBG type_moto"></div>
<div id="page_top_wrp">
{% block pageTop %}{% endblock %}
</div>
<div id="page_inner_wrp">
{% block body %}{% endblock %}
</div>
<div id="page_bottom_wrp">
{% block pageBottom %}{% endblock %}
</div>
{% if isIframe is not defined or isIframe == false %}
<div id="page_coyr_wrp">
<span class="copyr">ESRAutoMoto® 2024 <small>version Beta</small></span>
<div class="links">
<a href="{{ path('faq') }}">{{"FAQ"|trans}}</a>
<a href="#">{{"CGV"|trans}}</a>
<a href="{{ path('dashboard_front') }}">{{"Espace client"|trans}}</a>
</div>
</div>
{% endif %}
<script src="{{ asset('assets/js/jquery-3.6.0.min.js') }}"></script>
<script src="{{ asset('assets/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('assets/js/script.js') }}"></script>
<script src="{{ asset('assets/js/talbiJSLoading.js') }}"></script>
<script src="{{ asset('assets/js/talbiJSAlert.js') }}"></script>
{% block footerJavascripts %}
{% endblock %}
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement(
{pageLanguage: 'fr', includedLanguages : 'zh-CN'},
'google_translate_element'
);
}
</script>
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script>
jQuery(document).ready(function($) {
var $google_translate_element = $('#google_translate_element');
var $goog_te_combo = $('.goog-te-combo');
$('.translateBtn').on('click', function(e) {
changeLanguageByButtonClick('zh-CN');
});
$('.resetTranslateBtn').on('click', function(e) {
jQuery('#\\:1\\.container').contents().find('#\\:1\\.restore').click();
$('.resetTranslateBtn').hide();
$('.translateBtn').attr('disabled', false);
$('.translateBtn').show();
});
var googtrans = readCookie('googtrans');
if(!googtrans){
$('.translateBtn').attr('disabled', false);
} else if(googtrans){
if(googtrans == '/fr/zh-CN'){
$('.translateBtn').hide();
$('.resetTranslateBtn').show();
} else {
$('.translateBtn').attr('disabled', false);
}
}
});
function changeLanguageByButtonClick(language) {
//alert('NEW LANGUAGE: '+language);
var selectField = document.querySelector('#google_translate_element select');
for(var i=0; i < selectField.children.length; i++){
var option = selectField.children[i];
if(option.value==language){
selectField.selectedIndex = i;
selectField.dispatchEvent(new Event('change'));
$('.translateBtn').hide();
$('.resetTranslateBtn').show();
break;
}
}
}
function readCookie(name) {
var c = document.cookie.split('; '),
cookies = {}, i, C;
for (i = c.length - 1; i >= 0; i--) {
C = c[i].split('=');
cookies[C[0]] = C[1];
}
return cookies[name];
}
function showHideMobileMenu() {
var x = document.getElementById("website_header_inner");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
window.onscroll = function() {myFunction()};
// Get the header
var header = document.getElementById("website_header");
// Get the offset position of the navbar
var sticky = header.offsetTop;
function myFunction() {
if (window.pageYOffset > sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
}
</script>
</body>
</html>