Symfony Profiler

{% extends 'FrontBundle/layout.html.twig' %}
{% block title %}{{ app_sitename }} - {{ page.metaTitle }} {{ slug|title }} {% endblock %}
{% block description %}{{ metaDesc }}{% endblock %}
{% block extra_class %}native{% endblock %}
{% block menu_min %}470{% endblock %}
{# {% block menu_max %}3076{% endblock %} #}
{% block sub_header %}
<div class="sub-header">
<ul>
<li class="{{ (slug == "le-majestic") ? 'active' : '' }}"><a href="/{{app.request.locale }}/{{ 'menus-tarifs'|getUrl(app.request.locale) }}/le-majestic">{{ 'menus_tarifs_menu1'|tr(tr)|raw }}</a></li>
<li class="versailles {{ (slug == "le-versailles") ? 'active' : '' }}"><a href="/{{app.request.locale }}/{{ 'menus-tarifs'|getUrl(app.request.locale) }}/le-versailles">{{ 'menus_tarifs_menu2'|tr(tr)|raw }}</a></li>
<li class="{{ (slug == "spectacle") ? 'active' : '' }}"><a href="/{{app.request.locale }}/{{ 'menus-tarifs'|getUrl(app.request.locale) }}/spectacle">{{ 'menus_tarifs_menu3'|tr(tr)|raw }}</a></li>
</ul>
</div>
{% endblock %}
{% block stylesheets %}
<link href="/front/css/owl.carousel.min.css" rel="stylesheet">
<link href="/front/css/owl.theme.default.min.css" rel="stylesheet">
<link href="/front/css/calendar.min.css" rel="stylesheet">
<style type="text/css">
/**
modal
*/
.w-fit{
width: fit-content;
text-align: center;
margin: 0 auto;
}
.btn-primary{
border: 1px solid var(--red) !important;
}
.wow{
width: 100%;
position: relative;
background: #fff;
height: 100%;
padding: 2.5em 1em;
border-radius: 15px;
transition: 500ms ease-in-out ;
}
@media screen and (max-width: 458px)
{
.wow{
padding: 1em 1.5em;
}
}
.wow:hover{
cursor: pointer;
scale: 1.05;
-webkit-box-shadow: -1px -1px 31px -7px rgba(158, 18, 18, 1);
-moz-box-shadow: -1px -1px 31px -7px rgba(158, 18, 18, 1);
box-shadow: -1px -1px 31px -7px rgba(158, 18, 18, 1);
}
.modal-backdrop.show {
opacity: 0.9 !important;
}
/**
fin modal
*/
.novisible {
opacity: 0;
height: 0px;
margin: 0px !important;
}
tr.isfull,
a.isfull{
color: lightgrey !important;
opacity: 20% !important;
pointer-events: none !important;
}
.tickets_lounge p {
border: 1px solid var(--red);
margin-bottom: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
border-bottom: none;
border-top-left-radius: 18px;
border-top-right-radius: 18px;
}
.tarifs-title {
background-color: var(--red);
color: #FFFFFF;
font-size: 20px;
font-weight: 500;
height: 60px;
border-radius: 30px;
width: auto;
margin: 60px auto;
padding: 0px 40px;
line-height: 60px;
display: table;
position: relative;
}
.tarifs-title svg {
margin-right: 25px;
}
.tarifs-title-links {
max-width: 550px;
margin: 0px auto;
display: flex;
align-items: center;
justify-content: space-around;
flex-direction: row;
}
.menus-tarifs-prices .download {
background-color: #FFFFFF;
border: 1px solid var(--red);
color: var(--red);
padding: 2px 3px 2px 22px;
font-size: 13px;
float: left;
}
.menus-tarifs-prices .download svg {
height: 28px;
width: 28px;
margin-left: 10px;
}
.tarifs-places-block {
background-color: #FAF3F3;
border-radius: 29px;
margin-top: 20px;
padding: 30px;
margin-bottom: 60px;
}
.tarifs-menu-block p.title,
.tarifs-places-block p.title {
color: var(--red);
font-size: 28px;
font-weight: 500;
}
.tarifs-menu-block ul {
list-style: none;
padding: 0px;
text-align: left;
margin-bottom: 0px;
width: 100%;
}
.tarifs-places-block ul {
list-style: none;
padding: 0px;
text-align: left;
padding-right: 40px;
}
.tarifs-places-block ul li p {
font-size: 13px;
}
.tarifs-menu-block ul li p{
font-size: 11px;
}
.tarifs-menu-block ul li {
padding-right: 110px;
}
.tarifs-menu-block .subtitle,
.tarifs-places-block .subtitle {
font-size: 18px;
color: var(--red);
font-weight: 400;
margin-bottom: 0px;
position: relative;
}
.tarifs-menu-block .subtitle::before {
content: ' ';
width: 100%;
height: 1px;
background-color: var(--red);
display: block;
position: absolute;
top: 13px;
}
.tarifs-menu-block .subtitle span {
background-color: #FAF3F3;
z-index: 1;
position: relative;
padding-right: 20px;
}
.tarifs-menu-block .price,
.tarifs-places-block .price {
background-color: var(--red);
position: absolute;
color: #FFFFFF;
font-size: 18px;
font-weight: 500;
border-radius: 15px;
padding: 0px 16px;
margin-top: 14px;
right: -110px;
}
.tarifs-menu-block .price {
right: 0px;
margin-top: 1px;
}
.tarifs-title .plus {
position: absolute;
left: -70px;
top: 5px;
}
.tarifs-menu-block .row {
background-color: #FAF3F3;
border-radius: 29px;
padding: 15px;
}
.tarifs-menu-block h5 span {
font-size: 28px;
color: var(--red);
background-color: #FFFFFF;
padding: 0px 7px;
width: fit-content;
}
.tarifs-menu-block h5 {
padding: 0 45px;
margin: 20px auto;
position: relative;
display: table;
}
.tarifs-menu-block h5::before {
content: ' ';
width: 100%;
height: 1px;
background-color: var(--red);
position: absolute;
left: 0px;
top: 17px;
z-index: -1;
}
.tarifs-menu-block .col1 {
background-color: #FFFFFF;
border-radius: 29px;
padding: 25px;
justify-content: center;
display: flex;
flex-direction: column;
}
.tarifs-menu-block hr {
width: 62px;
border-color: var(--red);
margin-left: auto;
margin-right: auto;
opacity: 1;
}
.tarifs-menu-block .col1 p {
margin-bottom: 0px;
}
.tarifs-menu-block .col2 {
display: flex;
align-items: center;
}
.tarifs-menu-block .col2 img {
width: auto;
}
.tarifs-menu-block .col2 .owl-carousel {
margin: 30px auto;
justify-content: center;
display: flex;
}
.tarifs-menu-block .col3 {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.tarifs-menu-block .col3 .poisson {
font-size: 13px;
}
.tarifs-menu-block .col2 .owl-carousel,
.tarifs-menu-block .col2 .item,
.tarifs-menu-block .col2 .owl-item {
width: 217px;
}
.tarifs-menu-block .col2 .item {
border-radius: 20px;
overflow: hidden;
}
.tarifs-menu-block .col2 .owl-stage-outer {
background: transparent;
}
.tarifs-menu-block {
margin-top: 60px;
}
.tarifs-menu-block2 .title {
font-size: 28px;
color: var(--red);
}
.tarifs-menu-block2-detail hr {
width: 62px;
border-color: var(--red);
margin-left: auto;
margin-right: auto;
opacity: 1;
}
.tarifs-menu-block2-content {
border-radius: 29px;
background-color: #FAF3F3;
padding: 30px 30px 30px 100px;
min-height: 384px;
}
.tarifs-menu-block2-detail p {
font-size: 14px;
}
.tarifs-menu-block2-detail p:last-child {
margin-bottom: 0px;
}
.tarifs-menu-block2 .col-md-6 {
padding-left: 228px;
position: relative;
margin-bottom: 30px;
}
.tarifs-menu-block2 img {
position: absolute;
left: 90px;
top: 30px;
border-radius: 26px;
}
.tarifs-menu-block2 .price {
background-color: var(--red);
color: #FFFFFF;
font-size: 18px;
font-weight: 500;
border-radius: 15px;
padding: 0px 16px;
height: 30px;
line-height: 30px;
display: table;
margin: 20px auto 0 auto;
}
.tarifs-menu-block3 .col-md-4 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.tarifs-menu-block3-content {
width: 255px;
background-color: var(--red);
border-radius: 30px;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
}
.tarifs-menu-block3-content span {
font-size: 16px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
.tarifs-menu-block3-content span.price {
font-size: 78px;
margin: 0px 15px;
border: none;
}
.tarifs-menu-block3-desc {
font-size: 16px;
background-color: #FAF3F3;
border-radius: 29px;
width: 255px;
padding: 15px;
margin-top: 20px;
margin-bottom: 60px;
}
.tarifs-menu-block3-desc p {
margin-bottom: 0px;
}
p.inclu {
font-size: 14px;
}
</style>
{% if slug == "le-versailles" %}
<style type="text/css">
.menus-tarifs-prices .buttons a {
color: #B27F18;
background-color: #ffffff;
border-color: var(--gold);
}
.menus-tarifs-prices .buttons a:hover, .menus-tarifs-prices .buttons a.active {
color: #ffffff;
background-color: var(--gold);
border-color: var(--gold);
}
.menus-tarifs-prices .infos-hover .content,
.menus-tarifs-prices .menu-boisson .content {
border: 1px solid var(--gold);
}
.menus-tarifs-prices .menu-block .price,
.menus-tarifs-prices .menu-boisson .price,
/* .menus-tarifs-prices .download,*/
.menus-tarifs-prices .menu .bar,
.info-header.sticky ul li.active::before {
background-color: var(--gold);
}
.tarifs-calendar a,
.tarifs-header .group a span,
.tarifs-header h5 span {
color: var(--gold);
}
.tarifs-calendar a img {
filter: invert(44%) sepia(98%) saturate(390%) hue-rotate(2deg) brightness(97%) contrast(91%);
}
.tarifs-header h5::before {
background-color: var(--gold);
}
.tarifs-header .switch-show li:hover,
.tarifs-header .switch-show .active,
.tarifs-header .switch-show .switch {
background-color: var(--gold);
}
.tarifs-header .switch-show li {
color: var(--gold);
}
.menus-tarifs-prices .menu .col-20 a.active::after,
.menus-tarifs-prices .menu .col-20 a.active::before {
background-color: var(--gold);
}
.menuban {
background-color: var(--gold);
}
.menus-tarifs-prices .menu a {
color: var(--gold);
border-color: var(--gold);
}
.menus-tarifs-prices .menu a.active {
background-color: var(--gold);
}
.menus-tarifs-prices .price-block .price,
.menus-tarifs-prices .price-block .label-w,
.tarifs-menu-block hr,
.tarifs-menu-block2-detail hr {
border-color: var(--gold);
}
.tarifs-title,
.tarifs-menu-block .price, .tarifs-places-block .price,
.tarifs-menu-block2 .price,
.tarifs-menu-block .subtitle::before,
.tarifs-menu-block3-content {
background-color: var(--gold);
}
.menus-tarifs-prices .download {
border-color: var(--gold);
color: var(--gold);
}
.tarifs-menu-block p.title, .tarifs-places-block p.title,
.tarifs-menu-block .subtitle, .tarifs-places-block .subtitle,
.tarifs-menu-block2 .title,
.tarifs-menu-block h5 span {
color: var(--gold);
}
</style>
{% endif %}
<style>
.new-nav{
display: none;
}
.menus-tarifs-prices {
overflow: hidden;
}
@media (max-width: 430px)
{
.tarifs-title-links {
flex-direction: column;
}
.tarifs-title-links a {
margin-bottom: 20px !important;
}
.tarifs-title {
font-size: 16px;
padding: 0px 26px;
}
.tarifs-title.first {
margin-top: 90px !important;
}
.tarifs-title .plus {
left: -60px;
}
.tarifs-menu-block2 img {
left: -60px;
}
.tarifs-menu-block2 .col-md-6 {
padding-left: 76px;
}
.tarifs-header .switch-show {
transform: scale(0.8) translateX(-40%);
left: 35%;
}
}
/**
css pour les news nav du 26/01
*/
@media screen and (min-width: 1200px) {
.content-grid-nav{
display: grid;
grid-auto-flow: column;
gap: 5rem;
justify-items: center;
}
.new-nav{
width: 173px;
height: 192px;
flex-shrink: 0;
position: absolute;
display: block;
top: 30%;
z-index: 50;
background-color: transparent;
}
.new-nav div.new-nav-div {
border-radius: 0px 0px 20px 22px;
background: rgba(255, 255, 255, 0.22);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(5px);
width: 173px;
height: 60px;
flex-shrink: 0;
position: absolute;
bottom: 0px;
display: block;
animation: baseHeight 1s ease-in-out forwards;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
@keyframes expandHeight {
from {
height: 60px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
to {
height: 100%;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
}
@keyframes baseHeight {
from {
height: 100%;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
to {
height: 60px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
@keyframes drawBorder {
from {
border-color: transparent;
}
to {
border-color: #FFFFFF;
}
}
@keyframes opacity {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.new-nav:hover div.new-nav-div {
animation: expandHeight 1s ease-in-out forwards;
}
.new-nav:hover div p {
align-items: end;
}
.right-nav div p,
.right-nav:hover div p {
padding-bottom: 22px
}
.left-nav div p,
.left-nav:hover div p {
padding-bottom: 7px
}
.new-nav:hover div.circle {
display:flex;
height: fit-content;
}
.new-nav {
cursor: pointer;
}
.new-nav div p{
color: #FFF;
display: flex;
justify-content: center;
align-items: end;
text-align: center;
font-size: 12px;
font-style: normal;
text-transform: uppercase;
font-weight: 600;
line-height: 125%; /* 15px */
letter-spacing: 3px;
width: 100%;
text-decoration: none;
height: 100%;
flex-shrink: 0;
margin-bottom: -2px;
}
.new-nav div.circle {
display: flex; /* Mis à flex mais initialement invisible */
opacity: 0; /* Commence complètement transparent */
width: 51px;
height: 51px !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
justify-content: center;
align-items: center;
border-radius: 50%;
transition: opacity 1s ease, linear 1s; /* Transition pour opacité et visibilité */
}
.new-nav:hover div.circle {
opacity: 1;
}
.new-nav div.circle::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
border: 1px solid transparent;
animation: drawBorder 1s ease forwards;
animation-delay: 1s; /* Démarrer après l'animation expandHeight */
}
.left-nav{
{% if slug == "le-majestic" %}
background-image: url("{{ asset('front/img/tarifs-menu-link-ve.png') }}");
{% else %}
background-image: url("{{ asset('front/img/tarifs-menu-link-mj.png') }}");
{% endif %}
background-position: center;
background-repeat: no-repeat;
object-fit: cover;
border-radius: 30px;
/* overflow: hidden;*/
top: 347px;
right: 50%;
transform: translateX(-350px);
}
.right-nav{
background-image: url("{{ asset('front/img/tarifs-menu-link-sp.png') }}");
background-position: center;
background-repeat: no-repeat;
object-fit: cover;
border-radius: 30px;
/* overflow: hidden;*/
top: 347px;
left: 50%;
transform: translateX(350px);
}
.new-nav:hover div a {
height: 100%;
display: block;
position: absolute;
top: 0px;
width: 100%;
}
.left-nav svg {
transform: rotate(180deg);
}
}
/* @media screen and (min-width: 1300px){
.left-nav{
left: 8%;
}
.right-nav{
right: 8%;
}
}
@media screen and (min-width: 1400px){
.left-nav{
left: 12%;
}
.right-nav{
right: 12%;
}
}
@media screen and (min-width: 1600px){
.left-nav{
left: 15%;
}
.right-nav{
right: 15%;
}
}
@media screen and (min-width: 1800px){
.left-nav{
left: 18%;
}
.right-nav{
right: 18%;
}
}*/
@media (max-width: 550px) {
.tarifs-header .switch-show {
flex-direction: column;
}
.menus-tarifs-callendar .menus-tarifs-header-btn,
.tarifs-header .switch-show .switch {
display: none;
}
.tarifs-header .switch-show li:first-child {
border-bottom-right-radius: 22px;
border-top-right-radius: 22px;
margin-bottom: 5px;
}
.tarifs-header .switch-show li:last-child {
border-bottom-left-radius: 22px;
border-top-left-radius: 22px;
}
.menus-tarifs-prices .buttons a {
margin-bottom: 5px;
}
.tarifs-header {
top: 350px;
}
.tarifs-header .switch-show {
top: -72px;
}
.tarifs-title {
margin: 140px auto 60px auto;
}
}
</style>
{% endblock %}
{% block body %}
<h1 class="h1top">{{ h1|raw }}</h1>
<section class="calendar">
<div id='calendar'><span class="calendar-close"><img alt="close" src="/front/img/calendar-cross.svg"></span></div>
</section>
<section class="espace-header menus-tarifs-callendar p-0" style="background-image: url('/front/img/tarifs-{{slug}}.jpg');">
<div class="menus-tarifs-header-btn">
{% if slug == "le-majestic" %}
<a href="/{{app.request.locale }}/le-majestic" class="">{{ 'menus_tarifs_decouvrir'|tr(tr)|raw }} le majestic <span><img src="/front/img/message-arrow-single.svg" alt="link" /></span></a>
{% elseif slug == "le-versailles" %}
<a href="/{{app.request.locale }}/le-versailles" class="">{{ 'menus_tarifs_decouvrir'|tr(tr)|raw }} le versailles <span><img src="/front/img/message-arrow-single.svg" alt="link" /></span></a>
{% endif %}
</div>
<ul class="d-xl-none">
<li class="{{ (slug == "le-majestic") ? 'active' : '' }}"><a href="/{{app.request.locale }}/{{ 'menus-tarifs'|getUrl(app.request.locale) }}/le-majestic">{{ 'menus_tarifs_menu1'|tr(tr)|raw }}</a></li>
<li class="{{ (slug == "le-versailles") ? 'active' : '' }}"><a href="/{{app.request.locale }}/{{ 'menus-tarifs'|getUrl(app.request.locale) }}/le-versailles">{{ 'menus_tarifs_menu2'|tr(tr)|raw }}</a></li>
<li class="{{ (slug == "spectacle") ? 'active' : '' }}"><a href="/{{app.request.locale }}/{{ 'menus-tarifs'|getUrl(app.request.locale) }}/spectacle">{{ 'menus_tarifs_menu3'|tr(tr)|raw }}</a></li>
</ul>
</section>
<section class="menus-tarifs-prices p-0 pt-5 mt-5">
<div class="container" style="position: inherit;">
<div class="content-grid-nav">
<div class="new-nav left-nav">
<div class="new-nav-div {{ (slug == "le-versailles") ? 'active' : '' }}">
{% if slug == "le-versailles" %}
<p class="titre">{{ 'menus_tarifs_menu1'|tr(tr)|raw }}</p>
{% elseif slug == "le-majestic" %}
<p class="titre">{{ 'menus_tarifs_menu2'|tr(tr)|raw }}</p>
{% else %}
<p class="titre">{{ 'menus_tarifs_menu1'|tr(tr)|raw }}</p>
{% endif %}
{% if slug == "le-majestic" %}
<a href="/{{app.request.locale }}/{{ 'menus-tarifs'|getUrl(app.request.locale) }}/le-versailles" class="link">
<div class="circle">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="8" viewBox="0 0 18 8" fill="none">
<path d="M17.3536 4.35355C17.5488 4.15829 17.5488 3.84171 17.3536 3.64645L14.1716 0.464467C13.9763 0.269205 13.6597 0.269205 13.4645 0.464467C13.2692 0.659729 13.2692 0.976312 13.4645 1.17157L16.2929 4L13.4645 6.82843C13.2692 7.02369 13.2692 7.34027 13.4645 7.53554C13.6597 7.7308 13.9763 7.7308 14.1716 7.53554L17.3536 4.35355ZM-4.37114e-08 4.5L17 4.5L17 3.5L4.37114e-08 3.5L-4.37114e-08 4.5Z" fill="white"/>
</svg>
</div>
</a>
{% else %}
<a href="/{{app.request.locale }}/{{ 'menus-tarifs'|getUrl(app.request.locale) }}/le-majestic" class="link">
<div class="circle">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="8" viewBox="0 0 18 8" fill="none">
<path d="M17.3536 4.35355C17.5488 4.15829 17.5488 3.84171 17.3536 3.64645L14.1716 0.464467C13.9763 0.269205 13.6597 0.269205 13.4645 0.464467C13.2692 0.659729 13.2692 0.976312 13.4645 1.17157L16.2929 4L13.4645 6.82843C13.2692 7.02369 13.2692 7.34027 13.4645 7.53554C13.6597 7.7308 13.9763 7.7308 14.1716 7.53554L17.3536 4.35355ZM-4.37114e-08 4.5L17 4.5L17 3.5L4.37114e-08 3.5L-4.37114e-08 4.5Z" fill="white"/>
</svg>
</div>
</a>
{% endif %}
</div>
</div>
<div class="new-nav right-nav">
<div class="new-nav-div {{ (slug == "spectacle") ? 'active' : '' }}">
<p class="titre">{{ 'menus_tarifs_menu3'|tr(tr)|raw }}</p>
<a href="/{{app.request.locale }}/{{ 'menus-tarifs'|getUrl(app.request.locale) }}/spectacle" class="link">
<div class="circle">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="8" viewBox="0 0 18 8" fill="none">
<path d="M17.3536 4.35355C17.5488 4.15829 17.5488 3.84171 17.3536 3.64645L14.1716 0.464467C13.9763 0.269205 13.6597 0.269205 13.4645 0.464467C13.2692 0.659729 13.2692 0.976312 13.4645 1.17157L16.2929 4L13.4645 6.82843C13.2692 7.02369 13.2692 7.34027 13.4645 7.53554C13.6597 7.7308 13.9763 7.7308 14.1716 7.53554L17.3536 4.35355ZM-4.37114e-08 4.5L17 4.5L17 3.5L4.37114e-08 3.5L-4.37114e-08 4.5Z" fill="white"/>
</svg>
</div>
</a>
</div>
</div>
</div>
<div class="row tarifs-header">
<div class="col-md-12">
<ul class="switch-show">
<li data-show="first" class="active" style="">{{ 'amour_s1_maintitle'|tr(tr) }} Déesses<br><span>{{ 'menus_tarifs_duree1'|tr(tr)|raw }}</span></li>
<li class="switch" style=""><img src="/front/img/switch-arrow.svg" alt="switch" /></li>
<li data-show="second" style="">{{ 'amour_s1_maintitle'|tr(tr) }} Parfum d'étoiles<br><span>{{ 'menus_tarifs_duree2'|tr(tr)|raw }}</span></li>
</ul>
{% if slug != 'spectacle' %}
<h2>{{ 'menus_tarifs_titre1'|tr(tr)|raw }}</h2>
{% else %}
<h2>{{ 'menus_tarifs_titre2'|tr(tr)|raw }}</h2>
{% endif %}
{% if slug == 'le-majestic' %}
<h5><span>{{ 'le majestic'|upper }}</span></h5>
{% elseif slug == 'le-versailles' %}
<h5><span>{{ 'le versailles'|upper }}</span></h5>
{% else %}
<h5><span>{{ 'la salle de spectacle'|upper }}</span></h5>
{% endif %}
<div class="buttons pt-3 group">
<a href="#" data-group="in" class="btn-primary btn-sm active">{{ 'menus_tarifs_in'|tr(tr)|raw }}</a><a href="#" data-group="gr" class="btn-primary btn-sm ">{{ 'menus_tarifs_gr'|tr(tr)|raw }} <span>{{ 'menus_tarifs_gr2'|tr(tr)|raw }}</span></a>
</div>
</div>
</div>
{#
<div class="row tarifs-calendar">
<a href="#">{{ 'menus_tarifs_calendar'|tr(tr)|raw }}
<img width="20px" src="/front/img/tarifs-arrow-b-r.svg" alt="download">
</a>
{% if slug == 'spectacle' %}
<span>{{ 'menus_tarifs_spectacle_info'|tr(tr)|raw }}</span>
{% endif %}
</div>
#}
<div class="tarifs-title first">
<svg width="33" height="39" viewBox="0 0 33 39" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.5011 8.30956C15.7151 8.30956 15.8222 8.18985 15.8757 8.00178C16.4286 5.14643 16.393 5.07808 19.4968 4.5138C19.7108 4.47966 19.8357 4.35995 19.8357 4.15474C19.8357 3.94961 19.7108 3.82989 19.4968 3.79568C16.4108 3.19734 16.5 3.12891 15.8757 0.307778C15.8222 0.119712 15.7151 0 15.5011 0C15.287 0 15.18 0.119712 15.1265 0.307778C14.5022 3.12891 14.6092 3.19734 11.5054 3.79568C11.3092 3.82989 11.1665 3.94961 11.1665 4.15474C11.1665 4.35995 11.3092 4.47966 11.5054 4.5138C14.6092 5.11229 14.5735 5.14643 15.1265 8.00178C15.18 8.18985 15.287 8.30956 15.5011 8.30956ZM6.86761 20.0728C7.20652 20.0728 7.43842 19.8676 7.47404 19.5599C8.11624 14.9947 8.27675 14.9947 13.2 14.0886C13.5211 14.0373 13.753 13.8321 13.753 13.5073C13.753 13.1995 13.5211 12.9772 13.2 12.9259C8.27675 12.2762 8.09836 12.1223 7.47404 7.47172C7.43842 7.16402 7.20652 6.94174 6.86761 6.94174C6.54651 6.94174 6.31461 7.16402 6.27892 7.48887C5.6903 12.071 5.44051 12.054 0.553001 12.9259C0.231901 12.9944 0 13.1995 0 13.5073C0 13.8492 0.231901 14.0373 0.624315 14.0886C5.4762 14.8409 5.6903 14.9606 6.27892 19.5257C6.31461 19.8676 6.54651 20.0728 6.86761 20.0728ZM18.9616 39C19.4254 39 19.7644 38.6752 19.8535 38.2135C21.12 28.8439 22.4935 27.4248 32.1616 26.3989C32.6611 26.3476 33 25.9886 33 25.5441C33 25.0995 32.6611 24.7575 32.1616 24.6892C22.4935 23.6633 21.12 22.2442 19.8535 12.8746C19.7644 12.413 19.4254 12.1052 18.9616 12.1052C18.4978 12.1052 18.1589 12.413 18.0876 12.8746C16.8211 22.2442 15.4298 23.6633 5.77942 24.6892C5.26219 24.7575 4.92328 25.0995 4.92328 25.5441C4.92328 25.9886 5.26219 26.3476 5.77942 26.3989C15.4119 27.6129 16.7497 28.8611 18.0876 38.2135C18.1589 38.6752 18.4978 39 18.9616 39Z" fill="white"/>
</svg>
{{ 'menus_tarifs_h1_sl'|tr(tr)|upper }}
</div>
<div class="tarifs-title-links">
<a href="#" class="plan-open download">
{{ 'tunnel_section6_plan'|tr(tr)|raw }}
<svg version="1.1" id="Composant_6_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 26 26" style="enable-background:new 0 0 26 26;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;}
{% if slug == 'le-versailles' %}
.st1{fill:#B27F18;stroke:#B27F18;}
{% else %}
.st1{fill:#9E1212;stroke:#9E1212;}
{% endif %}
.st2{fill:none;stroke:#FFFFFF;stroke-linecap:round;}
</style>
<g id="Ellipse_29">
<circle class="st0" cx="13" cy="13" r="13"/>
<circle class="st1" cx="13" cy="13" r="12.5"/>
</g>
<g id="Groupe_322" transform="translate(880 -1705.565) rotate(90)">
<line id="Ligne_66" class="st2" x1="1712.9" y1="867" x2="1724.2" y2="867"/>
<line id="Ligne_67" class="st2" x1="1720.7" y1="864" x2="1724.2" y2="867"/>
<line id="Ligne_68" class="st2" x1="1720.7" y1="870" x2="1724.2" y2="867"/>
</g>
</svg>
</a>
<a href="/front/deroulement-spectacle.pdf" target="_blank" class="download">
{{ 'btn_deroulement'|tr(tr)|raw }}
<svg version="1.1" id="Composant_6_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 26 26" style="enable-background:new 0 0 26 26;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;}
{% if slug == 'le-versailles' %}
.st1{fill:#B27F18;stroke:#B27F18;}
{% else %}
.st1{fill:#9E1212;stroke:#9E1212;}
{% endif %}
.st2{fill:none;stroke:#FFFFFF;stroke-linecap:round;}
</style>
<g id="Ellipse_29">
<circle class="st0" cx="13" cy="13" r="13"/>
<circle class="st1" cx="13" cy="13" r="12.5"/>
</g>
<g id="Groupe_322" transform="translate(880 -1705.565) rotate(90)">
<line id="Ligne_66" class="st2" x1="1712.9" y1="867" x2="1724.2" y2="867"/>
<line id="Ligne_67" class="st2" x1="1720.7" y1="864" x2="1724.2" y2="867"/>
<line id="Ligne_68" class="st2" x1="1720.7" y1="870" x2="1724.2" y2="867"/>
</g>
</svg>
</a>
</div>
<div class="row mt-5 pb-4">
<div class="col-lg-4 ps-4 pe-5">
<img width="100%" src="/front/img/tarifs-menu-img1.png" alt="normales" />
<div class="tarifs-places-block">
<p class="title">{{ 'menus_tarifs_spectacle_pn'|tr(tr)|title }}</p>
<ul>
<li>
<span class="price pn-d1">0,00€</span>
<p class="subtitle">{{ 'menus_tarifs_d1'|tr(tr)|title }}</p>
<p>{{ 'menus_tarifs_t1'|tr(tr) }}</p>
</li>
<li>
<span class="price pn-d2">0,00€</span>
<p class="subtitle">{{ 'menus_tarifs_d32'|tr(tr)|title }}</p>
<p>{{ 'menus_tarifs_t2'|tr(tr) }}</p>
</li>
<li>
<span class="price pn-d3">0,00€</span>
<p class="subtitle">{{ 'menus_tarifs_d42'|tr(tr)|title }}</p>
<p>{{ 'menus_tarifs_t3'|tr(tr) }}</p>
</li>
</ul>
</div>
</div>
<div class="col-lg-4 ps-4 pe-5">
<img width="100%" src="/front/img/tarifs-menu-img2.png" alt="honneur" />
<div class="tarifs-places-block">
<p class="title">{{ 'menus_tarifs_spectacle_ph'|tr(tr)|title }}</p>
<ul>
<li>
<span class="price ph-d1">0,00€</span>
<p class="subtitle">{{ 'menus_tarifs_d1'|tr(tr)|title }}</p>
<p>{{ 'menus_tarifs_t1'|tr(tr) }}</p>
</li>
<li>
<span class="price ph-d2">0,00€</span>
<p class="subtitle">{{ 'menus_tarifs_d32'|tr(tr)|title }}</p>
<p>{{ 'menus_tarifs_t2'|tr(tr) }}</p>
</li>
<li>
<span class="price ph-d3">0,00€</span>
<p class="subtitle">{{ 'menus_tarifs_d42'|tr(tr)|title }}</p>
<p>{{ 'menus_tarifs_t3'|tr(tr) }}</p>
</li>
</ul>
</div>
</div>
<div class="col-lg-4 ps-4 pe-5">
<img width="100%" src="/front/img/tarifs-menu-img3.png" alt="vip" />
<div class="tarifs-places-block">
<p class="title">{{ 'menus_tarifs_spectacle_vip'|tr(tr)|title }}</p>
<ul>
<li>
<span class="price vip-d1">0,00€</span>
<p class="subtitle">{{ 'menus_tarifs_d1'|tr(tr)|title }}</p>
<p>{{ 'menus_tarifs_t1'|tr(tr) }}</p>
</li>
<li>
<span class="price vip-d2">0,00€</span>
<p class="subtitle">{{ 'menus_tarifs_d32'|tr(tr)|title }}</p>
<p>{{ 'menus_tarifs_t2'|tr(tr) }}</p>
</li>
<li>
<span class="price vip-d3">0,00€</span>
<p class="subtitle">{{ 'menus_tarifs_d42'|tr(tr)|title }}</p>
<p>{{ 'menus_tarifs_t3'|tr(tr) }}</p>
</li>
</ul>
</div>
</div>
</div>
{% if slug != "spectacle" %}
<div class="tarifs-title">
<svg class="plus" width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
{% if slug == 'le-majestic' %}
<rect width="50" height="50" rx="25" fill="#9E1212"/>
{% else %}
<rect width="50" height="50" rx="25" fill="#B27F18"/>
{% endif %}
<path d="M17 25H33" stroke="white" stroke-width="3" stroke-linecap="round"/>
<path d="M25 17L25 33" stroke="white" stroke-width="3" stroke-linecap="round"/>
</svg>
<svg style="margin-top: -7px;" width="38" height="28" viewBox="0 0 38 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.47107 20.1328H34.3865C34.9609 20.1328 35.5018 19.8659 35.8462 19.4057C36.1921 18.9455 36.2984 18.3519 36.1362 17.7998C34.4536 12.0809 29.9979 7.55329 24.3285 5.76523C24.3373 5.64859 24.3421 5.53194 24.3421 5.4129C24.3421 2.42801 21.9141 0 18.9292 0C15.9443 0 13.5163 2.42801 13.5163 5.41369C13.5163 5.53194 13.5219 5.64939 13.5291 5.76603C7.85731 7.55329 3.40395 12.0841 1.72136 17.8014C1.55838 18.3527 1.66703 18.9447 2.00978 19.4041C2.35413 19.8659 2.89662 20.1328 3.47107 20.1328ZM18.9284 3.39634C19.9151 3.39634 20.7388 4.10981 20.9114 5.04618C20.2602 4.97507 19.5971 4.93752 18.9284 4.93752C18.2597 4.93752 17.5965 4.97507 16.9462 5.04618C17.1188 4.10901 17.9417 3.39634 18.9284 3.39634Z" fill="white"/>
<path d="M34.7979 22.3066H3.05878C1.65182 22.3066 0.511719 23.4372 0.511719 24.8441C0.511719 26.2527 1.65262 27.3824 3.05878 27.3824H34.7979C36.2065 27.3824 37.345 26.2527 37.345 24.8441C37.3458 23.4372 36.2057 22.3066 34.7979 22.3066Z" fill="white"/>
</svg>
{{ 'menus_tarifs_titre3'|tr(tr)|upper }}
</div>
{% endif %}
{% if slug == "le-majestic" %}
<div class="tarifs-menu-block season-first">
<h5><span>{{ 'menus_tarifs_menu'|tr(tr)|raw }} PLAISIR</span></h5>
<div class="row">
<div class="col-md-4 col1">
{{ 'menus_tarifs_mjm1'|tr(tr)|raw }}
</div>
<div class="col-md-4 col2">
<div class="owl-carousel">
<div class="item">
<img src="/front/img/tarifs-menu-mj-m1-2024-1.jpg" alt="menu plaisir" />
</div>
</div>
</div>
<div class="col-md-4 col3">
<p class="inclu"><strong>{{ 'menus_tarifs_inclu'|tr(tr)|raw }}</strong></p>
<ul>
<li>
<span class="price mj-m1-d1">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d1'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t1'|tr(tr) }}</p>
</li>
<li>
<span class="price mj-m1-d2">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d32'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t2'|tr(tr) }}</p>
</li>
<li>
<span class="price mj-m1-d3">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d42'|tr(tr)|title }}</span></p>
<p class="mb-0">{{ 'menus_tarifs_t3'|tr(tr) }}</p>
</li>
</ul>
</div>
</div>
</div>
<div class="tarifs-menu-block season-first">
<h5><span>{{ 'menus_tarifs_menu'|tr(tr)|raw }} FESTIVAL</span></h5>
<div class="row">
<div class="col-md-4 col1">
{{ 'menus_tarifs_mjm2'|tr(tr)|raw }}
</div>
<div class="col-md-4 col2">
<div class="owl-carousel">
<div class="item">
<img src="/front/img/tarifs-menu-mj-m2-2024-1.jpg" alt="menu festival" />
</div>
</div>
</div>
<div class="col-md-4 col3">
<p class="inclu"><strong>{{ 'menus_tarifs_inclu'|tr(tr)|raw }}</strong></p>
<ul>
<li>
<span class="price mj-m2-d1">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d1'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t1'|tr(tr) }}</p>
</li>
<li>
<span class="price mj-m2-d2">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d32'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t2'|tr(tr) }}</p>
</li>
<li>
<span class="price mj-m2-d3">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d42'|tr(tr)|title }}</span></p>
<p class="mb-0">{{ 'menus_tarifs_t3'|tr(tr) }}</p>
</li>
</ul>
</div>
</div>
</div>
<div class="tarifs-menu-block pb-5 season-first">
<h5><span>{{ 'menus_tarifs_menuvegan2'|tr(tr)|raw }}</span></h5>
<div class="row">
<div class="col-md-4 col1">
{{ 'menus_tarifs_mjm3'|tr(tr)|raw }}
</div>
<div class="col-md-4 col2">
<div class="owl-carousel">
<div class="item">
<img src="/front/img/tarifs-menu-mj-m3-2024-1.jpg" alt="menu vege" />
</div>
</div>
</div>
<div class="col-md-4 col3">
<p class="inclu"><strong>{{ 'menus_tarifs_inclu'|tr(tr)|raw }}</strong></p>
<p class="poisson">{{ 'menus_tarifs_menuvegan3'|tr(tr)|raw }}</p>
<ul>
<li>
<span class="price mj-m3-d1">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d1'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t1'|tr(tr) }}</p>
</li>
<li>
<span class="price mj-m3-d2">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d32'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t2'|tr(tr) }}</p>
</li>
<li>
<span class="price mj-m3-d3">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d42'|tr(tr)|title }}</span></p>
<p class="mb-0">{{ 'menus_tarifs_t3'|tr(tr) }}</p>
</li>
</ul>
</div>
</div>
</div>
<div class="tarifs-menu-block season-second">
<h5><span>{{ 'menus_tarifs_menu'|tr(tr)|raw }} PLAISIR</span></h5>
<div class="row">
<div class="col-md-4 col1">
{{ 'menus_tarifs_mjm12'|tr(tr)|raw }}
</div>
<div class="col-md-4 col2">
<div class="owl-carousel">
<div class="item">
<img src="/front/img/2025/tarifs-menu-mj-m1-2025-1.jpg" alt="menu plaisir" />
</div>
</div>
</div>
<div class="col-md-4 col3">
<ul>
<li>
<span class="price mj-m1-d1">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d1'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t1'|tr(tr) }}</p>
</li>
<li>
<span class="price mj-m1-d2">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d32'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t2'|tr(tr) }}</p>
</li>
<li>
<span class="price mj-m1-d3">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d42'|tr(tr)|title }}</span></p>
<p class="mb-0">{{ 'menus_tarifs_t3'|tr(tr) }}</p>
</li>
</ul>
</div>
</div>
</div>
<div class="tarifs-menu-block season-second">
<h5><span>{{ 'menus_tarifs_menu'|tr(tr)|raw }} FESTIVAL</span></h5>
<div class="row">
<div class="col-md-4 col1">
{{ 'menus_tarifs_mjm22'|tr(tr)|raw }}
</div>
<div class="col-md-4 col2">
<div class="owl-carousel">
<div class="item">
<img src="/front/img/2025/tarifs-menu-mj-m2-2025-1.jpg" alt="menu festival" />
</div>
</div>
</div>
<div class="col-md-4 col3">
<ul>
<li>
<span class="price mj-m2-d1">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d1'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t1'|tr(tr) }}</p>
</li>
<li>
<span class="price mj-m2-d2">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d32'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t2'|tr(tr) }}</p>
</li>
<li>
<span class="price mj-m2-d3">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d42'|tr(tr)|title }}</span></p>
<p class="mb-0">{{ 'menus_tarifs_t3'|tr(tr) }}</p>
</li>
</ul>
</div>
</div>
</div>
<div class="tarifs-menu-block pb-5 season-second">
<h5><span>{{ 'menus_tarifs_menuvegan2'|tr(tr)|raw }}</span></h5>
<div class="row">
<div class="col-md-4 col1">
{{ 'menus_tarifs_mjm32'|tr(tr)|raw }}
</div>
<div class="col-md-4 col2">
<div class="owl-carousel">
<div class="item">
<img src="/front/img/2025/tarifs-menu-mj-mv-2025-1.jpg" alt="menu plaisir" />
</div>
</div>
</div>
<div class="col-md-4 col3">
<p class="poisson">{{ 'menus_tarifs_menuvegan4_1'|tr(tr)|raw }}</p>
<ul>
<li>
<span class="price mj-m3-d1">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d1'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t1'|tr(tr) }}</p>
</li>
<li>
<span class="price mj-m3-d2">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d32'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t2'|tr(tr) }}</p>
</li>
<li>
<span class="price mj-m3-d3">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d42'|tr(tr)|title }}</span></p>
<p class="mb-0">{{ 'menus_tarifs_t3'|tr(tr) }}</p>
</li>
</ul>
</div>
</div>
</div>
{% endif %}
{% if slug == "le-versailles" %}
<div class="tarifs-menu-block season-first">
<h5><span>{{ 'menus_tarifs_menu'|tr(tr)|raw }} ELEGANCE</span></h5>
<div class="row">
<div class="col-md-4 col1">
{{ 'menus_tarifs_vem1'|tr(tr)|raw }}
</div>
<div class="col-md-4 col2">
<div class="owl-carousel">
<div class="item">
<img src="/front/img/tarifs-menu-ve-m1-2024-1.jpg" alt="menu plaisir" />
</div>
</div>
</div>
<div class="col-md-4 col3">
<p class="inclu"><strong>{{ 'menus_tarifs_inclu2'|tr(tr)|raw }}</strong></p>
<ul>
<li>
<span class="price ve-m1-d1">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d1'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t1'|tr(tr) }}</p>
</li>
<li>
<span class="price ve-m1-d2">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d32'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t2'|tr(tr) }}</p>
</li>
<li>
<span class="price ve-m1-d3">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d42'|tr(tr)|title }}</span></p>
<p class="mb-0">{{ 'menus_tarifs_t3'|tr(tr) }}</p>
</li>
</ul>
</div>
</div>
</div>
<div class="tarifs-menu-block season-first">
<h5><span>{{ 'menus_tarifs_menu'|tr(tr)|raw }} ROYAL</span></h5>
<div class="row">
<div class="col-md-4 col1">
{{ 'menus_tarifs_vem2'|tr(tr)|raw }}
</div>
<div class="col-md-4 col2">
<div class="owl-carousel">
<div class="item">
{# <img src="/front/img/tarifs-menu-ve-m2-2023-1.jpg" alt="menu festival" /> #}
<img src="/front/img/tarifs-menu-ve-m2-2024-1.jpg" alt="menu royal" />
</div>
</div>
</div>
<div class="col-md-4 col3">
<p class="inclu"><strong>{{ 'menus_tarifs_inclu2'|tr(tr)|raw }}</strong></p>
<ul>
<li>
<span class="price ve-m2-d1">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d1'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t1'|tr(tr) }}</p>
</li>
<li>
<span class="price ve-m2-d2">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d32'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t2'|tr(tr) }}</p>
</li>
<li>
<span class="price ve-m2-d3">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d42'|tr(tr)|title }}</span></p>
<p class="mb-0">{{ 'menus_tarifs_t3'|tr(tr) }}</p>
</li>
</ul>
</div>
</div>
</div>
<div class="tarifs-menu-block pb-5 season-first">
<h5><span>{{ 'menus_tarifs_menuvege2'|tr(tr)|raw }}</span></h5>
<div class="row">
<div class="col-md-4 col1">
{{ 'menus_tarifs_vem3'|tr(tr)|raw }}
</div>
<div class="col-md-4 col2">
<div class="owl-carousel">
<div class="item">
<img src="/front/img/tarifs-menu-ve-m3-2024-1.jpg" alt="menu plaisir" />
</div>
</div>
</div>
<div class="col-md-4 col3">
<p class="inclu"><strong>{{ 'menus_tarifs_inclu2'|tr(tr)|raw }}</strong></p>
<p class="poisson">{{ 'menus_tarifs_menuvegan4'|tr(tr)|raw }}</p>
<ul>
<li>
<span class="price ve-m3-d1">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d1'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t1'|tr(tr) }}</p>
</li>
<li>
<span class="price ve-m3-d2">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d32'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t2'|tr(tr) }}</p>
</li>
<li>
<span class="price ve-m3-d3">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d42'|tr(tr)|title }}</span></p>
<p class="mb-0">{{ 'menus_tarifs_t3'|tr(tr) }}</p>
</li>
</ul>
</div>
</div>
</div>
<div class="tarifs-menu-block season-second">
<h5><span>{{ 'menus_tarifs_menu'|tr(tr)|raw }} ELEGANCE</span></h5>
<div class="row">
<div class="col-md-4 col1">
{{ 'menus_tarifs_vem12'|tr(tr)|raw }}
</div>
<div class="col-md-4 col2">
<div class="owl-carousel">
<div class="item">
<img src="/front/img/2025/tarifs-menu-ve-m1-2025-1.jpg" alt="menu plaisir" />
</div>
</div>
</div>
<div class="col-md-4 col3">
<ul>
<li>
<span class="price ve-m1-d1">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d1'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t1'|tr(tr) }}</p>
</li>
<li>
<span class="price ve-m1-d2">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d32'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t2'|tr(tr) }}</p>
</li>
<li>
<span class="price ve-m1-d3">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d42'|tr(tr)|title }}</span></p>
<p class="mb-0">{{ 'menus_tarifs_t3'|tr(tr) }}</p>
</li>
</ul>
</div>
</div>
</div>
<div class="tarifs-menu-block season-second">
<h5><span>{{ 'menus_tarifs_menu'|tr(tr)|raw }} ROYAL</span></h5>
<div class="row">
<div class="col-md-4 col1">
{{ 'menus_tarifs_vem22'|tr(tr)|raw }}
</div>
<div class="col-md-4 col2">
<div class="owl-carousel">
<div class="item">
{# <img src="/front/img/tarifs-menu-ve-m2-2023-1.jpg" alt="menu festival" /> #}
<img src="/front/img/2025/tarifs-menu-ve-m2-2025-1.jpg" alt="menu festival" />
</div>
</div>
</div>
<div class="col-md-4 col3">
<ul>
<li>
<span class="price ve-m2-d1">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d1'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t1'|tr(tr) }}</p>
</li>
<li>
<span class="price ve-m2-d2">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d32'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t2'|tr(tr) }}</p>
</li>
<li>
<span class="price ve-m2-d3">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d42'|tr(tr)|title }}</span></p>
<p class="mb-0">{{ 'menus_tarifs_t3'|tr(tr) }}</p>
</li>
</ul>
</div>
</div>
</div>
<div class="tarifs-menu-block pb-5 season-second">
<h5><span>{{ 'menus_tarifs_menuvege2'|tr(tr)|raw }}</span></h5>
<div class="row">
<div class="col-md-4 col1">
{{ 'menus_tarifs_vem32'|tr(tr)|raw }}
</div>
<div class="col-md-4 col2">
<div class="owl-carousel">
<div class="item">
<img src="/front/img/2025/tarifs-menu-ve-mv-2025-1.jpg" alt="menu plaisir" />
</div>
</div>
</div>
<div class="col-md-4 col3">
<p class="poisson">{{ 'menus_tarifs_menuvegan4_2'|tr(tr)|raw }}</p>
<ul>
<li>
<span class="price ve-m3-d1">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d1'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t1'|tr(tr) }}</p>
</li>
<li>
<span class="price ve-m3-d2">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d32'|tr(tr)|title }}</span></p>
<p>{{ 'menus_tarifs_t2'|tr(tr) }}</p>
</li>
<li>
<span class="price ve-m3-d3">0,00€</span>
<p class="subtitle"><span>{{ 'menus_tarifs_d42'|tr(tr)|title }}</span></p>
<p class="mb-0">{{ 'menus_tarifs_t3'|tr(tr) }}</p>
</li>
</ul>
</div>
</div>
</div>
{% endif %}
{% if slug != "spectacle" %}
<div class="tarifs-menu-block2 mt-5 pb-5">
<div class="row">
<div class="col-md-6">
<img src="/front/img/tarifs-menu-enfant-1.jpg" alt="boisson1" />
<div class="tarifs-menu-block2-content">
<p class="title">{{ 'menus_tarifs_menuenfant'|tr(tr)|replace({'<br>': ' '})|striptags|title }}</p>
<div class="tarifs-menu-block2-detail">
{{ 'menus_tarifs_me'|tr(tr)|raw }}
</div>
<span class="price">27,00€</span>
</div>
</div>
<div class="col-md-6">
<img src="/front/img/tarifs-menu-sup-1.jpg" alt="boisson1" />
<div class="tarifs-menu-block2-content">
<p class="title">{{ 'menus_tarifs_menusup'|tr(tr)|replace({'<br>': ' '})|striptags|title }}</p>
<div class="tarifs-menu-block2-detail">
{{ 'tunnel_section3_sp1'|tr(tr)|raw }}
</div>
<span class="price">6,00€</span>
<div class="tarifs-menu-block2-detail mt-3">
{{ 'tunnel_section3_sp2'|tr(tr)|raw }}
</div>
<span class="price">8,00€</span>
</div>
</div>
</div>
</div>
{% endif %}
{% if slug != "spectacle" %}
<div class="tarifs-title">
<svg width="26" height="32" viewBox="0 0 26 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.6101 29.3277C11.6101 28.812 10.1234 28.3777 8.09412 28.2432V16.8965C11.1963 15.8076 13.5346 10.9753 13.5346 5.17812C13.5346 3.3229 13.2951 1.56655 12.868 0H0.666749C0.239444 1.56663 0 3.32298 0 5.17812C0 10.9753 2.33832 15.8076 5.44056 16.8965V28.2432C3.41116 28.3775 1.92454 28.8118 1.92454 29.3277C1.92454 29.9504 4.09273 30.4554 6.76734 30.4554C9.44195 30.4554 11.6101 29.9505 11.6101 29.3277Z" fill="white"/>
<path d="M25.5544 3.0578L15.2256 0.898682C15.4767 2.19501 15.6047 3.54957 15.6047 4.94331C15.6047 9.16948 14.4336 12.9347 12.5469 15.3012C13.1132 16.5432 13.8847 17.5076 14.827 18.077L12.7958 27.794C13.3823 28.1237 13.6802 28.5583 13.6802 29.0928C13.6802 30.1624 12.4532 30.7045 10.9973 30.9718C11.6782 31.2136 12.4813 31.4387 13.3512 31.6207C15.9691 32.1678 18.1946 32.1173 18.3223 31.5076C18.4278 31.0029 17.0614 30.2733 15.1026 29.7266L17.4243 18.62C20.6837 18.1889 23.9614 13.9374 25.1476 8.26297C25.527 6.44694 25.6521 4.67876 25.5544 3.0578Z" fill="white"/>
</svg>
{{ 'tunnel_section4_title'|tr(tr)|upper }}
</div>
<div class="tarifs-menu-block2 mb-5 drink-in season-first">
<div class="row">
<div class="col-md-6">
<img src="/front/img/tarifs-boisson1.jpg" alt="boisson1" />
<div class="tarifs-menu-block2-content">
<p class="title">{{ 'menus_tarifs_forfait'|tr(tr)|raw }} Duo</p>
<div class="tarifs-menu-block2-detail">
{{ 'menus_tarifs_duo'|tr(tr)|raw }}
</div>
<span class="price">29,00€ / 2 pers. </span>
</div>
</div>
<div class="col-md-6">
<img src="/front/img/tarifs-boisson2.jpg" alt="boisson1" />
<div class="tarifs-menu-block2-content">
<p class="title">{{ 'menus_tarifs_forfait'|tr(tr)|raw }} Prestigo</p>
<div class="tarifs-menu-block2-detail">
{{ 'menus_tarifs_prestigo'|tr(tr)|raw }}
</div>
<span class="price">41,00€ / 2 pers. </span>
</div>
</div>
</div>
</div>
<div class="tarifs-menu-block2 mb-5 hide drink-gr season-first">
<div class="row">
<div class="col-md-6 mb-5">
<img src="/front/img/tarifs-boisson1.jpg" alt="boisson1" />
<div class="tarifs-menu-block2-content">
<p class="title">{{ 'menus_tarifs_forfait'|tr(tr)|raw }} N°1</p>
<div class="tarifs-menu-block2-detail">
{{ 'menus_tarifs_b1'|tr(tr)|raw }}
</div>
<span class="price">9,00€</span>
</div>
</div>
<div class="col-md-6 mb-5">
<img src="/front/img/tarifs-boisson1.jpg" alt="boisson1" />
<div class="tarifs-menu-block2-content">
<p class="title">{{ 'menus_tarifs_forfait'|tr(tr)|raw }} N°2</p>
<div class="tarifs-menu-block2-detail">
{{ 'menus_tarifs_b2'|tr(tr)|raw }}
</div>
<span class="price">12,00€</span>
</div>
</div>
<div class="col-md-6 mb-5">
<img src="/front/img/tarifs-boisson1.jpg" alt="boisson1" />
<div class="tarifs-menu-block2-content">
<p class="title">{{ 'menus_tarifs_forfait'|tr(tr)|raw }} N°3</p>
<div class="tarifs-menu-block2-detail">
{{ 'menus_tarifs_b3'|tr(tr)|raw }}
</div>
<span class="price">13,00€</span>
</div>
</div>
<div class="col-md-6 mb-5">
<img src="/front/img/tarifs-boisson1.jpg" alt="boisson1" />
<div class="tarifs-menu-block2-content">
<p class="title">{{ 'menus_tarifs_forfait'|tr(tr)|raw }} N°4</p>
<div class="tarifs-menu-block2-detail">
{{ 'menus_tarifs_b4'|tr(tr)|raw }}
</div>
<span class="price">18,00€</span>
</div>
</div>
</div>
</div>
<div class="tarifs-menu-block2 mb-5 drink-in season-second">
<div class="row">
<div class="col-md-6">
<img src="/front/img/tarifs-boisson1.jpg" alt="boisson1" />
<div class="tarifs-menu-block2-content">
<p class="title">{{ 'menus_tarifs_forfait'|tr(tr)|raw }} Duo</p>
<div class="tarifs-menu-block2-detail">
{{ 'menus_tarifs_duo'|tr(tr)|raw }}
</div>
<span class="price">29,00€ / 2 pers. </span>
</div>
</div>
<div class="col-md-6">
<img src="/front/img/tarifs-boisson2.jpg" alt="boisson1" />
<div class="tarifs-menu-block2-content">
<p class="title">{{ 'menus_tarifs_forfait'|tr(tr)|raw }} Prestigo</p>
<div class="tarifs-menu-block2-detail">
{{ 'menus_tarifs_prestigo'|tr(tr)|raw }}
</div>
<span class="price">41,00€ / 2 pers. </span>
</div>
</div>
</div>
</div>
<div class="tarifs-menu-block2 mb-5 hide drink-gr season-second">
<div class="row">
<div class="col-md-6 mb-5">
<img src="/front/img/tarifs-boisson1.jpg" alt="boisson1" />
<div class="tarifs-menu-block2-content">
<p class="title">{{ 'menus_tarifs_forfait'|tr(tr)|raw }} N°1</p>
<div class="tarifs-menu-block2-detail">
{{ 'menus_tarifs_b1'|tr(tr)|raw }}
</div>
<span class="price">9,00€</span>
</div>
</div>
<div class="col-md-6 mb-5">
<img src="/front/img/tarifs-boisson1.jpg" alt="boisson1" />
<div class="tarifs-menu-block2-content">
<p class="title">{{ 'menus_tarifs_forfait'|tr(tr)|raw }} N°2</p>
<div class="tarifs-menu-block2-detail">
{{ 'menus_tarifs_b2'|tr(tr)|raw }}
</div>
<span class="price">12,00€</span>
</div>
</div>
<div class="col-md-6 mb-5">
<img src="/front/img/tarifs-boisson1.jpg" alt="boisson1" />
<div class="tarifs-menu-block2-content">
<p class="title">{{ 'menus_tarifs_forfait'|tr(tr)|raw }} N°3</p>
<div class="tarifs-menu-block2-detail">
{{ 'menus_tarifs_b3'|tr(tr)|raw }}
</div>
<span class="price">13,00€</span>
</div>
</div>
<div class="col-md-6 mb-5">
<img src="/front/img/tarifs-boisson1.jpg" alt="boisson1" />
<div class="tarifs-menu-block2-content">
<p class="title">{{ 'menus_tarifs_forfait'|tr(tr)|raw }} N°4</p>
<div class="tarifs-menu-block2-detail">
{{ 'menus_tarifs_b4'|tr(tr)|raw }}
</div>
<span class="price">18,00€</span>
</div>
</div>
</div>
</div>
{% endif %}
<div class="tarifs-menu-block pt-5 pb-5">
<h5><span>{{ 'tunnel_section5_ticket'|tr(tr)|title }} Lounge Club</span></h5>
<p>{{ 'tunnel_section5_ticket_desc'|tr(tr) }}</p>
</div>
<div class="tarifs-menu-block3">
<div class="row">
<div class="col-md-4">
<div class="tarifs-menu-block3-content">
<span>EUR</span>
<span class="price">5</span>
<span>EUR</span>
</div>
<div class="tarifs-menu-block3-desc">
{{ 'tunnel_section5_ticket1'|tr(tr)|raw }}
</div>
</div>
<div class="col-md-4">
<div class="tarifs-menu-block3-content">
<span>EUR</span>
<span class="price">8</span>
<span>EUR</span>
</div>
<div class="tarifs-menu-block3-desc">
{{ 'tunnel_section5_ticket2'|tr(tr)|raw }}
</div>
</div>
<div class="col-md-4">
<div class="tarifs-menu-block3-content">
<span>EUR</span>
<span class="price">10</span>
<span>EUR</span>
</div>
<div class="tarifs-menu-block3-desc">
{{ 'tunnel_section5_ticket3'|tr(tr)|raw }}
</div>
</div>
</div>
</div>
</div>
</section>
<section class="p-0 menus-tarifs-prices" style="margin-bottom: 180px;">
<div class="row mt-5 pt-5">
<div class="col-md-12">
{% if slug != 'spectacle' %}
<p class="dir mb-5">{{ 'menus_tarifs_spectacle3'|tr(tr)|raw }}</p>
{% endif %}
{# <a href="#" class="plan-open mt-5 download" style="padding: 7px 24px">{{ 'tunnel_section6_plan'|tr(tr)|raw }}</a> #}
{# <a href="/front/déroulement-spectacle.pdf" target="_blank" class="download mt-5">{{ 'btn_deroulement'|tr(tr)|raw }} <img src="/front/img/tarifs-arrow-b.svg" alt="download" /></a> #}
<a href="/{{app.request.locale }}/{{ 'reservation'|getUrl(app.request.locale) }}" class="book {% if (slug == "le-versailles") %}gold{% endif%} mt-5">{{'general_reserver'|tr(tr)|upper|raw }} <img src="/front/img/tarifs-arrow-{{ (slug == "le-versailles") ? 'gold' : 'red' }}.svg" alt="book" /></a>
</div>
</div>
</section>
<div class="page_reservation-tunnel">
<div class="plan-salle">
<div class="plan-salle-container">
<a href="/front/img/plan-salle1.jpg?v=1" target="_blank"><img id="plan-salle1" alt="plan-salle" class="pls" src="/front/img/plan-salle1.jpg?v=2" /></a>
<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>
</div>
<div class="modal-dialog-centered modal modal-lg fade" id="doubleDate" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content bg-transparent border-0">
<button type="button" class="btn-close bg-white position-absolute" style="right: 1em;top: 1em;z-index: 999;" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="modal-body ">
<div class="row py-5 gap-3 gap-md-0 switch-show">
<div class="col-md-6">
<span class="versailles d-flex flex-column gap-3 wow {{ (slug == "le-versailles") ? 'active' : '' }}">
<span class="text-center">{{ 'choice_new'|tr(tr)|raw }}</span>
<a data-show="first" class="btn btn-primary w-fit">
Voir les prix
</a>
</span>
</div>
<div class="col-md-6">
<span class="d-flex flex-column gap-3 wow {{ (slug == "le-majestic") ? 'active' : '' }}">
<span class="text-center">{{ 'choice_old'|tr(tr)|raw }}</span>
<a data-show="second" class="btn btn-primary w-fit">
Voir les prix
</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
{% include 'FrontBundle/Partial/footer.html.twig' %}
{% endblock %}
{% block javascripts %}
<script src="/front/js/owl.carousel.min.js"></script>
<script src="/front/js/calendar.min.js"></script>
<script type="text/javascript">
function setPrices(){
var day = $('.days .active').data('day');
var group = $('.group .active').data('group');
console.log(day);
console.log(group);
if( $('.switch-show .active').data('show') == 'first' ){
foodPricesArr = foodPricesFirst;
venuePricesArr = venuePricesFirst;
} else {
foodPricesArr = foodPricesSecond;
venuePricesArr = venuePricesSecond;
}
{% if slug == "le-majestic" %}
$('.mj-m1-d1').text( foodPricesArr['d1']['mj']['m1'][group]['price'].toFixed(2)+'€' );
$('.mj-m1-d2').text( foodPricesArr['d3']['mj']['m1'][group]['price'].toFixed(2)+'€' );
$('.mj-m1-d3').text( foodPricesArr['d4']['mj']['m1'][group]['price'].toFixed(2)+'€' );
$('.mj-m2-d1').text( foodPricesArr['d1']['mj']['m2'][group]['price'].toFixed(2)+'€' );
$('.mj-m2-d2').text( foodPricesArr['d3']['mj']['m2'][group]['price'].toFixed(2)+'€' );
$('.mj-m2-d3').text( foodPricesArr['d4']['mj']['m2'][group]['price'].toFixed(2)+'€' );
$('.mj-m3-d1').text( foodPricesArr['d1']['mj']['m4'][group]['price'].toFixed(2)+'€' );
$('.mj-m3-d2').text( foodPricesArr['d3']['mj']['m4'][group]['price'].toFixed(2)+'€' );
$('.mj-m3-d3').text( foodPricesArr['d4']['mj']['m4'][group]['price'].toFixed(2)+'€' );
// $('.mj .m1 i').text( foodPricesArr[day]['mj']['m1'][group]['price'] );
// $('.mj .m2 i').text( foodPricesArr[day]['mj']['m2'][group]['price'] );
// $('.mj .m3 i').text( foodPricesArr[day]['mj']['m3'][group]['price'] );
// $('.mj .m4 i').text( foodPricesArr[day]['mj']['m4'][group]['price'] );
{% elseif slug == "le-versailles" %}
$('.ve-m1-d1').text( foodPricesArr['d1']['ve']['m1'][group]['price'].toFixed(2)+'€' );
$('.ve-m1-d2').text( foodPricesArr['d3']['ve']['m1'][group]['price'].toFixed(2)+'€' );
$('.ve-m1-d3').text( foodPricesArr['d4']['ve']['m1'][group]['price'].toFixed(2)+'€' );
$('.ve-m2-d1').text( foodPricesArr['d1']['ve']['m2'][group]['price'].toFixed(2)+'€' );
$('.ve-m2-d2').text( foodPricesArr['d3']['ve']['m2'][group]['price'].toFixed(2)+'€' );
$('.ve-m2-d3').text( foodPricesArr['d4']['ve']['m2'][group]['price'].toFixed(2)+'€' );
$('.ve-m3-d1').text( foodPricesArr['d1']['ve']['m4'][group]['price'].toFixed(2)+'€' );
$('.ve-m3-d2').text( foodPricesArr['d3']['ve']['m4'][group]['price'].toFixed(2)+'€' );
$('.ve-m3-d3').text( foodPricesArr['d4']['ve']['m4'][group]['price'].toFixed(2)+'€' );
{% endif %}
{% if slug == "spectacle" %}
$('.pn-d1').text( venuePricesArr['d1']['sansrepas']['pn'][group]['price'].toFixed(2)+'€' );
$('.pn-d2').text( venuePricesArr['d3']['sansrepas']['pn'][group]['price'].toFixed(2)+'€' );
$('.pn-d3').text( venuePricesArr['d4']['sansrepas']['pn'][group]['price'].toFixed(2)+'€' );
$('.ph-d1').text( venuePricesArr['d1']['sansrepas']['ph'][group]['price'].toFixed(2)+'€' );
$('.ph-d2').text( venuePricesArr['d3']['sansrepas']['ph'][group]['price'].toFixed(2)+'€' );
$('.ph-d3').text( venuePricesArr['d4']['sansrepas']['ph'][group]['price'].toFixed(2)+'€' );
$('.vip-d1').text( venuePricesArr['d1']['sansrepas']['vip']['price'].toFixed(2)+'€' );
$('.vip-d2').text( venuePricesArr['d3']['sansrepas']['vip']['price'].toFixed(2)+'€' );
$('.vip-d3').text( venuePricesArr['d4']['sansrepas']['vip']['price'].toFixed(2)+'€' );
{% else %}
$('.pn-d1').text( venuePricesArr['d1']['avecrepas']['pn'][group]['price'].toFixed(2)+'€' );
$('.pn-d2').text( venuePricesArr['d3']['avecrepas']['pn'][group]['price'].toFixed(2)+'€' );
$('.pn-d3').text( venuePricesArr['d4']['avecrepas']['pn'][group]['price'].toFixed(2)+'€' );
$('.ph-d1').text( venuePricesArr['d1']['avecrepas']['ph'][group]['price'].toFixed(2)+'€' );
$('.ph-d2').text( venuePricesArr['d3']['avecrepas']['ph'][group]['price'].toFixed(2)+'€' );
$('.ph-d3').text( venuePricesArr['d4']['avecrepas']['ph'][group]['price'].toFixed(2)+'€' );
$('.vip-d1').text( venuePricesArr['d1']['avecrepas']['vip']['price'].toFixed(2)+'€' );
$('.vip-d2').text( venuePricesArr['d3']['avecrepas']['vip']['price'].toFixed(2)+'€' );
$('.vip-d3').text( venuePricesArr['d4']['avecrepas']['vip']['price'].toFixed(2)+'€' );
{% endif %}
// $('.fd .pn i').text( venuePricesArr[day]['avecrepas']['pn'][group]['price'] );
// $('.fd .ph i').text( venuePricesArr[day]['avecrepas']['ph'][group]['price'] );
// $('.nf .pn i').text( venuePricesArr[day]['sansrepas']['pn'][group]['price'] );
// $('.nf .ph i').text( venuePricesArr[day]['sansrepas']['ph'][group]['price'] );
}
$( document ).ready(function() {
$('.menus-tarifs-prices .menu-block .price').addClass('hide');
$('.toHide').addClass('hide');
$('.price-block').addClass('hide');
$("body").delegate('.plan-open', 'click', function(e){
e.preventDefault();
$('.plan-salle').css("display", "flex").hide().fadeIn();
});
$("body").delegate('.plan-salle .plan-close', 'click', function(e){
e.preventDefault();
$('.plan-salle').fadeOut();
});
// setPrices();
$('.show-second').addClass('hide');
$('.season-second').hide();
$('.menus-tarifs-prices .menu .bar').css('left', 'calc( 10% - 43px )');
$('.menus-tarifs-prices .menu a').click(function(e){
e.preventDefault();
$('.menus-tarifs-prices .menu a').removeClass('active');
$(this).addClass('active');
if( $('.switch-show .active').data('show') == 'first' ){
$('.menus-tarifs-prices .menu .bar').css('left', 'calc( (20% * '+$(this).data('index')+') - 10% - 43px )');
} else {
$('.menus-tarifs-prices .menu .bar').css('left', 'calc( (33.333% * '+$(this).data('index')+') - 16.666% - 43px )');
}
setPrices();
});
$('.group a').click(function(e){
e.preventDefault();
$('.group a').removeClass('active');
$(this).addClass('active');
setPrices();
// if($(this).data('group') == 'in'){
// $('.menu-block.individuel').removeClass('hide');
// $('.menu-block.groupe').addClass('hide');
// } else {
// $('.menu-block.individuel').addClass('hide');
// $('.menu-block.groupe').removeClass('hide');
// }
if($('.switch-show .active').data('show') == 'second'){
$('.show-second').removeClass('hide');
$('.show-first').addClass('hide');
if($('.group .active').data('group') == 'in'){
$('.show-second.groupe').addClass('hide');
} else {
$('.show-second.individuel').addClass('hide');
}
} else {
$('.show-first').removeClass('hide');
$('.show-second').addClass('hide');
if($('.group .active').data('group') == 'in'){
$('.show-first.groupe').addClass('hide');
} else {
$('.show-first.individuel').addClass('hide');
}
}
if($('.group .active').data('group') == 'in'){
$('.drink-in').removeClass('hide');
$('.drink-gr').addClass('hide');
} else {
$('.drink-in').addClass('hide');
$('.drink-gr').removeClass('hide');
}
});
// $('.menus-tarifs-callendar').css('height', $(window).height() );
$('.menus-tarifs-callendar').css('height', '470px' );
$('.menu-block .owl-carousel').owlCarousel({
loop:false,
margin:0,
nav:false,
dots:true,
responsive:{
0:{
items:4
},
600:{
items:4
},
1920:{
items:4
}
}
});
$('.tarifs-menu-block .owl-carousel').owlCarousel({
loop:true,
margin:0,
nav:false,
dots:true,
autoplay: true,
responsive:{
0:{
items:1
},
600:{
items:1
},
1920:{
items:1
}
}
});
$('.menus-tarifs-prices .owl-carousel .item .img').click(function(e){
e.preventDefault();
console.log( $(this).css('backgroundImage') );
var bg = $(this).css('backgroundImage');
$(this).parents('.col-menu').find('.image').css('backgroundImage', bg);
});
$('.menu-block .info-btn').click(function(e){
e.preventDefault();
$(this).parents('.col-menu').find('.infos-hover').fadeIn();
});
$('.menu-block .price').click(function(e){
e.preventDefault();
$(this).parents('.col-menu').find('.infos-hover').fadeIn();
});
$('.menu-block .image').click(function(e){
e.preventDefault();
$(this).parents('.col-menu').find('.infos-hover').fadeIn();
});
$('.menu-block .infos-hover .close').click(function(e){
e.preventDefault();
$(this).parents('.infos-hover').fadeOut();
});
$('.tarifs-calendar a').click(function(e){
e.preventDefault();
openCalendar();
$('body').css('overflow-y', 'hidden');
});
/* // SWITCH NEW SEASON 2023 ONLY
setTimeout(function(){
if(Object.keys(foodPricesSecond).length > 0){
console.log('switch new season');
$('.switch-show [data-show="second"]').click();
$('.switch-show [data-show="first"]').hide();
$('.switch-show .switch').hide();
$('.tarifs-header .switch-show li:last-child').css('border-bottom-left-radius', '22px');
$('.tarifs-header .switch-show li:last-child').css('border-top-left-radius', '22px');
} else {
setTimeout(function(){
console.log('switch new season2');
$('.switch-show [data-show="second"]').click();
$('.switch-show [data-show="first"]').hide();
$('.switch-show .switch').hide();
$('.tarifs-header .switch-show li:last-child').css('border-bottom-left-radius', '22px');
$('.tarifs-header .switch-show li:last-child').css('border-top-left-radius', '22px');
}, 500);
}
}, 1000);
// SWITCH NEW SEASON 2023 ONLY END*/
});
</script>
<script>
var contentHeight = 540;
if( window.innerWidth <= 1200 ){
contentHeight = window.innerHeight - 200;
}
var initialView = 'dayGridMonth';
if( window.innerWidth <= 1023 ){
initialView = 'listMonth';
}
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar;
calendar = new FullCalendar.Calendar(calendarEl, {
initialView: initialView,
contentHeight: contentHeight,
locale: 'fr',
headerToolbar: {
center: 'prev title next',
left: null,
// right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
right: null
},
firstDay: 1,
dayHeaderFormat: { weekday: 'short', omitCommas: true },
// initialDate: '2020-09-12',
weekNumbers: false,
navLinks: false, // can click day/week names to navigate views
editable: false,
selectable: true,
nowIndicator: true,
dayMaxEvents: true, // allow "more" link when too many events
// showNonCurrentDates: false,
events: [
{% for venue in venues %}
{
title: '{{ venue.title }}',
start: '{{ venue.start }}', //2020-09-13T14:30:00
className: '{{ venue.className }} {{ (venue.isfull) ? 'isfull' : '' }}'
},
{% endfor %}
],
// eventDidMount: function (info) {
// let eventEl = info.el;
// let className = info.el.classList[info.el.classList.length - 1];
// jQuery(eventEl).attr('data-day', className);
// },
eventClick: function(info) {
// var day = event.target.offsetParent.classList[7];
//FIX FOR MOBILE
var day = info.el.classList[info.el.classList.length - 1];
$('.menus-tarifs-prices .menu .'+day).click();
$([document.documentElement, document.body]).animate({
scrollTop: $( '.menus-tarifs-prices' ).offset().top - 108
}, 100);
closeCalendar();
$('.menus-tarifs-prices .menu-block .price').removeClass('hide');
$('.toHide').removeClass('hide');
$('.price-block').removeClass('hide');
}
});
calendar.render();
});
</script>

