<!DOCTYPE html>
<html lang="{{ app.request.locale|split('_')[0] }}">
<head>
{# @see https://docs.sulu.io/en/2.2/reference/twig-extensions/functions/sulu_snippet_load_by_area.html #}
{% set webspaceSettings = sulu_snippet_load_by_area('webspace_settings') %}
<!-- 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-KX8WMVQ');</script>
<!-- End Google Tag Manager -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="xUV_6MVahLqejNqZEWoASzns124eMZQ24KiRfNrW2yg" />
{% block meta %}
{% include 'includes/meta.html.twig' %}
{% endblock %}
{% block style %}
{#<link rel="stylesheet" href="{{ asset('/build/website/css/main.css') }}">#}
<link rel="stylesheet" type="text/css" href="{{ asset('/assets/css/fonts.css')}}" />
<link rel="stylesheet" href="https://use.typekit.net/icm3oad.css">
<link rel="stylesheet" href="{{ asset('/assets/css/fontello.css')}}" />
<link rel="stylesheet" href="{{ asset('/assets/css/animate.css')}}" />
<link type="text/css" rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{{ asset('/assets/css/custom_styles.css?v8')}}" />
<link rel="stylesheet" type="text/css" href="{{ asset('/assets/css/css_mobile.css')}}" />
<link rel="stylesheet" type="text/css" href="{{ asset('/assets/css/custom_mob.css')}}" />
{% endblock %}
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KX8WMVQ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="menu-mob-overlay"></div>
<main class="big-wrapper">
{% block content %}
{% set title = content.title|default %}
<section class="page-content {{ title == 'Choisissez vos réservations' ? 'bg-grey' : '' }}">
{% if title != 'Choisissez vos réservations' and title != 'Récapitulatif' %}
{% set path_name = path_name|default('defautl') %}
{% set pm = app.request.query.get('pm') %}
{% if title in ['Accès utilisateur', 'Inscription', 'Espace client', 'Mes coordonnées', 'Factures', 'Réserver la salle de réunion']
or path_name in ['client_espace', 'client_register','login', 'app_forgot_password', 'app_reset_password'] %}
<!-- Return link at the top left -->
{% if title in ['Espace client', 'Mes coordonnées', 'Factures', 'Réserver la salle de réunion']
or path_name in ['client_espace'] %}
<div class="kl-block-nav">
<div class="kl-top-nav">
<a href="/" class="kl-step-return">
<i>← Retour sur le site</i>
</a>
</div>
</div>
{% elseif pm == "" %}
<p class="mb-40"></p>
{% else %}
<div class="kl-block-nav">
<div class="kl-top-nav">
<a href="{{ title == 'Inscription' or path_name == 'client_register' ? '/login' : '/reservation' ~ (pm != '' ? '?' ~ 'pm=' ~ pm : '') }}" class="kl-step-return">
<i>← Retour à l'étape précédente</i>
</a>
<ul class="kl-step-menu mb-0">
<li class="active">Choix de la formule</li>
<li>Récapitulatif</li>
<li>Paiement</li>
<li>Confirmation</li>
</ul>
</div>
</div>
{% endif %}
{% endif %}
<div class="text-center {{ title in ['Accès utilisateur', 'Inscription'] ? 'mt-5' : '' }}">
<a href="/">
<img src="{{ asset('/assets/images/logo.svg')}}" alt="" />
</a>
</div>
{% endif %}
{% block contentBody %}
{#<script src="{{ asset('/build/website/js/main.js') }}" async></script>#}
{% block javascripts %}
<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/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/simple-parallax-js@5.5.1/dist/simpleParallax.min.js"></script>
<script src=" https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js "></script>
<script src="{{ asset('/assets/js/scripts.js?v3') }}" async></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Panda Coworking",
"image": "https://panda-coworking.com/assets/images/logo.svg",
"@id": "",
"url": "https://panda-coworking.com/",
"telephone": "0451580805",
"address": {
"@type": "PostalAddress",
"streetAddress": "54 Rue Chevreul",
"addressLocality": "Lyon",
"postalCode": "69007",
"addressCountry": "FR"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": 45.7474184,
"longitude": 4.8424403
},
"openingHoursSpecification": {
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday",
"Sunday"
],
"opens": "00:00",
"closes": "23:59"
}
}
</script>
{% endblock %}
{% endblock %}
</section>
{% endblock %}
<div id="id_loadingPage" class="hide"><img src="/assets/images/loading.svg?v1"></div>
</main>
<div class="goToTop bg-gradient-orange bg-gradient-hover transition-bgcolor"><img src="{{ asset('/assets/images/top_go.png')}}" alt="" /></div>
</body>
</html>