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

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