<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>{% block title %}Réservation 10•55 - {{ city_gamecenter }}{% endblock %}</title> <link rel="icon" type="image/png" href="{{ asset('assets/img/favicon.png') }}" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet"> {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #} <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KTNRJJ4V');</script> <!-- End Google Tag Manager --> {% block stylesheets %} <link href="{{ asset('assets/lib/country-select/css/countrySelect.min.css') }}" rel="stylesheet"> <link href="{{ asset('assets/lib/datepicker/css/datepicker.minimal.css') }}" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"> <link href="{{ asset('assets/css/styles.css?v=2') }}" rel="stylesheet"> <link href="{{ asset('assets/css/slick.css?v=1') }}" rel="stylesheet"> <link href="{{ asset('assets/css/slick-theme.css?v=1') }}" rel="stylesheet"> {# {{ encore_entry_link_tags('app') }} #} {% endblock %} {% block javascripts %} <script src="https://code.jquery.com/jquery-3.6.0.min.js" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script> {# {{ encore_entry_script_tags('app') }} #} {% endblock %} {% block javascripts_register_page %} {% endblock %} <style> .loader { display: none; } .lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid #0a5688; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #0a5688 transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } html.js .loader { position: fixed; top: calc(50% - 40px); left: calc(50% - 40px); display: block; } html.js #page { opacity: 0; height: 0; overflow: hidden; transition: opacity 0.2s ease; } html.js body.loaded #page { opacity: 1; height: auto; overflow: hidden; } html.js body.loaded .loader { display: none; } html.js body.loaded.switch:before { content: ''; display: block; position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; } html.js body.loaded.switch .loader { display: block; } html.js body.loaded.switch #page { opacity: 0; } </style> <script type="text/javascript">var html=document.getElementsByTagName('html')[0];html.classList.add("js");</script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id={{ ga_tracking }}"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '{{ ga_tracking }}'); </script> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KTNRJJ4V" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="loader"><div class="lds-ring"><div></div><div></div><div></div><div></div></div></div> {% if formule_code is defined %} <div id="page" class="{{ page_name }}" data-formulecode="{{ formule_code }}"> {% elseif page_name is defined %} <div id="page" class="{{ page_name }}"> {% else %} <div id="page"> {% endif %} {% block header %} {% if cart is defined and cart != null and cart.forfaits is defined %} {% set count_cart = cart.forfaits|length %} {% endif %} <div class="container-fluid"> <header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom"> <a href="/" class="d-flex align-items-center mb-3 mb-md-0 mr-md-auto text-dark text-decoration-none" title="Réservation 10•55 {{ city_gamecenter }} - Accueil"> <img src="{{ asset('assets/img/logo-80x80.png') }}" alt="1055"> <h1 class="d-flex flex-column pl-3">Réservation <br><span class="reservation-sous-titre-ville">{{ city_gamecenter }}</span></h1> </a> <ul class="nav nav-pills d-print-none"> <li class="nav-item"><a href="/" class="nav-link active" aria-current="page" title="Accueil"><i class="fas fa-home"></i></a></li> {% if app.user.customerNumber is defined %} <li class="nav-item ml-2"> <a href="/panier" class="nav-link bg-primary text-white" aria-current="page" title="Panier"> <i class="fas fa-shopping-cart"></i> {% if count_cart is defined %} <span class="ml-2 badge bg-light text-secondary rounded-pill">{{ count_cart }}</span> {% endif %} </a> </li> <li class="nav-item ml-2"><a href="/mon-compte" class="nav-link bg-primary text-white" aria-current="page" title="Mon compte"><i class="fas fa-user"></i></a></li> <li class="nav-item ml-2"><a class="nav-link bg-danger text-white px-2" href="{{ path('app_logout') }}" title="Déconnexion"><i class="fas fa-sign-out-alt"></i></a></li> {% elseif app.user != null %} <li class="nav-item ml-2"><a href="/" class="nav-link bg-warning text-white" aria-current="page" title="Vous êtes connecté en admin"><i class="fas fa-user-shield"></i></a></li> <li class="nav-item ml-2"><a class="nav-link bg-danger text-white px-2" href="{{ path('app_logout') }}" title="Déconnexion"><i class="fas fa-sign-out-alt"></i></a></li> {% else %} <li class="nav-item ml-2"> <a href="/panier" class="nav-link bg-primary text-white" aria-current="page" title="Panier"> <i class="fas fa-shopping-cart"></i> {% if count_cart is defined %} <span class="ml-2 badge bg-light text-secondary rounded-pill">{{ count_cart }}</span> {% endif %} </a> </li> <li class="nav-item ml-2"><a href="/mon-compte" class="nav-link bg-primary text-white" aria-current="page" title="Mon compte"><i class="fas fa-user"></i></a></li> {% endif %} </ul> </header> </div> {% endblock %} {# {% if cart != null %}{{ dump(cart) }}{% endif %} #} {% block body %}{% endblock %} {% block footer %} <div class="container-fluid"> <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 mt-4 border-top"> <p class="col-md-4 mb-0 text-muted">© {{ "now"|date("Y") }} | 10•55 / Urban Loisirs SAS | <small>v2.0</small></p> <p class="col-md-8 mb-0 justify-content-end d-flex" style="font-size:2rem;"> <span data-bs-toggle="tooltip" data-bs-placement="top" data-original-title="Moyen de paiement CB, Visa et Mastercard"> <i class="fas fa-credit-card"></i> <i class="fab fa-cc-visa"></i> <i class="fab fa-cc-mastercard"></i> </span> </p> <div class="col-12 menu-mentions mt-3"> <ul class="d-flex justify-content-center mb-0"> <li class="list-inline-item"><a href="https://www.1055.fr/besancon/conditions-generales-de-vente/" target="_blank">Conditions générales de vente</a></li> <li class="list-inline-item"><a href="https://www.1055.fr/besancon/politique-de-confidentialite-et-dutilisation-des-donnees-personnelles-rgpd/" target="_blank">Protection des données personnelles</a></li> <li class="list-inline-item"><a href="https://www.1055.fr/besancon/contactez-nous/" target="_blank">Contactez-nous</a></li> </ul> </div> </footer> </div> {% endblock %} </div> <script type="text/javascript" src="https://api.payplug.com/js/1/form.latest.js"></script> <script src="{{ asset('assets/lib/datepicker/datepicker.js') }}"></script> <script src="{{ asset('assets/lib/flatpickr/flatpickr.js') }}"></script> <script src="{{ asset('assets/lib/flatpickr/fr.js') }}"></script> <script src="{{ asset('assets/lib/country-select/countrySelect.min.js') }}"></script> <script src="{{ asset('assets/js/slick.min.js?v=1') }}"></script> <script src="{{ asset('assets/js/custom-prod-v20250703b.js') }}"></script> {#<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-19881846-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>#} <script type="text/javascript" defer async data-chayall-account="7430319f-0730-4f8a-9970-fa3bb5a76ae8" src=https://widgets.greenbureau.com/js/chayall.js></script> </body></html>