templates/FrontBundle/Page/miss-alsace.html.twig line 473

Open in your IDE?
  1. {% extends 'FrontBundle/layout.html.twig' %}
  2. {% block title %}{{ app_sitename }} - {{ page.metaTitle }} {% endblock %}
  3. {% block description %}{{ page.metaDescription }}{% endblock %}
  4. {% block extra_class %}native{% endblock %}
  5. {% block menu_min %}470{% endblock %}
  6. {% block stylesheets %}
  7.   <style type="text/css">
  8.     .resa-recap2 {
  9.       width: 516px;
  10.       position: absolute;
  11.       /*  position: fixed;*/
  12.       right: 0;
  13.       padding: 0;
  14.       top: 0;
  15.       transition: 0.3s ease;
  16.     }
  17.     .resa-recap2 .pdf {
  18.       text-decoration: none;
  19.       color: #FFFFFF;
  20.       background-color: var(--red);
  21.       font-size: 13px;
  22.       height: 25px;
  23.       line-height: 25px;
  24.       width: fit-content;
  25.       padding: 0px 5px 0px 15px;
  26.       display: block;
  27.       border-radius: 13px;
  28.       transition: 0.3s ease;
  29.     }
  30.     .resa-recap2 .pdf:hover {
  31.       scale: 0.95;
  32.     }
  33.     .resa-recap2 .pdf img {
  34.       height: 17px;
  35.       margin-top: -3px;
  36.       margin-left: 5px;
  37.     }
  38.     .resa-recap2 .cover {
  39.       height: 215px;
  40.       width: 148px;
  41.       background-repeat: no-repeat;
  42.       background-size: cover;
  43.       float: left;
  44.       margin-right: 28px;
  45.     }
  46.     .resa-recap2 .infos {
  47.       width: 340px;
  48.       float: left;
  49.     }
  50.     .resa-recap2 h4 {
  51.       font-size: 18px;
  52.       letter-spacing: 5px;
  53.       color: #000000;
  54.       font-weight: 500;
  55.       position: relative;
  56.       margin-bottom: 23px;
  57.     }
  58.     .resa-recap2 h4::after {
  59.       margin-top: 10px;
  60.       height: 1px;
  61.       width: 100%;
  62.       display: block;
  63.       content: ' ';
  64.       background-color: #e3e3e3;
  65.     }
  66.     .resa-recap2 .infos .title {
  67.       font-size: 20px;
  68.       color: var(--red);
  69.       font-weight: 500;
  70.     }
  71.     .resa-recap2 .infos p {
  72.       margin-bottom: 10px;
  73.     }
  74.     .resa-recap2 .infos .desc {
  75.       font-size: 13px;
  76.       color: #707070;
  77.       font-weight: 300;
  78.       padding-right: 50px;
  79.     }
  80.     .resa-recap2 .infos .date {
  81.       font-size: 15px;
  82.       color: var(--red);
  83.       font-weight: 400;
  84.     }
  85.     .resa-recap2 .infos .options {
  86.       list-style: none;
  87.       padding: 0;
  88.     }
  89.     .resa-recap2 .infos .options li {
  90.       font-size: 13px;
  91.       color: #707070;
  92.       font-weight: 300;
  93.     }
  94.     .resa-recap2 .infos .options li a {
  95.       font-size: 10px;
  96.       color: #000000;
  97.       font-weight: 300;
  98.       text-decoration: none;
  99.       margin-left: 20px;
  100.       float: right;
  101.       padding-right: 50px;
  102.       margin-top: 3px;
  103.     }
  104.     .resa-recap2 .price {
  105.       width: 100%;
  106.       float: left;
  107.       margin-top: 40px;
  108.       /*  padding-left: 60px;*/
  109.     }
  110.     .resa-recap2 .actions {
  111.       width: 100%;
  112.       float: left;
  113.       margin-top: 23px;
  114.     }
  115.     .resa-recap2 .actions a {
  116.       transition: 0.3s ease;
  117.     }
  118.     .resa-recap2 .actions a img {
  119.       -webkit-animation-duration: 1s;
  120.       animation-duration: 1s;
  121.       -webkit-animation-fill-mode: both;
  122.       animation-fill-mode: both;
  123.       -webkit-animation-timing-function: ease-in-out;
  124.       animation-timing-function: ease-in-out;
  125.       animation-iteration-count: infinite;
  126.       -webkit-animation-iteration-count: infinite;
  127.     }
  128.     .resa-recap2 .actions a:hover img {
  129.       cursor: pointer;
  130.       animation-name: bounce-h;
  131.       -moz-animation-name: bounce-h;
  132.     }
  133.     .resa-recap2 .price p {
  134.       float: right;
  135.       font-size: 18px;
  136.       text-transform: uppercase;
  137.       font-weight: 500;
  138.       color: #000000;
  139.       letter-spacing: 4px;
  140.       margin: 0px 0px 10px 0px;
  141.       width: 100%;
  142.       text-align: center;
  143.     }
  144.     .resa-recap2 .price span {
  145.       float: left;
  146.       font-size: 22px;
  147.       font-weight: 500;
  148.       color: #FFFFFF;
  149.       letter-spacing: 4px;
  150.       background-color: var(--red);
  151.       height: 42px;
  152.       line-height: 42px;
  153.       border-radius: 34px;
  154.       width: 100%;
  155.       text-align: center;
  156.     }
  157.     .resa-recap2 .resa-error {
  158.       font-size: 15px;
  159.       position: absolute;
  160.       right: 0;
  161.       bottom: -80px;
  162.       text-align: center;
  163.       width: 387px;
  164.       display: none;
  165.     }
  166.     .resa-recap2 .price i {
  167.       font-style: initial;
  168.     }
  169.     #section8 .subtitle {
  170.       color: #707070;
  171.       font-size: 13px;
  172.     }
  173.     #section8 form {
  174.       max-width: 100%;
  175.       width: 100%;
  176.       padding: 40px 64px 60px 64px;
  177.     }
  178.     #section8 form .to-form-message textarea {
  179.       height: 98px;
  180.     }
  181.     #section8 form textarea {
  182.       height: 162px;
  183.     }
  184.     #section8 form .send {
  185.       background-color: var(--red);
  186.       color: #ffffff;
  187.       font-size: 19px;
  188.       border: 1px solid var(--red);
  189.       transition: 0.3s ease;
  190.     }
  191.     #section8 form .send:hover {
  192.       background-color: #ffffff;
  193.       color: var(--red);
  194.     }
  195.     #final {
  196.       margin-top: -220px;
  197.     }
  198.     @media (max-width: 1024px)
  199.     {
  200.       #final {
  201.         margin-top: 0px;
  202.       }
  203.       .miss_alsace_content {
  204.         padding-left: 0px;
  205.       }
  206.     }
  207.     @media (max-width: 430px)
  208.     {
  209.       #section8 form .send {
  210.         font-size: 14px;
  211.       }
  212.       .resa-recap2 {
  213.         transform: scale(0.75) translateX(-16%);
  214.       }
  215.     }
  216.   </style>
  217. {% endblock %}
  218. {% block body %}
  219.   {# <h1 class="h1top">{{ h1|raw }}</h1> #}
  220.   <section class="espace-header menus-tarifs-callendar p-0" style="background-image: url('/front/img/miss-bg-2025.jpg');">
  221.     <div class="menus-tarifs-header-btn">
  222.     </div>
  223.   </section>
  224.   <section class="menus-tarifs-prices p-0 ">
  225.     <div class="container" style="position: inherit;">
  226.       <div class="row tarifs-header">
  227.         <div class="col-md-12">
  228.           <h2>{{ title|upper }}</h2>
  229.           <h5><span>{{ subtitle|upper }}</span></h5>
  230.           <p class="m-0">{{ desc|raw }}</p>
  231.         </div>
  232.       </div>
  233.     </div>
  234.   </section>
  235.   <section class="espace-content container third thin mt-5 pt-5" style="padding-bottom: 180px;">
  236.     <div class="row">
  237.       <div class="col-md-3">
  238.         <img src="/front/img/miss-alsace-2025.jpg" width="100%" alt="Miss Alsace 2024" class="pb-5" />
  239.       </div>
  240.       <div class="col-md-9">
  241.         {% if app.request.locale == 'fr' %}
  242.           <p class="p-0 pb-5 ps-3 miss_alsace_content">
  243.             Le gala de Miss Alsace 2025 pour Miss France 2026 aura lieu le jeudi 26 juin 2025 au Royal Palace Kirrwiller !<br>
  244.             En présence d'Angélique Angarni-Filipon France 2025, d'Isabella Hebert Miss Alsace 2024 ainsi que de nombreuses Miss Alsace.<br>
  245.             <br>
  246.             L'ambassadrice élue sera notre représentante lors de l'élection de Miss France 2026 en décembre prochain !<br>
  247.             12 candidates se produiront sur scène lors d'un show incroyable pour tenter de décrocher la couronne et devenir notre ambassadrice de l'Alsace.<br>
  248.             <br>
  249.             <strong>Tarif : 85€ comprenant le repas au restaurant avec 50cl d'eau + l'apéritif, l'élection, des passages de la revue "Déesses" du Royal Palace et un accès VIP au Lounge Bar après l'élection. (Boissons non incluses)</strong><br>
  250.             <br>
  251.             <strong>Placement dans la salle de spectacle sur place par nos hôtesses ! (des tickets d'entrée avec numéros de siège à respecter vous seront envoyés par voie postale sous 3 semaines)
  252.               <br>Billet non remboursable après achat.</strong>
  253.             <br><br>
  254.             MENU PLAT DESSERT
  255.             <br>
  256.             Grenadin de veau, Mousseline Truffée<br>
  257.             Poêlée de légumes<br>
  258.             Jus au romarin<br>
  259.             ****<br>
  260.             Parfait chocolat noir - framboise<br>
  261.             Glace vanille<br>
  262.             Incluant une coupe de crémant à l'apéritif, une bretzel fraîche et 50 cl d'eau minérale<br>
  263.             Toute autre boisson en sus.
  264.           </p>
  265.         {% elseif app.request.locale == 'en' %}
  266.           <p class="p-0 pb-5 ps-3 miss_alsace_content">
  267.             The Miss Alsace 2025 Gala for Miss France 2026 will take place on Thursday, June 26, 2025, at the Royal Palace Kirrwiller!<br>
  268.             In the presence of Angélique Angarni-Filipon, Miss France 2025, Isabella Hebert, Miss Alsace 2024, as well as many former Miss Alsace winners.<br>
  269.             <br>
  270.             The elected ambassador will represent us at the Miss France 2026 election next December!<br>
  271.             Twelve candidates will perform on stage in an incredible show to compete for the crown and become our ambassador for Alsace.<br>
  272.             <br>
  273.             <strong>Price: €85 including a restaurant meal with 50cl of water + an aperitif, the election show, highlights from the "Déesses" revue of the Royal Palace, and VIP access to the Lounge Bar after the election. (Other drinks not included)</strong><br>
  274.             <br>
  275.             <strong>Seating in the show hall will be assigned on-site by our hostesses! (Entry tickets with assigned seat numbers will be sent to you by post within 3 weeks)
  276.               <br>Tickets are non-refundable after purchase.</strong>
  277.             <br><br>
  278.             MENU MAIN COURSE & DESSERT<br>
  279.             Veal medallion, truffle mousseline<br>
  280.             Sautéed vegetables<br>
  281.             Rosemary jus<br>
  282.             ****<br>
  283.             Dark chocolate and raspberry parfait<br>
  284.             Vanilla ice cream<br>
  285.             Including a glass of crémant for the aperitif, a fresh pretzel, and 50cl of mineral water.<br>
  286.             Any other drinks are extra.
  287.           </p>
  288.         {% elseif app.request.locale == 'de' %}
  289.           <p class="p-0 pb-5 ps-3 miss_alsace_content">
  290.             Das Miss Alsace 2025 Gala für Miss France 2026 findet am Donnerstag, den 26. Juni 2025, im Royal Palace Kirrwiller statt!<br>
  291.             In Anwesenheit von Angélique Angarni-Filipon, Miss France 2025, Isabella Hebert, Miss Alsace 2024 sowie zahlreicher ehemaliger Miss Alsace.<br>
  292.             <br>
  293.             Die gewählte Botschafterin wird uns bei der Wahl zur Miss France 2026 im kommenden Dezember vertreten!<br>
  294.             Zwölf Kandidatinnen treten auf der Bühne in einer spektakulären Show gegeneinander an, um die Krone zu gewinnen und Botschafterin des Elsass zu werden.<br>
  295.             <br>
  296.             <strong>Preis: 85 €, inklusive Abendessen im Restaurant mit 50 cl Wasser + Aperitif, Wahlshow, Ausschnitte aus der Revue "Déesses" des Royal Palace sowie VIP-Zugang zur Lounge Bar nach der Wahl. (Weitere Getränke nicht inbegriffen)</strong><br>
  297.             <br>
  298.             <strong>Die Platzvergabe im Theatersaal erfolgt vor Ort durch unsere Hostessen! (Eintrittskarten mit Sitzplatznummern werden innerhalb von 3 Wochen per Post zugeschickt)
  299.               <br>Tickets sind nach dem Kauf nicht erstattungsfähig.</strong>
  300.             <br><br>
  301.             MENÜ HAUPTGANG & DESSERT<br>
  302.             Kalbsmedaillon, Trüffelmousseline<br>
  303.             Gebratenes Gemüse<br>
  304.             Rosmarinjus<br>
  305.             ****<br>
  306.             Parfait aus dunkler Schokolade und Himbeeren<br>
  307.             Vanilleeis<br>
  308.             Inklusive eines Glases Crémant zum Aperitif, einer frischen Brezel und 50 cl Mineralwasser.<br>
  309.             Alle weiteren Getränke sind kostenpflichtig.
  310.           </p>
  311.         {% endif %}
  312.         {#<hr>
  313.           <p>
  314.             {{ 'miss_alsace_content'|tr(tr)|raw }}
  315.           </p>#}
  316.       </div>
  317.     </div>
  318.     <div class="row">
  319.       <div class="col-md-7">
  320.         <div class="row">
  321.           <div class="col-md-12 relative number mb-5">
  322.             <h2>{{ 'tunnel_section1_gr_title'|tr(tr)|upper|raw }}</h2>
  323.             {# <span class="subtitle">{{ 'tunnel_section1_gr_subtitle'|tr(tr)|raw }}</span> #}
  324.             <div class="mt-3">
  325.               <a href="#" class="number-minus">-</a>
  326.               <input type="text" class="number-val" value="1" />
  327.               <a href="#" class="number-plus">+</a>
  328.             </div>
  329.           </div>
  330.         </div>
  331.       </div>
  332.       <div class="offset-xl-1 col-md-4">
  333.         <section class="resa-recap2" style="position:relative;">
  334.           <div class="ps -5">
  335.             <h4>{{ 'recap_title'|tr(tr)|upper|raw }}</h4>
  336.             <div class="cover" style="background-image: url(/front/img/miss-alsace-min-2025.jpg);"> </div>
  337.             <div class="infos">
  338.               <p class="title p-0">{{ title }}</p>
  339.               <p class="desc p-0">{{ desc|raw }}</p>
  340.               <p class="date p-0">{{ subtitle }}</p>
  341.               <div class="price">
  342.                 <p class="p-0">{{ 'shop_cart_total'|tr(tr)|upper|raw }}</p>
  343.                 <span><i>{{ price }}</i>,00€</span>
  344.               </div>
  345.               {# <a href="/front/déroulement-spectacle.pdf" target="_blank" class="pdf">Déroulement d'un événement <img src="/front/img/espaces-down-link.svg" alt="Déroulement d'un évènement"></a> #}
  346.             </div>
  347.             {#   <div class="actions">
  348.     <a href="#" class="goNext btn-primary btn-next active hide next">PASSER À L'ÉTAPE SUIVANTE <img src="/front/img/espaces-arrow-r-w.svg" alt="arrow"></a>
  349.     <a href="#" class="selectOptions btn-primary btn-next active next">SÉLECTIONNEZ VOS OPTIONS</a>
  350.     <span class="text-red resa-error"></span>
  351.   </div> #}
  352.           </div>
  353.         </section>
  354.       </div>
  355.     </div>
  356.     <div class="row">
  357.       <div class="col-md-7" id="final">
  358.         <section id="section8" class="espace-content third thin mt-5 pt-4" style="margin-bottom: 180px;">
  359.           <div class="row">
  360.             <div class="col-md-12 relative">
  361.               <h2>{{ 'miss_alsace_tunnel'|tr(tr)|upper|raw }}</h2>
  362.               <span class="subtitle">{{ 'tunnel_section8_subtitle'|tr(tr)|raw }}</span>
  363.               <div class="mt-3 row">
  364.                 <form class="m-0 row" id="form-booking">
  365.                   {% if not is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  366.                     <div class="col-md-12 mb-5 form-login">
  367.                       <h6 class="text-center">{{ 'signup_title'|tr(tr)|raw }}</h6>
  368.                     </div>
  369.                     <div class="col-md-6  form-login">
  370.                       <label>{{ 'contact_email'|tr(tr)|raw }}*</label>
  371.                       <input type="email" placeholder="{{ 'contact_email'|tr(tr)|raw  }}*" name="login_username" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.email }}{% endif %}"  />
  372.                       <label>{{ 'signup_password'|tr(tr)|raw }}*</label>
  373.                       <input type="password" name="login_password" autocomplete="off" placeholder="{{ 'signup_password'|tr(tr)|raw }}" />
  374.                       <p class="text-red login_message p-0"></p>
  375.                       <button id="kt_login_signin_submit" class="btn-primary btn-sm text-center ">{{ 'signup_connexion'|tr(tr)|raw }}</button>
  376.                       <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>
  377.                       <input type="hidden" name="_target_path" value="{{ app.request.get('redirect_to') }}"/>
  378.                       <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/>
  379.                     </div>
  380.                     <div class="col-md-6 d-flex justify-content-center align-items-center  form-login" style="flex-direction: column;">
  381.                       <button id="kt_login_signup" class="btn-primary btn-sm text-center active ">{{ 'signup_create'|tr(tr)|raw }}*</button>
  382.                       <p class="p-0 w-100 text-center mt-2">* {{ 'signup_create3'|tr(tr)|raw }}</p>
  383.                     </div>
  384.                   {% endif %}
  385.                   {% if not is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  386.                     <div class="col-md-12 hide form-signup login-link">
  387.                       <a href="#" class="text-center text-red return-login w-100 mb-4 float-left">{{ 'signup_deja'|tr(tr)|raw }}</a>
  388.                     </div>
  389.                   {% endif %}
  390.                   <div class="col-md-6 hide form-signup">
  391.                     <label>{{ 'contact_nom'|tr(tr)|raw  }}*</label>
  392.                     <input type="text" placeholder="" name="lastname" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('lastname') }}{% endif %}" />
  393.                     <label>{{ 'contact_prenom'|tr(tr)|raw  }}*</label>
  394.                     <input type="text" placeholder="" name="firstname" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('firstname') }}{% endif %}"  />
  395.                     <label>{{ 'contact_societe'|tr(tr)|raw  }}</label>
  396.                     <input type="text" placeholder="" name="company" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('company') }}{% endif %}"  />
  397.                     <label>{{ 'contact_tel'|tr(tr)|raw  }}*</label>
  398.                     <input type="tel" placeholder="" name="phone" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('phone') }}{% endif %}"  />
  399.                     <label class="signup">{{ 'contact_email'|tr(tr)|raw  }}*</label>
  400.                     <input class="signup" type="email" placeholder="" name="email" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.email }}{% endif %}"  />
  401.                     <label class="signup">{{ 'signup_password'|tr(tr)|raw }}*</label>
  402.                     <input type="password" placeholder="" name="password" value="" class="signup" />
  403.                     <label class="signup">{{ 'signup_confirm'|tr(tr)|raw }}*</label>
  404.                     <input type="password" placeholder="" name="confirm" value="" class="signup" />
  405.                   </div>
  406.                   <div class="col-md-6 hide form-signup">
  407.                     <label>{{ 'contact_adresse'|tr(tr)|raw  }}*</label>
  408.                     <input type="text" placeholder="" name="address" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('address1') }}{% endif %}"  />
  409.                     <label>{{ 'contact_code'|tr(tr)|raw  }}*</label>
  410.                     <input type="text" placeholder="" name="zipcode" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('zipcode') }}{% endif %}"  />
  411.                     <label>{{ 'contact_ville'|tr(tr)|raw  }}*</label>
  412.                     <input type="text" placeholder="" name="city" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('city') }}{% endif %}"  />
  413.                     <label>{{ 'contact_pays'|tr(tr)|raw  }}*</label>
  414.                     <input type="hidden" name="country_code" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('country_code') }}{% endif %}">
  415.                     <select name="country" required class="form-control country">
  416.                       <option value="AF">Afghanistan</option>
  417.                       <option value="AX">Åland Islands</option>
  418.                       <option value="AL">Albania</option>
  419.                       <option value="DZ">Algeria</option>
  420.                       <option value="AS">American Samoa</option>
  421.                       <option value="AD">Andorra</option>
  422.                       <option value="AO">Angola</option>
  423.                       <option value="AI">Anguilla</option>
  424.                       <option value="AQ">Antarctica</option>
  425.                       <option value="AG">Antigua and Barbuda</option>
  426.                       <option value="AR">Argentina</option>
  427.                       <option value="AM">Armenia</option>
  428.                       <option value="AW">Aruba</option>
  429.                       <option value="AU">Australia</option>
  430.                       <option value="AT">Austria</option>
  431.                       <option value="AZ">Azerbaijan</option>
  432.                       <option value="BS">Bahamas</option>
  433.                       <option value="BH">Bahrain</option>
  434.                       <option value="BD">Bangladesh</option>
  435.                       <option value="BB">Barbados</option>
  436.                       <option value="BY">Belarus</option>
  437.                       <option value="BE">Belgium</option>
  438.                       <option value="BZ">Belize</option>
  439.                       <option value="BJ">Benin</option>
  440.                       <option value="BM">Bermuda</option>
  441.                       <option value="BT">Bhutan</option>
  442.                       <option value="BO">Bolivia, Plurinational State of</option>
  443.                       <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
  444.                       <option value="BA">Bosnia and Herzegovina</option>
  445.                       <option value="BW">Botswana</option>
  446.                       <option value="BV">Bouvet Island</option>
  447.                       <option value="BR">Brazil</option>
  448.                       <option value="IO">British Indian Ocean Territory</option>
  449.                       <option value="BN">Brunei Darussalam</option>
  450.                       <option value="BG">Bulgaria</option>
  451.                       <option value="BF">Burkina Faso</option>
  452.                       <option value="BI">Burundi</option>
  453.                       <option value="KH">Cambodia</option>
  454.                       <option value="CM">Cameroon</option>
  455.                       <option value="CA">Canada</option>
  456.                       <option value="CV">Cape Verde</option>
  457.                       <option value="KY">Cayman Islands</option>
  458.                       <option value="CF">Central African Republic</option>
  459.                       <option value="TD">Chad</option>
  460.                       <option value="CL">Chile</option>
  461.                       <option value="CN">China</option>
  462.                       <option value="CX">Christmas Island</option>
  463.                       <option value="CC">Cocos (Keeling) Islands</option>
  464.                       <option value="CO">Colombia</option>
  465.                       <option value="KM">Comoros</option>
  466.                       <option value="CG">Congo</option>
  467.                       <option value="CD">Congo, the Democratic Republic of the</option>
  468.                       <option value="CK">Cook Islands</option>
  469.                       <option value="CR">Costa Rica</option>
  470.                       <option value="CI">Côte d'Ivoire</option>
  471.                       <option value="HR">Croatia</option>
  472.                       <option value="CU">Cuba</option>
  473.                       <option value="CW">Curaçao</option>
  474.                       <option value="CY">Cyprus</option>
  475.                       <option value="CZ">Czech Republic</option>
  476.                       <option value="DK">Denmark</option>
  477.                       <option value="DJ">Djibouti</option>
  478.                       <option value="DM">Dominica</option>
  479.                       <option value="DO">Dominican Republic</option>
  480.                       <option value="EC">Ecuador</option>
  481.                       <option value="EG">Egypt</option>
  482.                       <option value="SV">El Salvador</option>
  483.                       <option value="GQ">Equatorial Guinea</option>
  484.                       <option value="ER">Eritrea</option>
  485.                       <option value="EE">Estonia</option>
  486.                       <option value="ET">Ethiopia</option>
  487.                       <option value="FK">Falkland Islands (Malvinas)</option>
  488.                       <option value="FO">Faroe Islands</option>
  489.                       <option value="FJ">Fiji</option>
  490.                       <option value="FI">Finland</option>
  491.                       <option value="FR" {% if app.request.locale not in ['de'] %}selected{% endif %}>France</option>
  492.                       <option value="GF">French Guiana</option>
  493.                       <option value="PF">French Polynesia</option>
  494.                       <option value="TF">French Southern Territories</option>
  495.                       <option value="GA">Gabon</option>
  496.                       <option value="GM">Gambia</option>
  497.                       <option value="GE">Georgia</option>
  498.                       <option value="DE" {% if app.request.locale == 'de' %}selected{% endif %}>Germany</option>
  499.                       <option value="GH">Ghana</option>
  500.                       <option value="GI">Gibraltar</option>
  501.                       <option value="GR">Greece</option>
  502.                       <option value="GL">Greenland</option>
  503.                       <option value="GD">Grenada</option>
  504.                       <option value="GP">Guadeloupe</option>
  505.                       <option value="GU">Guam</option>
  506.                       <option value="GT">Guatemala</option>
  507.                       <option value="GG">Guernsey</option>
  508.                       <option value="GN">Guinea</option>
  509.                       <option value="GW">Guinea-Bissau</option>
  510.                       <option value="GY">Guyana</option>
  511.                       <option value="HT">Haiti</option>
  512.                       <option value="HM">Heard Island and McDonald Islands</option>
  513.                       <option value="VA">Holy See (Vatican City State)</option>
  514.                       <option value="HN">Honduras</option>
  515.                       <option value="HK">Hong Kong</option>
  516.                       <option value="HU">Hungary</option>
  517.                       <option value="IS">Iceland</option>
  518.                       <option value="IN">India</option>
  519.                       <option value="ID">Indonesia</option>
  520.                       <option value="IR">Iran, Islamic Republic of</option>
  521.                       <option value="IQ">Iraq</option>
  522.                       <option value="IE">Ireland</option>
  523.                       <option value="IM">Isle of Man</option>
  524.                       <option value="IL">Israel</option>
  525.                       <option value="IT">Italy</option>
  526.                       <option value="JM">Jamaica</option>
  527.                       <option value="JP">Japan</option>
  528.                       <option value="JE">Jersey</option>
  529.                       <option value="JO">Jordan</option>
  530.                       <option value="KZ">Kazakhstan</option>
  531.                       <option value="KE">Kenya</option>
  532.                       <option value="KI">Kiribati</option>
  533.                       <option value="KP">Korea, Democratic People's Republic of</option>
  534.                       <option value="KR">Korea, Republic of</option>
  535.                       <option value="KW">Kuwait</option>
  536.                       <option value="KG">Kyrgyzstan</option>
  537.                       <option value="LA">Lao People's Democratic Republic</option>
  538.                       <option value="LV">Latvia</option>
  539.                       <option value="LB">Lebanon</option>
  540.                       <option value="LS">Lesotho</option>
  541.                       <option value="LR">Liberia</option>
  542.                       <option value="LY">Libya</option>
  543.                       <option value="LI">Liechtenstein</option>
  544.                       <option value="LT">Lithuania</option>
  545.                       <option value="LU">Luxembourg</option>
  546.                       <option value="MO">Macao</option>
  547.                       <option value="MK">Macedonia, the former Yugoslav Republic of</option>
  548.                       <option value="MG">Madagascar</option>
  549.                       <option value="MW">Malawi</option>
  550.                       <option value="MY">Malaysia</option>
  551.                       <option value="MV">Maldives</option>
  552.                       <option value="ML">Mali</option>
  553.                       <option value="MT">Malta</option>
  554.                       <option value="MH">Marshall Islands</option>
  555.                       <option value="MQ">Martinique</option>
  556.                       <option value="MR">Mauritania</option>
  557.                       <option value="MU">Mauritius</option>
  558.                       <option value="YT">Mayotte</option>
  559.                       <option value="MX">Mexico</option>
  560.                       <option value="FM">Micronesia, Federated States of</option>
  561.                       <option value="MD">Moldova, Republic of</option>
  562.                       <option value="MC">Monaco</option>
  563.                       <option value="MN">Mongolia</option>
  564.                       <option value="ME">Montenegro</option>
  565.                       <option value="MS">Montserrat</option>
  566.                       <option value="MA">Morocco</option>
  567.                       <option value="MZ">Mozambique</option>
  568.                       <option value="MM">Myanmar</option>
  569.                       <option value="NA">Namibia</option>
  570.                       <option value="NR">Nauru</option>
  571.                       <option value="NP">Nepal</option>
  572.                       <option value="NL">Netherlands</option>
  573.                       <option value="NC">New Caledonia</option>
  574.                       <option value="NZ">New Zealand</option>
  575.                       <option value="NI">Nicaragua</option>
  576.                       <option value="NE">Niger</option>
  577.                       <option value="NG">Nigeria</option>
  578.                       <option value="NU">Niue</option>
  579.                       <option value="NF">Norfolk Island</option>
  580.                       <option value="MP">Northern Mariana Islands</option>
  581.                       <option value="NO">Norway</option>
  582.                       <option value="OM">Oman</option>
  583.                       <option value="PK">Pakistan</option>
  584.                       <option value="PW">Palau</option>
  585.                       <option value="PS">Palestinian Territory, Occupied</option>
  586.                       <option value="PA">Panama</option>
  587.                       <option value="PG">Papua New Guinea</option>
  588.                       <option value="PY">Paraguay</option>
  589.                       <option value="PE">Peru</option>
  590.                       <option value="PH">Philippines</option>
  591.                       <option value="PN">Pitcairn</option>
  592.                       <option value="PL">Poland</option>
  593.                       <option value="PT">Portugal</option>
  594.                       <option value="PR">Puerto Rico</option>
  595.                       <option value="QA">Qatar</option>
  596.                       <option value="RE">Réunion</option>
  597.                       <option value="RO">Romania</option>
  598.                       <option value="RU">Russian Federation</option>
  599.                       <option value="RW">Rwanda</option>
  600.                       <option value="BL">Saint Barthélemy</option>
  601.                       <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
  602.                       <option value="KN">Saint Kitts and Nevis</option>
  603.                       <option value="LC">Saint Lucia</option>
  604.                       <option value="MF">Saint Martin (French part)</option>
  605.                       <option value="PM">Saint Pierre and Miquelon</option>
  606.                       <option value="VC">Saint Vincent and the Grenadines</option>
  607.                       <option value="WS">Samoa</option>
  608.                       <option value="SM">San Marino</option>
  609.                       <option value="ST">Sao Tome and Principe</option>
  610.                       <option value="SA">Saudi Arabia</option>
  611.                       <option value="SN">Senegal</option>
  612.                       <option value="RS">Serbia</option>
  613.                       <option value="SC">Seychelles</option>
  614.                       <option value="SL">Sierra Leone</option>
  615.                       <option value="SG">Singapore</option>
  616.                       <option value="SX">Sint Maarten (Dutch part)</option>
  617.                       <option value="SK">Slovakia</option>
  618.                       <option value="SI">Slovenia</option>
  619.                       <option value="SB">Solomon Islands</option>
  620.                       <option value="SO">Somalia</option>
  621.                       <option value="ZA">South Africa</option>
  622.                       <option value="GS">South Georgia and the South Sandwich Islands</option>
  623.                       <option value="SS">South Sudan</option>
  624.                       <option value="ES">Spain</option>
  625.                       <option value="LK">Sri Lanka</option>
  626.                       <option value="SD">Sudan</option>
  627.                       <option value="SR">Suriname</option>
  628.                       <option value="SJ">Svalbard and Jan Mayen</option>
  629.                       <option value="SZ">Swaziland</option>
  630.                       <option value="SE">Sweden</option>
  631.                       <option value="CH">Switzerland</option>
  632.                       <option value="SY">Syrian Arab Republic</option>
  633.                       <option value="TW">Taiwan, Province of China</option>
  634.                       <option value="TJ">Tajikistan</option>
  635.                       <option value="TZ">Tanzania, United Republic of</option>
  636.                       <option value="TH">Thailand</option>
  637.                       <option value="TL">Timor-Leste</option>
  638.                       <option value="TG">Togo</option>
  639.                       <option value="TK">Tokelau</option>
  640.                       <option value="TO">Tonga</option>
  641.                       <option value="TT">Trinidad and Tobago</option>
  642.                       <option value="TN">Tunisia</option>
  643.                       <option value="TR">Turkey</option>
  644.                       <option value="TM">Turkmenistan</option>
  645.                       <option value="TC">Turks and Caicos Islands</option>
  646.                       <option value="TV">Tuvalu</option>
  647.                       <option value="UG">Uganda</option>
  648.                       <option value="UA">Ukraine</option>
  649.                       <option value="AE">United Arab Emirates</option>
  650.                       <option value="GB">United Kingdom</option>
  651.                       <option value="US">United States</option>
  652.                       <option value="UM">United States Minor Outlying Islands</option>
  653.                       <option value="UY">Uruguay</option>
  654.                       <option value="UZ">Uzbekistan</option>
  655.                       <option value="VU">Vanuatu</option>
  656.                       <option value="VE">Venezuela, Bolivarian Republic of</option>
  657.                       <option value="VN">Viet Nam</option>
  658.                       <option value="VG">Virgin Islands, British</option>
  659.                       <option value="VI">Virgin Islands, U.S.</option>
  660.                       <option value="WF">Wallis and Futuna</option>
  661.                       <option value="EH">Western Sahara</option>
  662.                       <option value="YE">Yemen</option>
  663.                       <option value="ZM">Zambia</option>
  664.                       <option value="ZW">Zimbabwe</option>
  665.                     </select>
  666.                     <div class="form-message text-start">
  667.                       <label>{{ 'contact_message_full'|tr(tr)|raw  }}</label>
  668.                       <textarea placeholder="" name="message"></textarea>
  669.                     </div>
  670.                   </div>
  671.                   <div class="col-md-12 text-center to-form-message hide form-signup">
  672.                     <input type="checkbox" id="pmr" class="apple-switch" >
  673.                     <label for="pmr">{{ 'tunnel_section8_pmr'|tr(tr)|raw  }}</label>
  674.                   </div>
  675.                   <div class="col-md-12 form-cgu hide mt-3 text-center">
  676.                     <input type="checkbox" id="agree" class="apple-switch" >
  677.                     <label for="agree">{{ 'signup_agree'|tr(tr)|raw  }}</label>
  678.                   </div>
  679.                   <div class="col-md-12">
  680.                     <p class="text-red booking_message text-center mb-0 mt-3 p-0"></p>
  681.                   </div>
  682.                   <button class="send hide">{{ 'resa_topayment'|tr(tr)|raw  }}</button>
  683.                   <input type="hidden" id="form_mode" value="" />
  684.                 </form>
  685.               </div>
  686.               {#           <div class="mt-5 row text-center gift-block">
  687.               <div class="col-12 mt-4">
  688.                 <input type="checkbox" id="gift" class="apple-switch" >
  689.                 <label for="gift">{{ 'tunnel_section8_gift'|tr(tr)|raw  }}</label>
  690.                 <div class="form-group gift mt-4">
  691.                   <label>{{ 'tunnel_section8_for'|tr(tr)|raw  }}*</label>
  692.                   <input type="text" placeholder="" class="form-control" name="gift-user">
  693.                 </div>
  694.               </div>
  695.           </div> #}
  696.             </div>
  697.           </div>
  698.         </section>
  699.       </div>
  700.     </div>
  701.   </section>
  702.   {% include 'FrontBundle/Partial/footer.html.twig' %}
  703. {% endblock %}
  704. {% block javascripts %}
  705.   <script type="text/javascript">
  706.     $( document ).ready(function() {
  707.       $('.number-minus').click(function(e){
  708.         e.preventDefault();
  709.         var value = parseInt($('.number-val').val());
  710.         value = value - 1;
  711.         if(value < 1){
  712.           value = 1;
  713.         }
  714.         $('.number-val').val(value);
  715.         $('.price i').text( parseInt(value * price) );
  716.       });
  717.       $('.number-plus').click(function(e){
  718.         e.preventDefault();
  719.         var value = parseInt($('.number-val').val());
  720.         value = value + 1;
  721.         if(value > 4){
  722.           value = 4;
  723.         }
  724.         $('.number-val').val(value);
  725.         $('.price i').text( parseInt(value * price) );
  726.       });
  727.       $('.number-val').change(function(e){
  728.         e.preventDefault();
  729.         var value = parseInt($('.number-val').val());
  730.         if(value < 1){
  731.           value = 1;
  732.         }
  733.         if(value > 4){
  734.           value = 4;
  735.         }
  736.         $('.number-val').val(value);
  737.       });
  738.       price = parseInt('{{ price }}');
  739.     });
  740.   </script>
  741.   <script type="text/javascript">
  742.     sended = false;
  743.     $(document).ready(function() {
  744.       {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  745.       $('.form-login').addClass('hide');
  746.       $('.form-signup').removeClass('hide');
  747.       $('.form-signup .signup').addClass('hide');
  748.       $('.to-form-message').prepend($('.form-message'));
  749.       $('#form_mode').val('logged');
  750.       $('.send').removeClass('hide');
  751.       $('.form-cgu').addClass('hide');
  752.       {% endif %}
  753.       $('#kt_login_signup').on('click', function (e) {
  754.         e.preventDefault();
  755.         $('.form-login').addClass('hide');
  756.         $('.form-signup').removeClass('hide');
  757.         $('#form_mode').val('register');
  758.         $('.send').removeClass('hide');
  759.         $('.form-cgu').removeClass('hide');
  760.       });
  761.       $('.return-login').on('click', function (e) {
  762.         e.preventDefault();
  763.         $('.form-login').removeClass('hide');
  764.         $('.form-signup').addClass('hide');
  765.         $('.form-cgu').addClass('hide');
  766.       });
  767.       $('#kt_login_signin_submit').on('click', function (e) {
  768.         e.preventDefault();
  769.         var form = {
  770.           email: $('input[name="login_username"]').val(),
  771.           password: $('input[name="login_password"]').val(),
  772.         };
  773.         $.post('/tunnel/credentials/check/{{app.request.locale}}', form, function( data ) {
  774.           console.log(data);
  775.           $('.login_message').hide();
  776.           if(data.success == true){
  777.             $('.form-signup input[name="lastname"]').val(data.user.infos.lastname);
  778.             $('.form-signup input[name="firstname"]').val(data.user.infos.firstname);
  779.             $('.form-signup input[name="company"]').val(data.user.infos.company);
  780.             $('.form-signup input[name="phone"]').val(data.user.infos.phone);
  781.             $('.form-signup input[name="email"]').val(data.user.email);
  782.             $('.form-signup input[name="email"]').attr('disabled','disabled');
  783.             $('.form-signup input[name="address"]').val(data.user.infos.address);
  784.             $('.form-signup input[name="zipcode"]').val(data.user.infos.zipcode);
  785.             $('.form-signup input[name="city"]').val(data.user.infos.city);
  786.             if(data.user.country_code != ''){
  787.               $('.form-signup [name="country_code"]').val(data.user.infos.country_code);
  788.               $('.form-signup [name="country"]').val(data.user.infos.country_code);
  789.             }
  790.             $('.form-login').addClass('hide');
  791.             $('.form-signup').removeClass('hide');
  792.             $('.form-signup .signup').addClass('hide');
  793.             $('.to-form-message').prepend($('.form-message'));
  794.             $('#form_mode').val('logged');
  795.             $('.send').removeClass('hide');
  796.             $('.login-link').addClass('hide');
  797.             $('.form-cgu').addClass('hide');
  798.           } else {
  799.             $('.login_message').show();
  800.             $('.login_message').text(data.error);
  801.           }
  802.         }, "json");
  803.       });
  804.       $('.send').on('click', function (e) {
  805.         e.preventDefault();
  806.         var value = parseInt($('.number-val').val());
  807.         var palace_resa = {
  808.           resume: true,
  809.           show: {
  810.             id: 1951,
  811.             type: "ma",
  812.             season: 2025,
  813.             title: "Miss Alsace",
  814.             desc: "",
  815.             img: "/front/img/miss-alsace-min-2025.jpg",
  816.             date: "2025-06-26",
  817.             hour: "18:00",
  818.             day: "d3",
  819.             dateStr: "Jeudi 26 Juin 2025 / 18H00",
  820.             food: "true",
  821.             pn: value,
  822.             ph: 0,
  823.             vip: 0,
  824.           },
  825.           step1: {
  826.             group: 'individuel',
  827.             participants: value,
  828.             formula: "avecrepas",
  829.             gift: false,
  830.           },
  831.           step2: {
  832.             // resto: null,
  833.             resto: 'majestic',
  834.             selection: [],
  835.           },
  836.           step3: step3 = {
  837.             pn: value,
  838.             ph: 0,
  839.             vip: 0,
  840.           },
  841.         }
  842.         var infos = {
  843.           form_mode: $('#form_mode').val(),
  844.           lastname: $('#form-booking input[name="lastname"]').val(),
  845.           firstname: $('#form-booking input[name="firstname"]').val(),
  846.           company: $('#form-booking input[name="company"]').val(),
  847.           phone: $('#form-booking input[name="phone"]').val(),
  848.           email: $('#form-booking input[name="email"]').val(),
  849.           password: $('#form-booking input[name="password"]').val(),
  850.           confirm: $('#form-booking input[name="confirm"]').val(),
  851.           address: $('#form-booking input[name="address"]').val(),
  852.           zipcode: $('#form-booking input[name="zipcode"]').val(),
  853.           city: $('#form-booking input[name="city"]').val(),
  854.           country: $('#form-booking select[name="country"] option:selected').text(),
  855.           country_code: $('#form-booking select[name="country"] option:selected').val(),
  856.           message: $('#form-booking textarea[name="message"]').val(),
  857.           pmr: $('#pmr').prop('checked'),
  858.           gift: $('#gift').prop('checked'),
  859.           agree: $('#agree').prop('checked'),
  860.           gift_user: $('input[name="gift-user"]').val(),
  861.         };
  862.         var form = {
  863.           venue_id: 1951,
  864.           participants: value,
  865.           palace_resa: palace_resa,
  866.           infos: infos,
  867.           email: $('#form-booking input[name="email"]').val(),
  868.           password: $('#form-booking input[name="password"]').val(),
  869.         };
  870.         if(sended == false){
  871.           $.post('/ticket/send/{{app.request.locale}}', form, function( data ) {
  872.             sended = false;
  873.             console.log(form);
  874.             console.log(data);
  875.             $('.booking_message').hide();
  876.             if(data.success == true){
  877.               $('.send').remove();
  878.               window.location.href = "/{{app.request.locale }}/mon-compte/paiement/"+data.token;
  879.               return 0;
  880.             } else {
  881.               $('.booking_message').show();
  882.               $('.booking_message').text(data.error);
  883.             }
  884.           }, "json");
  885.           sended = true;
  886.         }
  887.       });
  888.     });
  889.   </script>
  890. {% endblock %}