<script>
let circleTimeout;
// document.querySelectorAll('.new-nav').forEach(function(nav) {
// nav.addEventListener('mouseenter', function() {
// setTimeout(function() {
// const circle = nav.querySelector('div.circle');
// circle.style.opacity = '1';
// circle.style.visibility = 'visible';
// nav.querySelector('div p').classList.add('hover-content');
// }, 800); // 80% de 1s (1000ms) = 800ms
// });
// });
// document.querySelectorAll('.new-nav').forEach(function(nav) {
// nav.addEventListener('mouseleave', function() {
// const circle = nav.querySelector('div.circle');
// circle.style.opacity = '0';
// circle.style.visibility = 'hidden';
// clearTimeout(circleTimeout);
// });
// });
document.querySelectorAll('.new-nav div').forEach(function(div) {
div.addEventListener('transitionend', function(event) {
if (event.propertyName === 'height') {
const circle = div.querySelector('.circle');
if (this.clientHeight < this.scrollHeight) {
circle.style.display = 'flex';
} else {
circle.style.display = 'none';
}
}
});
});
</script>
<script>
$(document).ready(function() {
$('#doubleDate').modal('show');
$('[data-show]').on('click', function(event) {
event.preventDefault();
const showType = $(this).data('show');
// Ferme la modal
$('#doubleDate').modal('hide');
// Ajoute la classe 'active' au li correspondant
$('.switch-show li, .switch-show a').removeClass('active');
$('.switch-show li[data-show="' + showType + '"]').addClass('active');
// Déclenche la logique associée après la fermeture de la modal
handleSwitchShow(showType);
});
function handleSwitchShow(showType) {
$('.show-first').addClass('hide');
$('.show-second').addClass('hide');
if (showType == 'second') {
$('.show-second').removeClass('hide');
$('.show-first').addClass('hide');
if ($('.group .active').data('group') == 'in') {
$('.show-second.groupe').addClass('hide');
} else {
$('.show-second.individuel').addClass('hide');
}
$('.season-first').hide();
$('.season-second').show();
} else {
$('.show-first').removeClass('hide');
$('.show-second').addClass('hide');
if ($('.group .active').data('group') == 'in') {
$('.show-first.groupe').addClass('hide');
} else {
$('.show-first.individuel').addClass('hide');
}
$('.season-first').show();
$('.season-second').hide();
}
$('.menu.days.show-' + showType).find('[data-index="1"]').click();
setPrices();
}
});
</script>
{% endblock %}

templates/FrontBundle/Page/menus-tarifs-page.html.twig line 1