<!DOCTYPE html><html lang="{{ app.request.locale|split('_')[0] }}"><head> <meta charset="UTF-8"> <meta name="robots" content="noindex, nofollow"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="preload" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" as="font" type="font/woff2"> <link rel="stylesheet" href="https://use.typekit.net/ghx0lfo.css"> {% if metas is defined and metas is not empty %} <title>{{ metas.title }}</title> <meta name="description" content="{{ metas.description }}"> {% endif %} <link href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" rel="stylesheet" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous" > {% if app.request.get('preview') and app.request.get('preview') == 'preview' %} <meta name="robots" content="none" /> {% endif %} {% block stylesheets %} {{ encore_entry_link_tags('app') }} {% endblock %} {% if blocks is defined %} {% for block in blocks %} {% if block.module and block.module.moduleAsset %} {{ block.module.moduleAsset.css|raw }} {% endif %} {% endfor %} {% endif %}{# <script#}{# src="https://code.jquery.com/jquery-3.5.1.min.js"#}{# integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="#}{# crossorigin="anonymous"#}{# >#}{# </script>#}{# <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>#}</head><body> <div class="stripe-popup hide" id="stripe-popup"> <div class="content"> <div class="recap"></div> <form id="payment-form" > <div id="link-authentication-element"> <!--Stripe.js injects the Link Authentication Element--> </div> <div id="payment-element"> <!--Stripe.js injects the Payment Element--> </div> <button class="btn-section blue-dark" id="submit"> <div class="spinner hidden" id="spinner"></div> <span id="button-text">{{ 'appointment.payment.btn'|trans }}</span> </button> <div id="payment-message" class="hidden"></div> </form> </div> <div class="fity-success stripe"></div> <div class="back"></div> </div> <div class="loader-container"> <div class="pr-3 tify"> <div class="tify2"></div> <div class="tify_key rotate"></div> <div class="tify_arm"></div> </div> </div> <div class="tip"></div> <div class="tify egg"> <div class="tify2"></div> <div class="tify_key"></div> <div class="tify_arm"></div> </div> {% for label, messages in app.flashes(['success', 'danger']) %} {% if messages|length > 0 %} <div class="alertmodal"> {% for message in messages %} <div class="alert alert-{{ label }}"> {{ message|trans }} </div> {% endfor %} </div> {% endif %} {% endfor %} <!-- main content --> <div id="main" class="{% if slug is defined and (slug == 'accueil' or slug == 'home') %}home{% endif %}"> <!-- header --> {% if header is defined %} {% include "home/blocks/header.html.twig" %} {% else %} {% block header %}{% endblock %} {% endif %} <!-- content --> {% block content %}{% endblock %} </div> <!-- footer --> {% if footer is defined %} {% include "home/blocks/footer.html.twig" %} {% else %} {% block footer %}{% endblock %} {% endif %} {% block javascripts %} <script nonce="{{ csp_nonce('script') }}"> let locale = '{{ app.request.locale }}'; </script> <script src="{{ asset('bundles/bazingajstranslation/js/translator.min.js') }}"></script> <script src="{{ url('bazinga_jstranslation_js', {'locales': 'fr,de'}) }}"></script> <script src="{{ url('bazinga_jstranslation_js', { 'domain': 'validators', 'locales': 'fr,de'}) }}" ></script> <script nonce="{{ csp_nonce('script') }}"> let links = document.querySelectorAll('a'); for (let link of links) { if (link.href.includes('carfit.jumo.idp.lu')) { let href = link.href.replace('carfit.jumo.idp.lu', 'carfit.lu') link.href = href; } } const REQUEST_LOCALE = '{{ app.request.locale }}'; </script> {% if blocks is defined %} {% for block in blocks %} {% if block.module and block.module.moduleAsset %} <script> {% for variable, data in block.data %} {% if data is not iterable %} let {{ variable }} = `{{ data }}`; {% else %} let {{ variable }} = `{{ data.0|raw }}`; {% endif %} {% endfor %} </script> {{ block.module.moduleAsset.js|raw }} {% endif %} {% endfor %} {% endif %} <!-- Smartsupp Live Chat script --> <script type="text/javascript" nonce="{{ csp_nonce('script') }}"> var _smartsupp = _smartsupp || {}; _smartsupp.key = '8ab81558a3274a727b910c1ae78d85b5ab9a2d6a'; window.smartsupp||(function(d) { var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[]; s=d.getElementsByTagName('script')[0];c=d.createElement('script'); c.type='text/javascript';c.charset='utf-8';c.async=true; c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s); })(document); _smartsupp.orientation = "right"; smartsupp('language','en'); smartsupp('theme:color', '#11A1ED'); _smartsupp.privacyNoticeUrl = 'https://losch.lu/fr/protection-des-donnees'; // URL of your privacy page </script>{# <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js" ></script>#} {{ encore_entry_script_tags('app') }} <script src="https://maps.googleapis.com/maps/api/js?key={{ map_key }}&callback=initialize" async defer></script> {% endblock %}</body></html>