templates/index.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale|split('_')[0] }}">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <link rel="preload" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" as="font" type="font/woff2">
  7.     <link rel="stylesheet" href="https://use.typekit.net/ghx0lfo.css">
  8.     
  9.     {% if metas is defined and metas is not empty %}
  10.         <title>{{ metas.title }}</title>
  11.         <meta name="description" content="{{ metas.description }}">
  12.     {% endif %}
  14.     <link href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" rel="stylesheet" />
  15.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous" >
  16.     
  17.     {% if app.request.get('preview') and app.request.get('preview') == 'preview' %}
  18.         <meta name="robots" content="none" />
  19.     {% endif %}
  21.     {% block stylesheets %}
  22.         {{ encore_entry_link_tags('app') }}
  23.     {% endblock %}
  25.     {% if blocks is defined %}
  26.         {% for block in blocks %}
  27.             {% if block.module and block.module.moduleAsset %}
  28.                 {{ block.module.moduleAsset.css|raw }}
  29.             {% endif %}
  30.         {% endfor %}
  31.     {% endif %}
  33. {#    <script#}
  34. {#        src="https://code.jquery.com/jquery-3.5.1.min.js"#}
  35. {#        integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="#}
  36. {#        crossorigin="anonymous"#}
  38. {#    >#}
  39. {#    </script>#}
  40. {#    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous" ></script>#}
  43. </head>
  44. <body>
  45.     <div class="stripe-popup hide" id="stripe-popup">
  46.         <div class="content">
  47.             <div class="recap"></div>
  48.             <form id="payment-form" >
  49.                 <div id="link-authentication-element">
  50.                     <!--Stripe.js injects the Link Authentication Element-->
  51.                 </div>
  52.                 <div id="payment-element">
  53.                     <!--Stripe.js injects the Payment Element-->
  54.                 </div>
  55.                 <button class="btn-section blue-dark" id="submit">
  56.                     <div class="spinner hidden" id="spinner"></div>
  57.                     <span id="button-text">{{ 'appointment.payment.btn'|trans }}</span>
  58.                 </button>
  59.                 <div id="payment-message" class="hidden"></div>
  60.             </form>
  61.         </div>
  62.         <div class="fity-success stripe"></div>
  63.         <div class="back"></div>
  64.     </div>
  65.     <div class="loader-container">
  66.         <div class="pr-3 tify">
  67.             <div class="tify2"></div>
  68.             <div class="tify_key rotate"></div>
  69.             <div class="tify_arm"></div>
  70.         </div>
  71.     </div>
  72.     <div class="tip"></div>
  73.     
  74.     <div class="tify egg">
  75.         <div class="tify2"></div>
  76.         <div class="tify_key"></div>
  77.         <div class="tify_arm"></div>
  78.     </div>
  79.     {% for label, messages in app.flashes(['success', 'danger']) %}
  80.          {% if messages|length > 0  %}
  81.              <div class="alertmodal">
  82.                 {% for message in messages %}
  83.                     <div class="alert alert-{{ label }}">
  84.                         {{ message|trans }}
  85.                     </div>
  86.                 {% endfor %}
  87.              </div>
  88.          {% endif %}
  89.     {% endfor %}
  91.     <!-- main content -->
  92.     <div id="main" class="{% if slug is defined and (slug == 'accueil' or slug == 'home') %}home{% endif %}">
  93.         <!-- header -->
  94.         {% if header is defined %}
  95.             {% include "home/blocks/header.html.twig" %}
  96.         {% else %}
  97.             {% block header %}{% endblock %}
  98.         {% endif %}
  100.         <!-- content -->
  101.         {% block content %}{% endblock %}
  103.     </div>
  104.     <!-- footer -->
  105.     {%  if footer is defined %}
  106.             {% include "home/blocks/footer.html.twig" %}
  107.     {% else %}
  108.         {% block footer %}{% endblock %}
  109.     {% endif %}
  111.     {% block javascripts %}
  113.     <script nonce="{{ csp_nonce('script') }}">
  114.         let locale = '{{ app.request.locale }}';
  115.     </script>
  116.     <script src="{{ asset('bundles/bazingajstranslation/js/translator.min.js') }}"></script>
  117.     <script src="{{ url('bazinga_jstranslation_js', {'locales': 'fr,de'}) }}"></script>
  118.     <script src="{{ url('bazinga_jstranslation_js', { 'domain': 'validators', 'locales': 'fr,de'}) }}" ></script>
  119.     <script nonce="{{ csp_nonce('script') }}">
  120.         let links = document.querySelectorAll('a');
  122.         for (let link of links) {
  123.             if (link.href.includes('carfit.jumo.idp.lu')) {
  124.                 let href = link.href.replace('carfit.jumo.idp.lu', 'carfit.lu')
  125.                 link.href = href;
  126.             }
  127.         }
  128.         const REQUEST_LOCALE = '{{ app.request.locale }}';
  129.     </script>
  133.     {% if blocks is defined %}
  134.         {% for block in blocks %}
  135.             {% if block.module and block.module.moduleAsset %}
  136.                 <script>
  137.                 
  138.                     {% for variable, data in block.data %}
  139.                         {% if data is not iterable %}
  140.                             let {{ variable }} = `{{ data }}`;
  141.                         {% else %}
  142.                             let {{ variable }} = `{{ data.0|raw }}`;
  143.                         {% endif %}
  144.                     {% endfor %}
  145.                 </script>
  147.                 {{ block.module.moduleAsset.js|raw }}
  148.             {% endif %}
  149.         {% endfor %}
  150.     {% endif %}
  152.     <!-- Smartsupp Live Chat script -->
  153.     <script type="text/javascript" nonce="{{ csp_nonce('script') }}">
  154.         var _smartsupp = _smartsupp || {};
  155.         _smartsupp.key = '8ab81558a3274a727b910c1ae78d85b5ab9a2d6a';
  156.         window.smartsupp||(function(d) {
  157.             var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
  158.             s=d.getElementsByTagName('script')[0];c=d.createElement('script');
  159.             c.type='text/javascript';c.charset='utf-8';c.async=true;
  160.             c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
  161.         })(document);
  162.         _smartsupp.orientation = "right";
  163.         smartsupp('language','en');
  164.         smartsupp('theme:color', '#11A1ED');
  165.         _smartsupp.privacyNoticeUrl = 'https://losch.lu/fr/protection-des-donnees'; // URL of your privacy page
  166.     </script>
  169. {#    <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js" ></script>#}
  170.         {{ encore_entry_script_tags('app') }}
  171.     <script src="https://maps.googleapis.com/maps/api/js?key={{ map_key }}&callback=initialize"
  172.             async defer></script>
  173.     {% endblock %}
  174. </body>
  175. </html>