templates/base.html.twig line 1

Open in your IDE?
  1. <html lang="en">
  2.     <head>
  3.         <meta charset="UTF-8"/>
  4.         <meta name="title" content="Boost Ton Code"/>
  5.         <meta name="description" content="Boost Ton Code"/>
  6.         <meta name="robots" content="index, follow"/>
  7.         <meta name="language" content="French"/>
  8.         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  9.         <title>
  10.             {% block title %}{{"ESR Auto Moto"|trans}}{% endblock %}
  11.         </title>
  12.         {% block stylesheets %}
  13.             {{ encore_entry_link_tags('app') }}
  14.         {% endblock %}
  15.         {% block javascripts %}
  16.             {{ encore_entry_script_tags('app') }}
  17.         {% endblock %}
  18.         {# <link rel="stylesheet" href="{{ asset('assets/css/plugins/remixicon.css') }}"/>
  19.         <link rel="stylesheet" href="{{ asset('assets/css/plugins/swiper-bundle.min.css') }}"/> #}
  20.         <link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}"/>
  21.         <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}?v=1.0.0"/>
  22.         <link rel="preconnect" href="https://fonts.googleapis.com">
  23.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  24.         <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">
  25.         <link rel="icon" type="image/x-icon" href="{{ asset('assets/img/icon.png') }}" />
  26.     </head>
  27.     <body class="body">
  28.         {% if isIframe is not defined or isIframe == false %}
  29.             <header id="website_header">
  30.                 <a id="mobile_home_link" class="header_home_link" href="{{ path('front') }}">
  31.                     <img src="{{ asset('assets/img/icon.png') }}" id="header_logo" />
  32.                     <span class="beta">beta</span>
  33.                 </a>
  34.                 <div class="container">
  35.                     <div id="website_header_inner">
  36.                         <a id="home_link" class="header_home_link" href="{{ path('front') }}">
  37.                             <img src="{{ asset('assets/img/icon.png') }}" id="header_logo" />
  38.                             <span class="beta">beta</span>
  39.                         </a>
  40.                         <div id="header_right">
  41.                             <ul id="header_menu">
  42.                                 <li>
  43.                                     <a href="">La voiture</a>
  44.                                 </li>
  45.                                 <li>
  46.                                     <a href="">Le code</a>
  47.                                 </li>
  48.                                 <li>
  49.                                     <a href="">La moto</a>
  50.                                 </li>
  51.                             </ul>
  52.                             {% if app.user %}
  53.                                 {% if 'ROLE_ADMIN' in app.user.roles %}
  54.                                     <a href="/admin" class="header_link">Espace admin</a>
  55.                                 {% else %}
  56.                                     <a href="{{ path('dashboard_front') }}" class="header_link">Espace client</a>
  57.                                 {% endif %}
  58.                                 {# <div class="dropdown">
  59.                                     <button class="btn dropdown-toggle header_link" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  60.                                         Tableau de board
  61.                                     </button>
  62.                                     <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  63.                                         <a class="dropdown-item" href="{{ path('dashboard_front') }}">Profil</a>
  64.                                         <a class="dropdown-item" href="#">Réservations</a>
  65.                                         <a href="{{ path('app_logout') }}" class="dropdown-item">Déconnexion</a>
  66.                                     </div>
  67.                                 </div> #}
  68.                             {% else %}
  69.                                 <a href="{{ path('login') }}" class="header_link">Connexion</a>
  70.                             {% endif %}
  71.                             <a href="" class="header_link special" translate="no">KEEP UP</a>
  72.                             <a href="{{ path('faq') }}" class="header_link">FAQ</a>
  73.                             <div id="google_translate_element"></div> 
  74.                             <button type="button" class="translateBtn lang_CN" disabled><span>CN</span></button>
  75.                             <button type="button" class="resetTranslateBtn" style="display: none" translate="no"><span>FR </span></button>
  76.                             <a id="header_phone" href="tel:+33141538591">0141538591</a>
  77.                         </div>
  78.                     </div>
  79.                 </div>
  80.                 <a href="javascript:void(0);" id="mobile_menu_icon" class="icon" onclick="showHideMobileMenu()">
  81.                     <img src="{{ asset('assets/img/icons/mobile-menu.png')}}" />
  82.                 </a>
  83.                 <button type="button" class="translateBtn lang_CN mobile" disabled><span>CN</span></button>
  84.                 <button type="button" class="resetTranslateBtn mobile" style="display: none" translate="no"><span>FR </span></button>
  85.                 <a id="header_phone_mobile" href="tel:+33141538591">0141538591</a>
  86.                 <div class="clearfix"></div>
  87.             </header>
  88.         {% endif %}
  89.         <div class="aniBG type_signs"></div>
  90.         <div class="aniBG type_code"></div>
  91.         <div class="aniBG type_auto"></div>
  92.         <div class="aniBG type_moto"></div>
  93.         <div id="page_top_wrp">
  94.             {% block pageTop %}{% endblock %}
  95.         </div>
  96.         <div id="page_inner_wrp">
  97.             {% block body %}{% endblock %}
  98.         </div>
  99.         <div id="page_bottom_wrp">
  100.             {% block pageBottom %}{% endblock %}
  101.         </div>
  102.         {% if isIframe is not defined or isIframe == false %}
  103.             <div id="page_coyr_wrp">
  104.                 <span class="copyr">ESRAutoMoto® 2024 <small>version Beta</small></span>
  105.                 <div class="links">
  106.                     <a href="{{ path('faq') }}">{{"FAQ"|trans}}</a>
  107.                     <a href="#">{{"CGV"|trans}}</a>
  108.                     <a href="{{ path('dashboard_front') }}">{{"Espace client"|trans}}</a>
  109.                 </div>
  110.             </div>
  111.         {% endif %}
  112.         <script src="{{ asset('assets/js/jquery-3.6.0.min.js') }}"></script>
  113.         <script src="{{ asset('assets/js/bootstrap.bundle.min.js') }}"></script>
  114.         <script src="{{ asset('assets/js/script.js') }}"></script>
  115.         <script src="{{ asset('assets/js/talbiJSLoading.js') }}"></script>
  116.         <script src="{{ asset('assets/js/talbiJSAlert.js') }}"></script>
  117.         {% block footerJavascripts %}
  118.             
  119.         {% endblock %}
  120.         <script type="text/javascript"> 
  121.             function googleTranslateElementInit() { 
  122.                 new google.translate.TranslateElement(
  123.                     {pageLanguage: 'fr', includedLanguages : 'zh-CN'}, 
  124.                     'google_translate_element'
  125.                 ); 
  126.             } 
  127.         </script>
  128.         <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 
  129.         <script>
  130.             jQuery(document).ready(function($) {
  131.                 var $google_translate_element = $('#google_translate_element');
  132.                 var $goog_te_combo = $('.goog-te-combo');
  133.                 $('.translateBtn').on('click', function(e) {
  134.                     changeLanguageByButtonClick('zh-CN');
  135.                 });
  136.                 $('.resetTranslateBtn').on('click', function(e) {
  137.                     jQuery('#\\:1\\.container').contents().find('#\\:1\\.restore').click();
  138.                     $('.resetTranslateBtn').hide();
  139.                     $('.translateBtn').attr('disabled', false);
  140.                     $('.translateBtn').show();
  141.                 });
  142.                 var googtrans = readCookie('googtrans');
  143.                 if(!googtrans){
  144.                     $('.translateBtn').attr('disabled', false);
  145.                 } else if(googtrans){
  146.                     if(googtrans == '/fr/zh-CN'){
  147.                         $('.translateBtn').hide();
  148.                         $('.resetTranslateBtn').show();
  149.                     } else {
  150.                         $('.translateBtn').attr('disabled', false);
  151.                     }
  152.                 }
  153.             });
  154.             function changeLanguageByButtonClick(language) {
  155.                 //alert('NEW LANGUAGE: '+language);
  156.                 var selectField = document.querySelector('#google_translate_element select');
  157.                 for(var i=0; i < selectField.children.length; i++){
  158.                     var option = selectField.children[i];
  159.                     if(option.value==language){
  160.                         selectField.selectedIndex = i;
  161.                         selectField.dispatchEvent(new Event('change'));
  162.                         $('.translateBtn').hide();
  163.                         $('.resetTranslateBtn').show();
  164.                         break;
  165.                     }
  166.                 }
  167.             }
  168.             function readCookie(name) {
  169.                 var c = document.cookie.split('; '),
  170.                 cookies = {}, i, C;
  171.                 for (i = c.length - 1; i >= 0; i--) {
  172.                     C = c[i].split('=');
  173.                     cookies[C[0]] = C[1];
  174.                 }
  175.                 return cookies[name];
  176.             }
  177.             function showHideMobileMenu() {
  178.                 var x = document.getElementById("website_header_inner");
  179.                 if (x.style.display === "block") {
  180.                     x.style.display = "none";
  181.                 } else {
  182.                     x.style.display = "block";
  183.                 }
  184.             }
  185.             window.onscroll = function() {myFunction()};
  186.             // Get the header
  187.             var header = document.getElementById("website_header");
  188.             // Get the offset position of the navbar
  189.             var sticky = header.offsetTop;
  190.             function myFunction() {
  191.             if (window.pageYOffset > sticky) {
  192.                 header.classList.add("sticky");
  193.             } else {
  194.                 header.classList.remove("sticky");
  195.             }
  196.             }
  197.         </script>
  198.     </body>
  199. </html>