{% extends 'FrontBundle/layout.html.twig' %}{% block title %}{{ app_sitename }} - {{ page.metaTitle }}{% endblock %}{% block description %}{{ page.metaDescription }}{% endblock %}{% block extra_class %}stack fixed visible{% endblock %}{% block stylesheets %} <link href="/front/css/owl.carousel.min.css" rel="stylesheet"> <link href="/front/css/owl.theme.default.min.css" rel="stylesheet"> <style> .resto_full { filter: grayscale(100%); pointer-events: none !important; } .resto_full_banner { position: absolute; width: 80%; background-color: rgba(255,255,255,0.08); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-radius: 15px; height: 40px; line-height: 40px; text-align: center; top: calc(50% - 20px); left: calc(50% - 40%); font-weight: 400; font-size: 20px; pointer-events: none !important; } .page_reservation-tunnel .resto .resto_full .cover:hover { scale: 1; } .place_full { filter: grayscale(100%); pointer-events: none !important; } .place_full .sel { visibility: hidden; } .ms_full { filter: grayscale(100%); pointer-events: none !important; } .ms_full .qty { visibility: hidden; } .form-signup a.fw-semibold{ transition: transform ease-in 2s; } .form-signup a.fw-semibold:hover{ background: #9e1212; color: #ffffff !important; } .menu.ss .boisson { color: var(--red) !important; } .menu.ss .gold .boisson { color: var(--gold) !important; } </style>{% endblock %}{% block body %} {% include 'FrontBundle/Partial/loader.html.twig' %} <div class="tunnel-bg"></div>{# {{ dump(places) }} #} <section class="espace-content third mt-5 pt-5"> <div class="row mt-5"> <div class="col-md-12 relative tpmen"> <h1 id="" class="no-bar">{{ 'tunnel_title'|tr(tr)|upper|raw }}<span class="full-bar black thin"></span></h1> <ul class="bar-menu"> <li class="active visited" data-step="1"><a href="#">{{ 'tunnel_menu1'|tr(tr)|upper|raw }}</a></li> <li data-step="2"><a href="#">{{ 'tunnel_menu2'|tr(tr)|upper|raw }}</a></li> <li data-step="3"><a href="#">{{ 'tunnel_menu3'|tr(tr)|upper|raw }}</a></li> <li data-step="4"><a href="#">{{ 'tunnel_menu4'|tr(tr)|upper|raw }}</a></li> <li data-step="5" style="display: none;"><a href="#">{{ 'tunnel_menu5'|tr(tr)|upper|raw }}</a></li> </ul> </div> </div> </section> <section id="section1" class="espace-content third thin mt-5 pt-4"> <div class="row" style="display:none;"> <div class="col-md-8 relative group"> <div>{{ 'tunnel_section1_in_title'|tr(tr)|upper|raw }}<span class="text-red error">*</span><span class="sidetitle error">{{ 'tunnel_section1_error'|tr(tr)|raw }}</span></div> <span class="subtitle">{{ 'tunnel_section1_gr_subtitle'|tr(tr)|raw }}</span> <div class="mt-3"> <a href="#" class="btn-primary btn-sm" data-group="individuel">{{ 'tunnel_section1_in'|tr(tr)|raw }}</a> <a href="#" class="btn-primary btn-sm m-4" data-group="groupe">{{ 'tunnel_section1_gr'|tr(tr)|raw }}</a> </div> </div> </div> <div class="row"> <div class="col-md-8 relative number mb-5"> <h2>{{ 'tunnel_section1_gr_title'|tr(tr)|upper|raw }}<span class="text-red error">*</span><span class="sidetitle error">{{ 'tunnel_section1_error'|tr(tr)|raw }}</span></h2> <span class="subtitle">{{ 'tunnel_section1_gr_subtitle'|tr(tr)|raw }}</span> <div class="mt-3"> <a href="#" class="number-minus">-</a> <input type="text" class="number-val" value="1" /> <a href="#" class="number-plus">+</a> </div> </div> </div> <div class="row mt-3"> <div class="col-md-8 relative formula"> <h2>{{ 'tunnel_section1_formula_title'|tr(tr)|upper|raw }}<span class="text-red error">*</span><span class="sidetitle error">{{ 'tunnel_section1_error'|tr(tr)|raw }}</span></h2> <div class="mt-3 row"> <div class="col-12"> <a href="#" class="btn-primary btn-sm text-center" data-formula="avecrepas">{{ 'tunnel_section1_formula_ar'|tr(tr)|raw }} <span class="heart"></span> <label class="best-formula">{{ 'tunnel_section1_formula_love'|tr(tr)|raw }}</label></a> <a href="#" class="btn-primary btn-sm m-4" data-formula="sansrepas">{{ 'tunnel_section1_formula_sr'|tr(tr)|raw }}</a> </div> </div> <p class="p-0 mt-4 ms-2 parfum hide">{{ 'menus_tarifs_inclu3'|tr(tr) }}.</p> </div> </div> </section> <section id="section2" class="espace-content third thin mt-5 pt-4 hide"> <div class="row"> <div class="col-md-8 relative"> <h2>{{ 'tunnel_menu2'|tr(tr)|upper|raw }}<span class="text-red error">*</span><span class="sidetitle error">{{ 'tunnel_section1_error'|tr(tr)|raw }}</span></h2> <span class="subtitle">{{ 'tunnel_section2_choose'|tr(tr)|raw }}</span> <div class="mt-3 row resto"> <div class="col-md-6 {{ (places.isIsMajesicFull) ? 'resto_full' : '' }}" data-resto="majestic"> <a href="#" class="cover" style="background-image: url('/front/img/resa_majestic.jpg');"> <span>LE MAJESTIC</span> {% if places.isIsMajesicFull %} <div class="resto_full_banner">{{ 'general_full'|tr(tr)|upper|raw }}</div> {% endif %} </a> <p class="desc">{{ 'tunnel_section2_mj'|tr(tr)|raw }}</p> <a href="#" class="arrow majestic-arrow" data-resto="majestic"><img src="/front/img/resa_resto_arrow.svg" alt="next"></a> </div> <div class="col-md-6 {{ (places.isIsVersaillesFull) ? 'resto_full' : '' }}" data-resto="versailles"> <a href="#" class="cover" style="background-image: url('/front/img/resa_versailles.jpg');"> <span class="gold">LE VERSAILLES</span> {% if places.isIsVersaillesFull %} <div class="resto_full_banner">{{ 'general_full'|tr(tr)|upper|raw }}</div> {% endif %} </a> <p class="desc">{{ 'tunnel_section2_ve'|tr(tr)|raw }}</p> <a href="#" class="arrow versailles-arrow" data-resto="versailles"><img src="/front/img/resa_resto_arrow.svg" alt="next"></a> </div> </div> <div class="mt-5 mb-5 row menu majestic hide ss"> <div class="col-md-6 offset-md-3 col mss"> <label class="title">{{ 'menus_tarifs_ss_title'|tr(tr)|upper|raw }}</label> <div class="content pb-0" style="min-height: 471px;"> {{ 'menus_tarifs_ss'|tr(tr)|raw }} </div> <span class="price" style="border-top: 0px;"></span> </div> </div> {# MAJESTIC #} <div class="mt-5 row menu majestic hide show-first"> <div class="col-md-3 col m1"> <label class="title">{{ 'menus_tarifs_menu'|tr(tr)|upper|raw }} PLAISIR</label> <div class="content" style="min-height: 629px;"> {{ 'menus_tarifs_mjm1'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="mj-m1"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col m2"> <label class="title">{{ 'menus_tarifs_menu'|tr(tr)|upper|raw }} FESTIVAL</label> <div class="content" style="min-height: 629px;"> {{ 'menus_tarifs_mjm2'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="mj-m2"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div>{# <div class="col-md-3 col m3"> <label class="title">{{ 'menus_tarifs_menuvege2'|tr(tr)|upper|raw }}</label> <div class="content" style="min-height: 471px;"> <div class="selector"> <input type="checkbox" id="mj-m4" class="apple-switch" checked="checked" /> <label for="mj-m4">{{ 'menus_tarifs_mjmap'|tr(tr)|title|raw }}</label> </div> {{ 'menus_tarifs_mjm3'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="mj-m3"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div>#} <div class="col-md-3 col m3"> <label class="title">{{ 'menus_tarifs_menuvege2'|tr(tr)|upper|raw }}</label> <div class="content" style="min-height: 471px;"> <div class="selector hide"> <input type="checkbox" id="mj-m4" class="apple-switch" checked="checked" /> <label for="mj-m4">{{ 'menus_tarifs_mjmap'|tr(tr)|title|raw }}</label> </div> {{ 'menus_tarifs_mjm3'|tr(tr)|raw }} </div> <span class="price" style="border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: none; padding-top: 48px;"><i>0</i>,00€</span> <div class="qty" data-ref="mj-m3" style="bottom: 100px;"> <span class="intermenu">{{ 'menus_tarifs_mjmap'|tr(tr)|raw }}</span> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> <span class="price price-m4" style="padding-top: 52px;"><i>0</i>,00€</span> <div class="qty" data-ref="mj-m4"> <span class="intermenu">{{ 'menus_tarifs_mjmsp'|tr(tr)|raw }}</span> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col me"> <label class="title">{{ 'menus_tarifs_menuenfant2'|tr(tr)|upper|raw }}</label> <div class="content" style="min-height: 629px;"> {{ 'menus_tarifs_me'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="mj-me"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-12"> <p class="notice hide">{{ 'tunnel_section2_info'|tr(tr)|raw }}</p> </div> </div> {# END MAJESTIC #} {# MAJESTIC SECOND #} <div class="mt-5 row menu majestic hide show-second"> <div class="col-md-3 col m1"> <label class="title">{{ 'menus_tarifs_menu'|tr(tr)|upper|raw }} PLAISIR</label> <div class="content" style="min-height: 629px;"> {{ 'menus_tarifs_mjm12'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="mj-m1"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col m2"> <label class="title">{{ 'menus_tarifs_menu'|tr(tr)|upper|raw }} FESTIVAL</label> <div class="content" style="min-height: 629px;"> {{ 'menus_tarifs_mjm22'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="mj-m2"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col m3"> <label class="title">{{ 'menus_tarifs_menuvegan2'|tr(tr)|upper|raw }}</label> <div class="content" style="min-height: 471px;"> <div class="selector hide"> <input type="checkbox" id="mj-m4" class="apple-switch" checked="checked" /> <label for="mj-m4">{{ 'menus_tarifs_mjmap'|tr(tr)|title|raw }}</label> </div> {{ 'menus_tarifs_mjm32'|tr(tr)|raw }} </div> <span class="price" style="border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: none; padding-top: 48px;"><i>0</i>,00€</span> <div class="qty" data-ref="mj-m3" style="bottom: 100px;"> <span class="intermenu">{{ 'menus_tarifs_mjmap'|tr(tr)|raw }}</span> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> <span class="price price-m4" style="padding-top: 52px;"><i>0</i>,00€</span> <div class="qty" data-ref="mj-m4"> <span class="intermenu">{{ 'menus_tarifs_mjmsp'|tr(tr)|raw }}</span> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col me"> <label class="title">{{ 'menus_tarifs_menuenfant2'|tr(tr)|upper|raw }}</label> <div class="content" style="min-height: 629px;"> {{ 'menus_tarifs_me'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="mj-me"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-12"> <p class="notice hide">{{ 'tunnel_section2_info'|tr(tr)|raw }}</p> </div> </div> {# END MAJESTIC SECOND #} {# VERSAILLES #} <div class="mt-5 row menu versailles hide show-first"> <div class="col-md-3 col gold m1"> <label class="title">{{ 'menus_tarifs_menu'|tr(tr)|upper|raw }} Élégance</label> <div class="content" style="min-height: 748px;"> {{ 'menus_tarifs_vem1'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="ve-m1"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col gold m2"> <label class="title">{{ 'menus_tarifs_menu'|tr(tr)|upper|raw }} ROYAL</label> <div class="content" style="min-height: 748px;"> {{ 'menus_tarifs_vem2'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="ve-m2"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div>{# <div class="col-md-3 col gold m3"> <label class="title">{{ 'menus_tarifs_menuvege2'|tr(tr)|upper|raw }}</label> <div class="content" style="min-height: 589px;"> <div class="selector"> <input type="checkbox" id="ve-m4" class="apple-switch" checked="checked" /> <label for="ve-m4">{{ 'menus_tarifs_mjmap'|tr(tr)|raw }}</label> </div> {{ 'menus_tarifs_vem3'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="ve-m3"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div>#} <div class="col-md-3 col gold m3"> <label class="title">{{ 'menus_tarifs_menuvege2'|tr(tr)|upper|raw }}</label> <div class="content" style="min-height: 589px;"> <div class="selector hide"> <input type="checkbox" id="ve-m4" class="apple-switch" checked="checked" /> <label for="ve-m4">{{ 'menus_tarifs_mjmap'|tr(tr)|raw }}</label> </div> {{ 'menus_tarifs_vem3'|tr(tr)|raw }} </div> <span class="price" style="border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: none; padding-top: 48px;"><i>0</i>,00€</span> <div class="qty" data-ref="ve-m3" style="bottom: 100px;"> <span class="intermenu">{{ 'menus_tarifs_mjmap'|tr(tr)|raw }}</span> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> <span class="price price-m4" style="padding-top: 52px;"><i>0</i>,00€</span> <div class="qty" data-ref="ve-m4"> <span class="intermenu">{{ 'menus_tarifs_mjmsp'|tr(tr)|raw }}</span> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col gold me"> <label class="title">{{ 'menus_tarifs_menuenfant2'|tr(tr)|upper|raw }}</label> <div class="content" style="min-height: 748px;"> {{ 'menus_tarifs_me'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="ve-me"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-12"> <p class="notice hide">{{ 'tunnel_section2_info'|tr(tr)|raw }}</p> </div> </div> {# END VERSAILLES #} {# VERSAILLES SECOND #} <div class="mt-5 row menu versailles hide show-second"> <div class="col-md-3 col gold m1"> <label class="title">{{ 'menus_tarifs_menu'|tr(tr)|upper|raw }} Élégance</label> <div class="content" style="min-height: 748px;"> {{ 'menus_tarifs_vem12'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="ve-m1"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col gold m2"> <label class="title">{{ 'menus_tarifs_menu'|tr(tr)|upper|raw }} ROYAL</label> <div class="content" style="min-height: 748px;"> {{ 'menus_tarifs_vem22'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="ve-m2"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col gold m3"> <label class="title">{{ 'menus_tarifs_menuvege2'|tr(tr)|upper|raw }}</label> <div class="content" style="min-height: 589px;"> <div class="selector hide"> <input type="checkbox" id="ve-m4" class="apple-switch" checked="checked" /> <label for="ve-m4">{{ 'menus_tarifs_mjmap'|tr(tr)|raw }}</label> </div> {{ 'menus_tarifs_vem32'|tr(tr)|raw }} </div> <span class="price" style="border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: none; padding-top: 48px;"><i>0</i>,00€</span> <div class="qty" data-ref="ve-m3" style="bottom: 100px;"> <span class="intermenu">{{ 'menus_tarifs_mjmap'|tr(tr)|raw }}</span> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> <span class="price price-m4" style="padding-top: 52px;"><i>0</i>,00€</span> <div class="qty" data-ref="ve-m4"> <span class="intermenu">{{ 'menus_tarifs_mjmsp'|tr(tr)|raw }}</span> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col gold me"> <label class="title">{{ 'menus_tarifs_menuenfant2'|tr(tr)|upper|raw }}</label> <div class="content" style="min-height: 748px;"> {{ 'menus_tarifs_me'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="ve-me"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-12"> <p class="notice hide">{{ 'tunnel_section2_info'|tr(tr)|raw }}</p> </div> </div> {# END VERSAILLES SECOND #} </div> </div> </section> <section id="section22" class="espace-content third thin mt-0 pt-0 hide" style="margin-bottom: 180px;"> <div class="row"> <div class="col-md-8 relative"> <div class="mt-5 pt-5 row menu"> <div class="col-md-6 col offset-md-3 okm"> <label class="title">{{ 'menus_tarifs_ok_title'|tr(tr)|raw }}</label> <div class="content pb-0"> {{ 'menus_tarifs_ok'|tr(tr)|raw }} </div> <span class="price" style="border-top: 0px;"></span>{# <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="okm"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div>#} </div> </div> </div> </div> </section> <section id="section23" class="espace-content third thin mt-0 pt-0 hide" style="margin-bottom: 180px;"> <div class="row"> <div class="col-md-8 relative"> <div class="mt-5 pt-5 row menu"> <div class="col-md-6 col offset-md-3 pam"> <label class="title">{{ 'menus_tarifs_pa_title'|tr(tr)|raw }}</label> <div class="content"> {{ 'menus_tarifs_pa'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="pam"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> </div> </div> </div> </section> <section id="section24" class="espace-content third thin mt-0 pt-0 hide" style="margin-bottom: 180px;"> <div class="row"> <div class="col-md-8 relative"> <div class="mt-5 pt-5 row menu"> <div class="col-md-6 col offset-md-3 hhm"> <label class="title">{{ 'menus_tarifs_ok_title'|tr(tr)|raw }}</label> <div class="content"> {{ 'menus_tarifs_hh'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="hhm"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> </div> </div> </div> </section> <section id="section3" class="espace-content third thin mt-5 pt-4 hide"> <div class="row"> <div class="col-md-8 relative"> <h2>{{ 'tunnel_section3_title'|tr(tr)|raw }}</h2> <span class="subtitle">{{ 'tunnel_section3_subtitle'|tr(tr)|raw }}</span> <div class="mt-5 pt-5 row menu"> <div class="col-md-3 col offset-md-3 sp1"> <label class="title">{{ 'tunnel_section3_sp1_title'|tr(tr)|upper|raw }}</label> <div class="content" style="min-height: 96px;"> <p> {{ 'tunnel_section3_sp1'|tr(tr)|raw }} </p> </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="sp1"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col sp2"> <label class="title">{{ 'tunnel_section3_sp2_title'|tr(tr)|upper|raw }}</label> <div class="content" style="min-height: 96px;"> <p> {{ 'tunnel_section3_sp2'|tr(tr)|raw }} </p> </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="sp2"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> </div> </div> </div> </section> <section id="section4" class="espace-content third thin mt-5 pt-4 hide">{# BOISSONS SHOW FIRST #} <div class="row show-first"> <div class="col-md-8 relative"> <h2>{{ 'tunnel_section4_title'|tr(tr)|upper|raw }} <span class="sidetitle error">{{ 'tunnel_section1_error'|tr(tr)|raw }}</span></h2> <span class="subtitle">{{ 'tunnel_section4_subtitle'|tr(tr)|raw }}</span> <div class="mt-5 pt-5 row menu individuel hide"> <div class="col-md-3 col offset-md-3 b1"> <label class="title">{{ 'menus_tarifs_forfait'|tr(tr)|upper|raw }} DUO</label> <div class="content" style="min-height: 386px;"> {{ 'menus_tarifs_duo'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="in-b1"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col b2"> <label class="title">{{ 'menus_tarifs_forfait'|tr(tr)|upper|raw }} PRESTIGO</label> <div class="content" style="min-height: 386px;"> {{ 'menus_tarifs_prestigo'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="in-b2"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> </div> <div class="mt-5 pt-5 row menu groupe hide"> <div class="col-md-3 col b1"> <label class="title">{{ 'menus_tarifs_forfait'|tr(tr)|upper|raw }} n°1</label> <div class="content" style="min-height: 368px;"> {{ 'menus_tarifs_b1'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="gr-b1"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col b2"> <label class="title">{{ 'menus_tarifs_forfait'|tr(tr)|upper|raw }} n°2</label> <div class="content" style="min-height: 368px;"> {{ 'menus_tarifs_b2'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="gr-b2"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col b3"> <label class="title">{{ 'menus_tarifs_forfait'|tr(tr)|upper|raw }} n°3</label> <div class="content" style="min-height: 368px;"> {{ 'menus_tarifs_b3'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="gr-b3"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col b4"> <label class="title">{{ 'menus_tarifs_forfait'|tr(tr)|upper|raw }} n°4</label> <div class="content" style="min-height: 368px;"> {{ 'menus_tarifs_b4'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="gr-b4"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> </div>{# <div class="mt-5 pt-5 row menu groupe hide"> <div class="col-md-3 col offset-md-3 b4 hide"> <label class="title">{{ 'menus_tarifs_forfait'|tr(tr)|upper|raw }} n°4</label> <div class="content" style="min-height: 368px;"> {{ 'menus_tarifs_b4'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="gr-b4"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col b5 hide"> <label class="title">{{ 'menus_tarifs_forfait'|tr(tr)|upper|raw }} n°5</label> <div class="content" style="min-height: 368px;"> {{ 'menus_tarifs_b5'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="gr-b5"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> </div>#} </div> </div>{# BOISSONS SHOW FIRST END #}{# BOISSONS SHOW SECOND #} <div class="row show-second"> <div class="col-md-8 relative"> <h2>{{ 'tunnel_section4_title'|tr(tr)|upper|raw }} <span class="sidetitle error">{{ 'tunnel_section1_error'|tr(tr)|raw }}</span></h2> <span class="subtitle">{{ 'tunnel_section4_subtitle2'|tr(tr)|raw }}</span> <div class="mt-5 pt-5 row menu individuel hide"> <div class="col-md-3 col offset-md-3 b1"> <label class="title">{{ 'menus_tarifs_forfait'|tr(tr)|upper|raw }} DUO</label> <div class="content" style="min-height: 404px;"> {{ 'menus_tarifs_duo2'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="in-b1"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col b2"> <label class="title">{{ 'menus_tarifs_forfait'|tr(tr)|upper|raw }} PRESTIGO</label> <div class="content" style="min-height: 404px;"> {{ 'menus_tarifs_prestigo2'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="in-b2"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> </div> <div class="mt-5 pt-5 row menu groupe hide"> <div class="col-md-3 col offset-md-1-5 b1"> <label class="title">{{ 'menus_tarifs_forfait'|tr(tr)|upper|raw }} n°1</label> <div class="content" style="min-height: 368px;"> {{ 'menus_tarifs_b12'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="gr-b1"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col b2"> <label class="title">{{ 'menus_tarifs_forfait'|tr(tr)|upper|raw }} n°2</label> <div class="content" style="min-height: 368px;"> {{ 'menus_tarifs_b22'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="gr-b2"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col b3"> <label class="title">{{ 'menus_tarifs_forfait'|tr(tr)|upper|raw }} n°3</label> <div class="content" style="min-height: 368px;"> {{ 'menus_tarifs_b32'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="gr-b3"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> </div> <div class="mt-5 pt-5 row menu groupe hide"> <div class="col-md-3 col offset-md-3 b4"> <label class="title">{{ 'menus_tarifs_forfait'|tr(tr)|upper|raw }} n°4</label> <div class="content" style="min-height: 368px;"> {{ 'menus_tarifs_b42'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="gr-b4"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div>{# <div class="col-md-3 col b5"> <label class="title">{{ 'menus_tarifs_forfait'|tr(tr)|upper|raw }} n°5</label> <div class="content" style="min-height: 368px;"> {{ 'menus_tarifs_b52'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="qty" data-ref="gr-b5"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div>#} </div> </div> </div>{# BOISSONS SHOW SECOND END #} </section> <section id="section5" class="espace-content third thin mt-5 pt-4 hide" style="margin-bottom: 180px;"> <div class="row"> <div class="col-md-8 relative"> <h2>{{ 'tunnel_section5_title'|tr(tr)|raw }}<span class="text-red">{{ 'tunnel_section5_title2'|tr(tr)|raw }}</span></h2> <span class="subtitle">{{ 'tunnel_section5_subtitle'|tr(tr)|raw }} </span> <div class="mt-5 pt-5 row menu"> <div class="col-md-3 col offset-md-1-5"> <label class="title">{{ 'tunnel_section5_ticket'|tr(tr)|raw }} 5€</label> <div class="content" style="min-height: 132px;"> {{ 'tunnel_section5_ticket1'|tr(tr)|raw }} </div> <span class="price">5,00€</span> <div class="qty" data-ref="tk5"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col"> <label class="title">{{ 'tunnel_section5_ticket'|tr(tr)|raw }} 8€</label> <div class="content" style="min-height: 132px;"> {{ 'tunnel_section5_ticket2'|tr(tr)|raw }} </div> <span class="price">8,00€</span> <div class="qty" data-ref="tk8"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-3 col"> <label class="title">{{ 'tunnel_section5_ticket'|tr(tr)|raw }} 10€</label> <div class="content" style="min-height: 132px;"> {{ 'tunnel_section5_ticket3'|tr(tr)|raw }} </div> <span class="price">10,00€</span> <div class="qty" data-ref="tk10"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> </div> </div> </div> </section> <section id="section6" class="espace-content third thin mt-5 pt-4 hide" style="margin-bottom: 180px;"> <div class="row"> <div class="col-md-8 relative"> <h2>{{ 'tunnel_section6_title'|tr(tr)|raw }} <span class="sidetitle error">{{ 'tunnel_section1_error'|tr(tr)|raw }}</span></h2> <span class="subtitle">{{ 'tunnel_section6_subtitle'|tr(tr)|raw }}</span> <div class="mt-5 pt-5 row menu"> <div class="col-md-4 col pn {{ (places.isIsPlaceNormal) ? 'place_full' : '' }}"> <label class="title">{{ 'menus_tarifs_spectacle_pn'|tr(tr)|raw }}</label> {% if places.isIsPlaceNormal %} <span class="price" style="font-size: 18px; letter-spacing: 2px;">{{ 'general_full'|tr(tr)|upper|raw }}</span> {% else %} <span class="price"><i>0</i>,00€</span> {% endif %} <div class="sel" data-ref="pn"> <span>{{ 'general_select'|tr(tr)|raw }}</span> </div> <div class="qty" data-ref="pn"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-4 col ph gold {{ (places.isIsPlaceHonneur) ? 'place_full' : '' }}"> <label class="title">{{ 'menus_tarifs_spectacle_ph'|tr(tr)|raw }}</label> {% if places.isIsPlaceHonneur %} <span class="price" style="font-size: 18px; letter-spacing: 2px;">{{ 'general_full'|tr(tr)|upper|raw }}</span> {% else %} <span class="price"><i>0</i>,00€</span> {% endif %} <div class="sel" data-ref="ph"> <span>{{ 'general_select'|tr(tr)|raw }}</span> </div> <div class="qty" data-ref="ph"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> <div class="col-md-4 col vip {{ (places.isIsPlaceVip) ? 'place_full' : '' }}"> <label class="title">{{ 'menus_tarifs_spectacle_vip'|tr(tr)|upper|raw }}</label> {% if places.isIsPlaceVip %} <span class="price" style="font-size: 18px; letter-spacing: 2px;">{{ 'general_full'|tr(tr)|upper|raw }}</span> {% else %} <span class="price"><i>0</i>,00€</span> {% endif %} <div class="sel" data-ref="vip"> <span>{{ 'general_select'|tr(tr)|raw }}</span> </div> </div> </div> <div class="mt-5 pt-5 row no-mobile"> <a href="#" class="btn-primary btn-sm plan">{{ 'tunnel_section6_plan'|tr(tr)|raw }} <img src="/front/img/btn-primary-arrow-r.svg" class="arrow" alt="arrow" /></a> </div> </div> </div> </section> <section id="section62" class="espace-content third thin mt-5 pt-4 hide" style="margin-bottom: 180px;"> <div class="row"> <div class="col-md-8 relative"> <h2>{{ 'tunnel_section62_title'|tr(tr)|upper|raw }}</h2> <div class="mt-5 pt-5 row menu"> <div class="col-md-6 offset-md-3 col ok"> <label class="title">{{ 'tunnel_section62_entrees'|tr(tr)|raw }}</label> <span class="price"><i>0</i>,00€</span> <div class="sel" data-ref="ok"> <span>{{ 'general_select'|tr(tr)|raw }}</span> </div> <div class="qty hide" data-ref="ok"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> </div> </div> </div> </section> <section id="section63" class="espace-content third thin mt-5 pt-4 hide"> <div class="row"> <div class="col-md-8 relative"> <h2>{{ 'tunnel_section63_title'|tr(tr)|upper|raw }}</h2> <div class="mt-5 pt-5 row menu"> <div class="col-md-6 offset-md-3 col af"> <label class="title">{{ 'tunnel_section63_entrees'|tr(tr)|raw }}</label> <span class="price"><i>0</i>,00€</span> <div class="sel" data-ref="af"> <span>{{ 'general_select'|tr(tr)|raw }}</span> </div> <div class="qty" data-ref="af"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> </div> </div> </div> </section> {# NOEL DES ENFANTS #} <section id="section61" class="espace-content third thin mt-5 pt-4 hide" style="margin-bottom: 180px;"> <div class="row"> <div class="col-md-8 relative"> <h2>{{ 'tunnel_section61_title'|tr(tr)|raw }}</h2> <span class="subtitle">{{ 'tunnel_section61_subtitle'|tr(tr)|raw }}</span> <div class="mt-5 pt-5 row menu"> <div class="col-md-6 offset-md-3 col no"> <label class="title">{{ 'tunnel_menu3'|tr(tr)|upper|raw }}</label> <div class="content no-avecrepas"> {{ 'tunnel_section61_ar'|tr(tr)|raw }} </div> <div class="content no-sansrepas"> {{ 'tunnel_section61_sr'|tr(tr)|raw }} </div> <span class="price"><i>0</i>,00€</span> <div class="sel" data-ref="no"> <span>{{ 'general_select'|tr(tr)|raw }}</span> </div> <div class="qty" data-ref="no"> <span>{{ 'shop_cart_qty'|tr(tr)|raw }} :</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> </div> </div> </div> </section> <section id="section7" class="espace-content third thin mt-5 pt-4 hide" style="margin-bottom: 180px;"> <div class="row"> <div class="col-md-8 relative"> <h2>{{ 'tunnel_section7_title'|tr(tr)|upper|raw }}</h2> <span class="subtitle">{{ 'tunnel_section7_subtitle'|tr(tr)|raw }}</span> <div class="mt-5 pt-5 row menu {{ (places.isIsMiniSuiteFull) ? 'ms_full' : '' }}"> <div class="col-md-6 col ms offset-md-3"> <label class="title">{{ 'infos_menu2'|tr(tr)|upper|raw }}</label> <div class="content"> {{ 'tunnel_section7_n1'|tr(tr)|raw }} </div> {% if places.isIsMiniSuiteFull %} <span class="price" style="font-size: 18px; letter-spacing: 2px;">{{ 'general_full'|tr(tr)|upper|raw }}</span> {% else %} <span class="price"><i>0</i>,00€</span> {% endif %} <div class="qty nights active" data-ref="ms"> <span>{{ 'tunnel_section7_n2'|tr(tr)|raw }}</span> <div class="controls"> <a href="#" class="minus"><img src="/front/img/resa_menu_minus.svg" alt="-" /></a> <span class="nbr">0</span> <a href="#" class="plus"><img src="/front/img/resa_menu_plus.svg" alt="+" /></a> </div> </div> </div> </div> <div class="mt-5 row"> <a target="_blank" href="/{{app.request.locale }}/mini-suites" class="mini-suites-link mb-4">{{ 'tunnel_section7_n3'|tr(tr)|raw }}</a> <a target="_blank" href="#" class="btn-primary btn-sm plan no-mini-suites">{{ 'tunnel_section7_n4'|tr(tr)|raw }} <img src="/front/img/btn-primary-arrow-r.svg" class="arrow" alt="arrow" /></a> </div> </div> </div> </section> <section id="section8" class="espace-content third thin mt-5 pt-4 hide" style="margin-bottom: 180px;"> <div class="row"> <div class="col-md-8 relative"> <h2>{{ 'tunnel_section8_title'|tr(tr)|upper|raw }}</h2> <span class="subtitle">{{ 'tunnel_section8_subtitle'|tr(tr)|raw }}</span> <div class="mt-3 row"> <form class="m-0 row" id="form-booking"> {% if not is_granted('IS_AUTHENTICATED_REMEMBERED') %} <div class="col-md-12 mb-5 form-login"> <h6 class="text-center">{{ 'signup_title'|tr(tr)|raw }}</h6> </div> <div class="col-md-6 form-login"> <label>{{ 'contact_email'|tr(tr)|raw }}*</label> <input type="email" placeholder="{{ 'contact_email'|tr(tr)|raw }}*" name="login_username" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.email }}{% endif %}" /> <label>{{ 'signup_password'|tr(tr)|raw }}*</label> <input type="password" name="login_password" autocomplete="off" placeholder="{{ 'signup_password'|tr(tr)|raw }}" /> <p class="text-red login_message p-0"></p> <button id="kt_login_signin_submit" class="btn-primary btn-sm text-center ">{{ 'signup_connexion'|tr(tr)|raw }}</button> <p class="text-red p-0 mt-3"><a href="/login?forgot=yes" class="text-red link-forgot">{{ 'login_forgot'|tr(tr)|raw }}</a></p> <input type="hidden" name="_target_path" value="{{ app.request.get('redirect_to') }}"/> <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/> </div> <div class="col-md-6 d-flex justify-content-center align-items-center form-login" style="flex-direction: column;"> <button id="kt_login_signup" class="btn-primary btn-sm text-center active ">{{ 'signup_create'|tr(tr)|raw }}*</button> <p class="p-0 w-100 text-center mt-2">* {{ 'signup_create2'|tr(tr)|raw }}</p> </div> {% endif %} {% if not is_granted('IS_AUTHENTICATED_REMEMBERED') %} <div class="col-md-12 hide form-signup login-link"> <a href="#" class="text-center text-decoration-none border-2 px-1 rounded-5 fw-semibold text-red return-login px-4 py-1 mx-auto mb-4 d-flex justify-content-center" style="border: 2px solid #9e1212;width: fit-content;">{{ 'signup_deja'|tr(tr)|raw }}</a> </div> {% endif %} <div class="col-md-6 hide form-signup"> <label>{{ 'contact_nom'|tr(tr)|raw }}*</label> <input type="text" placeholder="" name="lastname" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('lastname') }}{% endif %}" /> <label>{{ 'contact_prenom'|tr(tr)|raw }}*</label> <input type="text" placeholder="" name="firstname" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('firstname') }}{% endif %}" /> <label>{{ 'contact_societe'|tr(tr)|raw }}</label> <input type="text" placeholder="" name="company" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('company') }}{% endif %}" /> <label>{{ 'contact_tel'|tr(tr)|raw }}*</label> <input type="tel" placeholder="" name="phone" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('phone') }}{% endif %}" /> <label class="signup">{{ 'contact_email'|tr(tr)|raw }}*</label> <input class="signup" type="email" placeholder="" name="email" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.email }}{% endif %}" /> <label class="signup">{{ 'signup_password'|tr(tr)|raw }}*</label> <input type="password" placeholder="" name="password" value="" class="signup" /> <label class="signup">{{ 'signup_confirm'|tr(tr)|raw }}*</label> <input type="password" placeholder="" name="confirm" value="" class="signup" /> </div> <div class="col-md-6 hide form-signup"> <label>{{ 'contact_adresse'|tr(tr)|raw }}*</label> <input type="text" placeholder="" name="address" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('address1') }}{% endif %}" /> <label>{{ 'contact_code'|tr(tr)|raw }}*</label> <input type="text" placeholder="" name="zipcode" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('zipcode') }}{% endif %}" /> <label>{{ 'contact_ville'|tr(tr)|raw }}*</label> <input type="text" placeholder="" name="city" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('city') }}{% endif %}" /> <label>{{ 'contact_pays'|tr(tr)|raw }}*</label> <input type="hidden" name="country_code" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('country_code') }}{% endif %}"> <select name="country" required class="form-control country"> <option value="AF">Afghanistan</option> <option value="AX">Åland Islands</option> <option value="AL">Albania</option> <option value="DZ">Algeria</option> <option value="AS">American Samoa</option> <option value="AD">Andorra</option> <option value="AO">Angola</option> <option value="AI">Anguilla</option> <option value="AQ">Antarctica</option> <option value="AG">Antigua and Barbuda</option> <option value="AR">Argentina</option> <option value="AM">Armenia</option> <option value="AW">Aruba</option> <option value="AU">Australia</option> <option value="AT">Austria</option> <option value="AZ">Azerbaijan</option> <option value="BS">Bahamas</option> <option value="BH">Bahrain</option> <option value="BD">Bangladesh</option> <option value="BB">Barbados</option> <option value="BY">Belarus</option> <option value="BE">Belgium</option> <option value="BZ">Belize</option> <option value="BJ">Benin</option> <option value="BM">Bermuda</option> <option value="BT">Bhutan</option> <option value="BO">Bolivia, Plurinational State of</option> <option value="BQ">Bonaire, Sint Eustatius and Saba</option> <option value="BA">Bosnia and Herzegovina</option> <option value="BW">Botswana</option> <option value="BV">Bouvet Island</option> <option value="BR">Brazil</option> <option value="IO">British Indian Ocean Territory</option> <option value="BN">Brunei Darussalam</option> <option value="BG">Bulgaria</option> <option value="BF">Burkina Faso</option> <option value="BI">Burundi</option> <option value="KH">Cambodia</option> <option value="CM">Cameroon</option> <option value="CA">Canada</option> <option value="CV">Cape Verde</option> <option value="KY">Cayman Islands</option> <option value="CF">Central African Republic</option> <option value="TD">Chad</option> <option value="CL">Chile</option> <option value="CN">China</option> <option value="CX">Christmas Island</option> <option value="CC">Cocos (Keeling) Islands</option> <option value="CO">Colombia</option> <option value="KM">Comoros</option> <option value="CG">Congo</option> <option value="CD">Congo, the Democratic Republic of the</option> <option value="CK">Cook Islands</option> <option value="CR">Costa Rica</option> <option value="CI">Côte d'Ivoire</option> <option value="HR">Croatia</option> <option value="CU">Cuba</option> <option value="CW">Curaçao</option> <option value="CY">Cyprus</option> <option value="CZ">Czech Republic</option> <option value="DK">Denmark</option> <option value="DJ">Djibouti</option> <option value="DM">Dominica</option> <option value="DO">Dominican Republic</option> <option value="EC">Ecuador</option> <option value="EG">Egypt</option> <option value="SV">El Salvador</option> <option value="GQ">Equatorial Guinea</option> <option value="ER">Eritrea</option> <option value="EE">Estonia</option> <option value="ET">Ethiopia</option> <option value="FK">Falkland Islands (Malvinas)</option> <option value="FO">Faroe Islands</option> <option value="FJ">Fiji</option> <option value="FI">Finland</option> <option value="FR" {% if app.request.locale not in ['de'] %}selected{% endif %}>France</option> <option value="GF">French Guiana</option> <option value="PF">French Polynesia</option> <option value="TF">French Southern Territories</option> <option value="GA">Gabon</option> <option value="GM">Gambia</option> <option value="GE">Georgia</option> <option value="DE" {% if app.request.locale == 'de' %}selected{% endif %}>Germany</option> <option value="GH">Ghana</option> <option value="GI">Gibraltar</option> <option value="GR">Greece</option> <option value="GL">Greenland</option> <option value="GD">Grenada</option> <option value="GP">Guadeloupe</option> <option value="GU">Guam</option> <option value="GT">Guatemala</option> <option value="GG">Guernsey</option> <option value="GN">Guinea</option> <option value="GW">Guinea-Bissau</option> <option value="GY">Guyana</option> <option value="HT">Haiti</option> <option value="HM">Heard Island and McDonald Islands</option> <option value="VA">Holy See (Vatican City State)</option> <option value="HN">Honduras</option> <option value="HK">Hong Kong</option> <option value="HU">Hungary</option> <option value="IS">Iceland</option> <option value="IN">India</option> <option value="ID">Indonesia</option> <option value="IR">Iran, Islamic Republic of</option> <option value="IQ">Iraq</option> <option value="IE">Ireland</option> <option value="IM">Isle of Man</option> <option value="IL">Israel</option> <option value="IT">Italy</option> <option value="JM">Jamaica</option> <option value="JP">Japan</option> <option value="JE">Jersey</option> <option value="JO">Jordan</option> <option value="KZ">Kazakhstan</option> <option value="KE">Kenya</option> <option value="KI">Kiribati</option> <option value="KP">Korea, Democratic People's Republic of</option> <option value="KR">Korea, Republic of</option> <option value="KW">Kuwait</option> <option value="KG">Kyrgyzstan</option> <option value="LA">Lao People's Democratic Republic</option> <option value="LV">Latvia</option> <option value="LB">Lebanon</option> <option value="LS">Lesotho</option> <option value="LR">Liberia</option> <option value="LY">Libya</option> <option value="LI">Liechtenstein</option> <option value="LT">Lithuania</option> <option value="LU">Luxembourg</option> <option value="MO">Macao</option> <option value="MK">Macedonia, the former Yugoslav Republic of</option> <option value="MG">Madagascar</option> <option value="MW">Malawi</option> <option value="MY">Malaysia</option> <option value="MV">Maldives</option> <option value="ML">Mali</option> <option value="MT">Malta</option> <option value="MH">Marshall Islands</option> <option value="MQ">Martinique</option> <option value="MR">Mauritania</option> <option value="MU">Mauritius</option> <option value="YT">Mayotte</option> <option value="MX">Mexico</option> <option value="FM">Micronesia, Federated States of</option> <option value="MD">Moldova, Republic of</option> <option value="MC">Monaco</option> <option value="MN">Mongolia</option> <option value="ME">Montenegro</option> <option value="MS">Montserrat</option> <option value="MA">Morocco</option> <option value="MZ">Mozambique</option> <option value="MM">Myanmar</option> <option value="NA">Namibia</option> <option value="NR">Nauru</option> <option value="NP">Nepal</option> <option value="NL">Netherlands</option> <option value="NC">New Caledonia</option> <option value="NZ">New Zealand</option> <option value="NI">Nicaragua</option> <option value="NE">Niger</option> <option value="NG">Nigeria</option> <option value="NU">Niue</option> <option value="NF">Norfolk Island</option> <option value="MP">Northern Mariana Islands</option> <option value="NO">Norway</option> <option value="OM">Oman</option> <option value="PK">Pakistan</option> <option value="PW">Palau</option> <option value="PS">Palestinian Territory, Occupied</option> <option value="PA">Panama</option> <option value="PG">Papua New Guinea</option> <option value="PY">Paraguay</option> <option value="PE">Peru</option> <option value="PH">Philippines</option> <option value="PN">Pitcairn</option> <option value="PL">Poland</option> <option value="PT">Portugal</option> <option value="PR">Puerto Rico</option> <option value="QA">Qatar</option> <option value="RE">Réunion</option> <option value="RO">Romania</option> <option value="RU">Russian Federation</option> <option value="RW">Rwanda</option> <option value="BL">Saint Barthélemy</option> <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option> <option value="KN">Saint Kitts and Nevis</option> <option value="LC">Saint Lucia</option> <option value="MF">Saint Martin (French part)</option> <option value="PM">Saint Pierre and Miquelon</option> <option value="VC">Saint Vincent and the Grenadines</option> <option value="WS">Samoa</option> <option value="SM">San Marino</option> <option value="ST">Sao Tome and Principe</option> <option value="SA">Saudi Arabia</option> <option value="SN">Senegal</option> <option value="RS">Serbia</option> <option value="SC">Seychelles</option> <option value="SL">Sierra Leone</option> <option value="SG">Singapore</option> <option value="SX">Sint Maarten (Dutch part)</option> <option value="SK">Slovakia</option> <option value="SI">Slovenia</option> <option value="SB">Solomon Islands</option> <option value="SO">Somalia</option> <option value="ZA">South Africa</option> <option value="GS">South Georgia and the South Sandwich Islands</option> <option value="SS">South Sudan</option> <option value="ES">Spain</option> <option value="LK">Sri Lanka</option> <option value="SD">Sudan</option> <option value="SR">Suriname</option> <option value="SJ">Svalbard and Jan Mayen</option> <option value="SZ">Swaziland</option> <option value="SE">Sweden</option> <option value="CH">Switzerland</option> <option value="SY">Syrian Arab Republic</option> <option value="TW">Taiwan, Province of China</option> <option value="TJ">Tajikistan</option> <option value="TZ">Tanzania, United Republic of</option> <option value="TH">Thailand</option> <option value="TL">Timor-Leste</option> <option value="TG">Togo</option> <option value="TK">Tokelau</option> <option value="TO">Tonga</option> <option value="TT">Trinidad and Tobago</option> <option value="TN">Tunisia</option> <option value="TR">Turkey</option> <option value="TM">Turkmenistan</option> <option value="TC">Turks and Caicos Islands</option> <option value="TV">Tuvalu</option> <option value="UG">Uganda</option> <option value="UA">Ukraine</option> <option value="AE">United Arab Emirates</option> <option value="GB">United Kingdom</option> <option value="US">United States</option> <option value="UM">United States Minor Outlying Islands</option> <option value="UY">Uruguay</option> <option value="UZ">Uzbekistan</option> <option value="VU">Vanuatu</option> <option value="VE">Venezuela, Bolivarian Republic of</option> <option value="VN">Viet Nam</option> <option value="VG">Virgin Islands, British</option> <option value="VI">Virgin Islands, U.S.</option> <option value="WF">Wallis and Futuna</option> <option value="EH">Western Sahara</option> <option value="YE">Yemen</option> <option value="ZM">Zambia</option> <option value="ZW">Zimbabwe</option> </select> <div class="form-message text-start"> <label>{{ 'contact_message_full'|tr(tr)|raw }}</label> <textarea placeholder="" name="message"></textarea> </div> </div> <div class="col-md-12 d-flex flex-row-reverse gap-lg-3 gap-1 justify-content-center align-items-center text-center to-form-message hide form-signup"> <div style="width: fit-content;"> <input type="checkbox" id="pmr" class="apple-switch" > <label for="pmr">{{ 'tunnel_section8_pmr'|tr(tr)|raw }}</label> </div> <div style="width: fit-content;"> <svg width="18" height="18" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_299_17)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.166 29.0859C17.4533 31.446 14.6825 32.9994 11.6048 32.9994C6.68162 32.9994 2.82505 28.9917 2.99674 24.0542C3.08527 21.5062 4.22124 19.2043 5.97276 17.5579C6.25989 17.2878 6.56497 17.0357 6.88381 16.8028C7.5508 16.3154 7.69736 15.3755 7.21102 14.7062C6.72529 14.0358 5.78851 13.8881 5.12213 14.3761C4.70518 14.6822 4.30559 15.0123 3.92873 15.3683C1.6161 17.5399 0.123604 20.5849 0.00695593 23.9492C-0.224546 30.6015 4.97198 36.0006 11.6048 36.0006C15.6635 36.0006 19.3245 33.9658 21.5839 30.8524C22.0684 30.1831 21.9218 29.2438 21.2549 28.7564C20.5861 28.2684 19.6505 28.4173 19.166 29.0865V29.0859Z" fill="#931517"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.34105 8.98544L13.5302 24.3765C13.7085 25.029 14.2989 25.4822 14.9737 25.4822H23.1223L28.6436 33.7834C28.8931 34.1573 29.2956 34.3998 29.7413 34.4436C30.187 34.4886 30.6284 34.3296 30.9455 34.0114L35.5617 29.3795C36.1468 28.7942 36.1468 27.8429 35.5617 27.2576C34.9785 26.6724 34.0304 26.6724 33.4471 27.2576L30.1194 30.5967L25.1663 23.1479C24.8881 22.7307 24.4216 22.4816 23.9221 22.4816H16.1138L14.476 16.4631H17.9634C18.7889 16.4631 19.4589 15.7909 19.4589 14.9625C19.4589 14.1342 18.7889 13.462 17.9634 13.462H13.6594L12.2369 8.24116C13.4375 7.43265 14.2277 6.05812 14.2277 4.50173C14.2283 2.01677 12.2184 0 9.74184 0C7.26531 0 5.25537 2.01677 5.25537 4.50173C5.25537 6.85043 7.05175 8.78137 9.34105 8.98544ZM9.74184 3.00115C10.5673 3.00115 11.2373 3.67341 11.2373 4.50173C11.2373 5.33004 10.5673 6.0023 9.74184 6.0023C8.91633 6.0023 8.24635 5.32884 8.24635 4.50173C8.24635 3.67461 8.91633 3.00115 9.74184 3.00115Z" fill="#931517"/> </g> <defs> <clipPath id="clip0_299_17"> <rect width="36" height="36" fill="white"/> </clipPath> </defs> </svg> </div> {# <label for="pmr" class="checkbox"><input type="checkbox" id="pmr" />Une ou plusieurs personnes disposent d'un fauteuil roulant (PMR)</label> #} </div> <div class="col-md-12 form-cgu hide mt-3 text-center"> <input type="checkbox" id="agree" class="apple-switch" > <label for="agree">{{ 'signup_agree'|tr(tr)|raw }}</label> </div> <div class="col-md-12"> <p class="text-red booking_message text-center mb-0 mt-3 p-0"></p> </div> <button class="send hide">{{ 'contact_envoyer'|tr(tr)|raw }}</button> <button class="edit-booking hide">{{ 'account_edit_btn'|tr(tr)|raw }}</button> <input type="hidden" id="form_mode" value="" /> <input type="hidden" id="booking_id" value="" /> </form> </div> <div class="mt-5 row text-center gift-block"> <div class="col-12 mt-4"> <input type="checkbox" id="gift" class="apple-switch" > <label for="gift">{{ 'tunnel_section8_gift'|tr(tr)|raw }}</label> <div class="form-group gift mt-4"> <label>{{ 'tunnel_section8_for'|tr(tr)|raw }}*</label> <input type="text" placeholder="" class="form-control" name="gift-user"> </div> </div> </div> </div> </div> </section> <div class="plan-salle"> <div class="plan-salle-container"> <img id="plan-salle1" alt="plan-salle" class="pls" src="/front/img/plan-salle1.jpg?v=2" /> <img id="plan-salle2" alt="plan-salle" class="pls hide" src="/front/img/plan-salle2.jpg?v=2" /> <img id="plan-salle3" alt="plan-salle" class="pls hide" src="/front/img/plan-salle3.jpg?v=2" /> <span class="plan-close"><img alt="close" src="/front/img/calendar-cross.svg"></span> <p class="text-xs text-center mb-0">{{ 'tunnel_section6_plan2'|tr(tr)|raw }}</p> </div> </div> {% include 'FrontBundle/Partial/resa.html.twig' %} {% include 'FrontBundle/Partial/footer.html.twig' %}{% endblock %}{% block javascripts %} <script src="/front/js/owl.carousel.min.js"></script> <script type="text/javascript"> sended = false; $(document).ready(function() { if( window.innerWidth <= 414 ){ $('.majestic.show-first .m1 .content').css('min-height', '350px'); $('.majestic.show-first .m2 .content').css('min-height', '350px'); $('.majestic.show-first .m3 .content').css('min-height', '295px'); $('.majestic.show-first .me .content').css('min-height', '295px'); $('.b1 .content').css('min-height', '246px'); $('.b2 .content').css('min-height', '246px'); $('.versailles.show-first .m1 .content').css('min-height', '400px'); $('.versailles.show-first .m2 .content').css('min-height', '400px'); $('.versailles.show-first .m3 .content').css('min-height', '362px'); $('.versailles.show-first .me .content').css('min-height', '362px'); $('.majestic.show-second .m1 .content').css('min-height', '378px'); $('.majestic.show-second .m2 .content').css('min-height', '378px'); $('.majestic.show-second .m3 .content').css('min-height', '252px'); $('.majestic.show-second .me .content').css('min-height', '252px'); $('.b1 .content').css('min-height', '246px'); $('.b2 .content').css('min-height', '246px'); $('.versailles.show-second .m1 .content').css('min-height', '400px'); $('.versailles.show-second .m2 .content').css('min-height', '400px'); $('.versailles.show-second .m3 .content').css('min-height', '362px'); $('.versailles.show-second .me .content').css('min-height', '362px'); }{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %} $('.form-login').addClass('hide'); $('.form-signup').removeClass('hide'); $('.form-signup .signup').addClass('hide'); $('.to-form-message').prepend($('.form-message')); $('#form_mode').val('logged'); $('.send').removeClass('hide'); $('.form-cgu').addClass('hide');{% endif %} $('#kt_login_signup').on('click', function (e) { e.preventDefault(); $('.form-login').addClass('hide'); $('.form-signup').removeClass('hide'); $('#form_mode').val('register'); $('.send').removeClass('hide'); $('.form-cgu').removeClass('hide'); }); $('.return-login').on('click', function (e) { e.preventDefault(); $('.form-login').removeClass('hide'); $('.form-signup').addClass('hide'); $('.form-cgu').addClass('hide'); }); $('#kt_login_signin_submit').on('click', function (e) { e.preventDefault(); var form = { email: $('input[name="login_username"]').val(), password: $('input[name="login_password"]').val(), }; $.post('/tunnel/credentials/check/{{app.request.locale}}', form, function( data ) { console.log(data); $('.login_message').hide(); if(data.success == true){ $('.form-signup input[name="lastname"]').val(data.user.infos.lastname); $('.form-signup input[name="firstname"]').val(data.user.infos.firstname); $('.form-signup input[name="company"]').val(data.user.infos.company); $('.form-signup input[name="phone"]').val(data.user.infos.phone); $('.form-signup input[name="email"]').val(data.user.email); $('.form-signup input[name="email"]').attr('disabled','disabled'); $('.form-signup input[name="address"]').val(data.user.infos.address); $('.form-signup input[name="zipcode"]').val(data.user.infos.zipcode); $('.form-signup input[name="city"]').val(data.user.infos.city); if(data.user.country_code != ''){ $('.form-signup [name="country_code"]').val(data.user.infos.country_code); $('.form-signup [name="country"]').val(data.user.infos.country_code); } $('.form-login').addClass('hide'); $('.form-signup').removeClass('hide'); $('.form-signup .signup').addClass('hide'); $('.to-form-message').prepend($('.form-message')); $('#form_mode').val('logged'); $('.send').removeClass('hide'); $('.login-link').addClass('hide'); $('.form-cgu').addClass('hide'); } else { $('.login_message').show(); $('.login_message').text(data.error); } }, "json"); }); $('.send').on('click', function (e) { e.preventDefault(); var infos = { form_mode: $('#form_mode').val(), lastname: $('#form-booking input[name="lastname"]').val(), firstname: $('#form-booking input[name="firstname"]').val(), company: $('#form-booking input[name="company"]').val(), phone: $('#form-booking input[name="phone"]').val(), email: $('#form-booking input[name="email"]').val(), password: $('#form-booking input[name="password"]').val(), confirm: $('#form-booking input[name="confirm"]').val(), address: $('#form-booking input[name="address"]').val(), zipcode: $('#form-booking input[name="zipcode"]').val(), city: $('#form-booking input[name="city"]').val(), country: $('#form-booking select[name="country"] option:selected').text(), country_code: $('#form-booking select[name="country"] option:selected').val(), message: $('#form-booking textarea[name="message"]').val(), pmr: $('#pmr').prop('checked'), gift: $('#gift').prop('checked'), agree: $('#agree').prop('checked'), gift_user: $('input[name="gift-user"]').val(), }; var form = { palace_resa: palace_resa, infos: infos, email: $('#form-booking input[name="email"]').val(), password: $('#form-booking input[name="password"]').val(), }; if(sended == false){ $.post('/tunnel/booking/send/{{app.request.locale}}', form, function( data ) { sended = false; console.log(form); console.log(data); $('.booking_message').hide(); if(data.success == true){ $('.send').remove(); $('.gift-block').hide(); $('.bar-menu').hide(); var confirm_message = '<div class="text-center pt-3">\ <h5>Merci ! Votre demande de réservation à bien été prise en compte.</h5>\ <h6 class="mt-5 mb-5">Nos équipes vérifient la disponibilité des prestations souhaitées et reviendrons vers vous par email sous 24 heures (hors dimanches et jours fériés). Un lien de paiement vous sera envoyé par mail et sera également disponible dans votre espace "Mon Compte".</h6>\ <a href="{{ path("framework_front_account_histo", {"locale":app.request.locale}) }}" class="btn-primary btn-sm text active">Suivi de la réservation <img src="/front/img/btn-primary-arrow-r.svg" class="arrow" alt="arrow" /></a>\ </div>\ '; if( $('html').attr('lang') == 'de' ){ var confirm_message = '<div class="text-center pt-3">\ <h5>Vielen Dank! Ihre Buchungsanfrage wurde berücksichtigt.</h5>\ <h6 class="mt-5 mb-5">Unsere Teams überprüfen die Verfügbarkeit der gewünschten Leistungen und melden sich innerhalb von 24 Stunden (außer an Sonn- und Feiertagen) per E-Mail bei Ihnen zurück. Ein Zahlungslink wird Ihnen per E-Mail zugeschickt und ist auch in Ihrem Bereich "Mein Konto" verfügbar.</h6>\ <a href="{{ path("framework_front_account_histo", {"locale":app.request.locale}) }}" class="btn-primary btn-sm text active">Verfolgung der Buchung <img src="/front/img/btn-primary-arrow-r.svg" class="arrow" alt="arrow" /></a>\ </div>\ '; } if( $('html').attr('lang') == 'en' ){ var confirm_message = '<div class="text-center pt-3">\ <h5>Thank you for your interest! Your reservation request has been processed.</h5>\ <h6 class="mt-5 mb-5">Our teams will check the availability of the services you require and get back to you by email within 24 hours (excluding Sundays and public holidays). A payment link will be sent to you by e-mail and will also be available in your "My Account" area.</h6>\ <a href="{{ path("framework_front_account_histo", {"locale":app.request.locale}) }}" class="btn-primary btn-sm text active">Reservation tracking <img src="/front/img/btn-primary-arrow-r.svg" class="arrow" alt="arrow" /></a>\ </div>\ '; } $('#form-booking').html(confirm_message); //EFFACER LA RESA localStorage.setItem("palace_resa", null); } else { $('.booking_message').show(); $('.booking_message').text(data.error); } }, "json"); sended = true; } }); $('.edit-booking').on('click', function (e) { e.preventDefault(); var infos = { form_mode: $('#form_mode').val(), lastname: $('#form-booking input[name="lastname"]').val(), firstname: $('#form-booking input[name="firstname"]').val(), company: $('#form-booking input[name="company"]').val(), phone: $('#form-booking input[name="phone"]').val(), email: $('#form-booking input[name="email"]').val(), password: $('#form-booking input[name="password"]').val(), confirm: $('#form-booking input[name="confirm"]').val(), address: $('#form-booking input[name="address"]').val(), zipcode: $('#form-booking input[name="zipcode"]').val(), city: $('#form-booking input[name="city"]').val(), country: $('#form-booking select[name="country"] option:selected').text(), country_code: $('#form-booking select[name="country"] option:selected').val(), message: $('#form-booking textarea[name="message"]').val(), pmr: $('#pmr').prop('checked'), gift: $('#gift').prop('checked'), agree: $('#agree').prop('checked'), gift_user: $('input[name="gift-user"]').val(), }; var form = { booking_id: $('#booking_id').val(), palace_resa: palace_resa, infos: infos, email: $('#form-booking input[name="email"]').val(), password: $('#form-booking input[name="password"]').val(), }; if(sended == false){ $.post('/tunnel/booking/resend/{{app.request.locale}}', form, function( data ) { sended = false; console.log(form); console.log(data); $('.booking_message').hide(); if(data.success == true){ $('.send').remove(); $('.edit-booking').remove(); $('.gift-block').hide(); $('.bar-menu').hide(); var confirm_message = '<div class="text-center pt-3">\ <h5>Merci ! Votre demande de réservation à bien été prise en compte.</h5>\ <h6 class="mt-5 mb-5">Nos équipes vérifient la disponibilité des prestations souhaitées et reviendrons vers vous par email sous 24 heures (hors dimanches et jours fériés). Un lien de paiement vous sera envoyé par mail et sera également disponible dans votre espace "Mon Compte".</h6>\ <a href="{{ path("framework_front_account_histo", {"locale":app.request.locale}) }}" class="btn-primary btn-sm text active">Suivi de la réservation <img src="/front/img/btn-primary-arrow-r.svg" class="arrow" alt="arrow" /></a>\ </div>\ '; if( $('html').attr('lang') == 'de' ){ var confirm_message = '<div class="text-center pt-3">\ <h5>Vielen Dank! Ihre Buchungsanfrage wurde berücksichtigt.</h5>\ <h6 class="mt-5 mb-5">Unsere Teams überprüfen die Verfügbarkeit der gewünschten Leistungen und melden sich innerhalb von 24 Stunden (außer an Sonn- und Feiertagen) per E-Mail bei Ihnen zurück. Ein Zahlungslink wird Ihnen per E-Mail zugeschickt und ist auch in Ihrem Bereich "Mein Konto" verfügbar.</h6>\ <a href="{{ path("framework_front_account_histo", {"locale":app.request.locale}) }}" class="btn-primary btn-sm text active">Verfolgung der Buchung <img src="/front/img/btn-primary-arrow-r.svg" class="arrow" alt="arrow" /></a>\ </div>\ '; } if( $('html').attr('lang') == 'en' ){ var confirm_message = '<div class="text-center pt-3">\ <h5>Thank you for your interest! Your reservation request has been processed.</h5>\ <h6 class="mt-5 mb-5">Our teams will check the availability of the services you require and get back to you by email within 24 hours (excluding Sundays and public holidays). A payment link will be sent to you by e-mail and will also be available in your "My Account" area.</h6>\ <a href="{{ path("framework_front_account_histo", {"locale":app.request.locale}) }}" class="btn-primary btn-sm text active">Reservation tracking <img src="/front/img/btn-primary-arrow-r.svg" class="arrow" alt="arrow" /></a>\ </div>\ '; } $('#form-booking').html(confirm_message); //EFFACER LA RESA localStorage.setItem("palace_resa", null); } else { $('.booking_message').show(); $('.booking_message').text(data.error); } }, "json"); sended = true; } }); /* RESPONSIVE */ if( $( window ).width() <= 1440 ){ $('.espace-content.third .col-md-8').addClass('col-md-7'); $('.espace-content.third .col-md-8').removeClass('col-md-8'); } }); </script> <script type="text/javascript"> $(document).ready(function() { // {% if places.isIsMajesicFull %} // setTimeout(() => { // if( !$('[data-resto="versailles"]').hasClass('active') ){ // $('[data-resto="versailles"]').click(); // } // }, 3000); // {% endif %} // {% if places.isIsVersaillesFull %} // setTimeout(() => { // if( !$('[data-resto="majestic"]').hasClass('active') ){ // $('[data-resto="majestic"]').click(); // } // }, 3000); // {% endif %} {% if places.isIsPlaceNormal %} setTimeout(() => { if( $('#section6 .pn .sel').hasClass('active') ){ $('#section6 .ph .sel').click(); } }, 3000); {% endif %} {% if places.isIsPlaceHonneur %} setTimeout(() => { if( $('#section6 .ph .sel').hasClass('active') ){ $('#section6 .pn .sel').click(); } }, 3000); {% endif %} {% if places.isIsPlaceVip %} setTimeout(() => { if( $('#section6 .vip .sel').hasClass('active') ){ $('#section6 .ph .sel').click(); $('#section6 .pn .sel').click(); } }, 3000); {% endif %} {% if places.isIsMiniSuiteFull %} setTimeout(() => { if( parseInt($('#section7 .nbr').text()) > 0 ){ $('.step2[data-ref="ms"] a').click(); $('.bar-menu li[data-step="1"] a').click(); } }, 3000); {% endif %} }); </script>{% endblock %}