templates/FrontBundle/Page/housh-ma-housh.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: -80px;
  238. }
  240. .affiche {
  241.   -webkit-box-shadow: 0px 10px 25px -10px rgb(0 0 0 / 50%), 20px 20px 25px 5px rgb(0 0 0 / 0%); 
  242.   box-shadow: 0px 10px 25px -10px rgb(0 0 0 / 50%), 20px 20px 25px 5px rgb(0 0 0 / 0%);
  243.   margin-bottom: 3rem!important;
  244. }
  246. .tarifs-header {
  247.   top: inherit;
  248.   bottom: -104px;
  249. }
  251. .menus-tarifs-prices {
  252.   position: relative;
  253. }
  255. .ticket_content {
  256.   max-width: 66%;
  257.   height: 100%;
  258.   padding-bottom: 0px;
  259.   display: flex;
  260.   align-items: center;
  261. }
  263. @media (max-width: 1024px)
  264. {
  265.   #final {
  266.     margin-top: 0px;
  267.   }
  268.   .ticket_content {
  269.     padding-left: 0px;
  270.   }
  271. }
  273. @media (max-width: 768px)
  274. {
  275.   .ticket_content {
  276.     max-width: 100%;
  277.   }
  278. }
  280. @media (max-width: 430px)
  281. {
  283.   #section8 form .send {
  284.     font-size: 14px;
  285.   }
  287.   .resa-recap2 {
  288.       transform: scale(0.75) translateX(-16%);
  289.   }
  290. }
  293.   </style>
  295. {% endblock %}
  298. {% block body %}
  300.   {# <h1 class="h1top">{{ h1|raw }}</h1> #}
  304.     <section class="espace-header menus-tarifs-callendar p-0" style="background-image: url('/front/img/housh-ma-housh-cover.jpg');">
  306.       <div class="menus-tarifs-header-btn">
  308.       </div>
  311.     </section>
  313.     <section class="menus-tarifs-prices p-0 ">
  314.       <div class="container" style="position: inherit;">
  316.       
  318.         <div class="row tarifs-header">
  319.           <div class="col-md-12">
  322.             <h2>{{ title|upper }}</h2>
  324.             <h5><span>{{ subtitle|upper }}</span></h5>
  326.             <p class="m-0">{{desc}}</p>
  327.             
  329.           </div>
  330.         </div>
  333.       </div>
  334.     </section>
  336.     <section class="espace-content container third thin mt-5" style="padding-bottom: 180px; padding-top:150px;">
  337.       
  338.       <div class="row">
  339.         <div class="col-md-3">
  340.           <a href="/front/img/housh-ma-housh.jpg" target="_blank"><img src="/front/img/housh-ma-housh.jpg" width="100%" alt="Housh Ma Housh" class="affiche" /></a>
  341.         </div>
  342.         <div class="col-md-9">
  343.           <p class="p-0 pb-5 ps-3 ticket_content">{{ 'housh_content'|tr(tr)|raw }}</p>
  344.         </div>
  345.       </div>
  346.       <div class="row">
  347.         <div class="col-md-7">
  348.                 {% if isfull %}
  349.                   <h2>{{ 'general_full'|tr(tr)|upper|raw }}</h2>
  350.                 {% else %}
  352.           <div class="row">
  353.             <div class="col-md-12 relative number mb-5" id="venue_select">   
  354.               <h2>{{ 'ticket_date_title'|tr(tr)|upper|raw }}</h2>
  356.               <div class="mt-3">
  357.               <input id="venue_id" type="hidden" value="" />
  358.               <input id="venue_date" type="hidden" value="" />
  359.               <input id="venue_hour" type="hidden" value="" />
  360.               <input id="venue_str" type="hidden" value="" />
  361.               {% for venue in venues %}
  362.                       {% if venue.deleted != 1 %}
  363.                 <button class="btn-primary btn-sm text-center mb-2 me-2 venue-select" data-id="{{ venue.id }}" data-date="{{ venue.start|date('Y-m-d') }}" data-hour="{{ venue.start|date('H:i') }}" data-str="{{ venue.strStart }}">{{ venue.start|date('d/m/Y H:i') }}</button>
  364.                 {% endif %}
  365.               {% endfor %}
  366.               <p id="venue_id_error" class="text-red p-0 mt-2 text-bold hide">Veuillez sélectionner une date</p>
  367.               </div>
  368.             </div>
  369.           </div>
  372.           <div class="row">
  373.             <div class="col-md-12 relative number mb-5">   
  374.               <h2>{{ 'tunnel_section1_gr_title'|tr(tr)|upper|raw }}</h2>
  375.               <div class="mt-3">
  376.                 <a href="#" class="number-minus">-</a>
  377.                 <input type="text" class="number-val" value="1" />
  378.                 <a href="#" class="number-plus">+</a>
  379.               </div>
  380.             </div>
  381.           </div>
  383.            {% endif %}
  385.         </div>
  386.         <div class="offset-xl-1 col-md-4">
  389. <section class="resa-recap2" style="position:relative;">
  390. <div class="ps -5">
  391.   <h4>{{ 'recap_title'|tr(tr)|upper|raw }}</h4>
  392.   <div class="cover" style="background-image: url(/front/img/housh-ma-housh-min.jpg);"> </div>
  393.   <div class="infos">
  394.     <p class="title p-0">{{ title }}</p>
  395.     <p class="desc p-0">{{ desc }}</p>
  396.     <p class="date p-0">{{ subtitle }}</p>
  399.   <div class="price">    
  400.     <p class="p-0">{{ 'shop_cart_total'|tr(tr)|upper|raw }}</p>
  401.     <span><i>{{ price }}</i>,00€</span>
  402.   </div>
  405.    {# <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> #}
  406.   </div>
  408. {#   <div class="actions">
  409.     <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>
  410.     <a href="#" class="selectOptions btn-primary btn-next active next">SÉLECTIONNEZ VOS OPTIONS</a>
  411.     <span class="text-red resa-error"></span>
  412.   </div> #}
  413.   </div>
  414. </section>
  417.         </div>
  419.       </div>
  422. {% if not isfull %}
  424.       <div class="row">
  425.         <div class="col-md-7" id="final">   
  430.         <input type="hidden" id="v_id" name="venue_id" value="{{ v_id }}">
  432.     <section id="section8" class="espace-content third thin mt-5 pt-4" style="margin-bottom: 180px;">
  433.       <div class="row">
  434.         <div class="col-md-12 relative">   
  435.           <h2>{{ 'miss_alsace_tunnel'|tr(tr)|upper|raw }}</h2>
  436.           <span class="subtitle">{{ 'tunnel_section8_subtitle'|tr(tr)|raw }}</span>
  438.           <div class="mt-3 row">
  440.             <form class="m-0 row" id="form-booking">
  442.             {% if not is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  443.               <div class="col-md-12 mb-5 form-login">
  444.                 <h6 class="text-center">{{ 'signup_title'|tr(tr)|raw }}</h6>
  445.               </div>
  448.               <div class="col-md-6  form-login">
  450.                 <label>{{ 'contact_email'|tr(tr)|raw }}*</label>
  451.                 <input type="email" placeholder="{{ 'contact_email'|tr(tr)|raw  }}*" name="login_username" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.email }}{% endif %}"  />
  452.                 <label>{{ 'signup_password'|tr(tr)|raw }}*</label>
  453.                 <input type="password" name="login_password" autocomplete="off" placeholder="{{ 'signup_password'|tr(tr)|raw }}" />
  455.                 <p class="text-red login_message p-0"></p>
  456.                 <button id="kt_login_signin_submit" class="btn-primary btn-sm text-center ">{{ 'signup_connexion'|tr(tr)|raw }}</button>
  458.                 <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>
  459.                 
  460.                 <input type="hidden" name="_target_path" value="{{ app.request.get('redirect_to') }}"/>
  461.                 <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/>
  463.               </div>
  464.               <div class="col-md-6 d-flex justify-content-center align-items-center  form-login" style="flex-direction: column;">
  465.                 <button id="kt_login_signup" class="btn-primary btn-sm text-center active ">{{ 'signup_create'|tr(tr)|raw }}*</button>
  466.                 <p class="p-0 w-100 text-center mt-2">* {{ 'signup_create3'|tr(tr)|raw }}</p>
  467.               </div>
  469.             {% endif %}
  471.               {% if not is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  472.               <div class="col-md-12 hide form-signup login-link">
  473.                 <a href="#" class="text-center text-red return-login w-100 mb-4 float-left">{{ 'signup_deja'|tr(tr)|raw }}</a>
  474.               </div>
  475.               {% endif %}
  476.               <div class="col-md-6 hide form-signup">
  477.                 <label>{{ 'contact_nom'|tr(tr)|raw  }}*</label>
  478.                 <input type="text" placeholder="" name="lastname" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('lastname') }}{% endif %}" />
  479.                 <label>{{ 'contact_prenom'|tr(tr)|raw  }}*</label>
  480.                 <input type="text" placeholder="" name="firstname" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('firstname') }}{% endif %}"  />
  481.                 <label>{{ 'contact_societe'|tr(tr)|raw  }}</label>
  482.                 <input type="text" placeholder="" name="company" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('company') }}{% endif %}"  />
  483.                 <label>{{ 'contact_tel'|tr(tr)|raw  }}*</label>
  484.                 <input type="tel" placeholder="" name="phone" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('phone') }}{% endif %}"  />
  485.                 <label class="signup">{{ 'contact_email'|tr(tr)|raw  }}*</label>
  486.                 <input class="signup" type="email" placeholder="" name="email" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.email }}{% endif %}"  />
  487.                 <label class="signup">{{ 'signup_password'|tr(tr)|raw }}*</label>
  488.                 <input type="password" placeholder="" name="password" value="" class="signup" />
  489.                 <label class="signup">{{ 'signup_confirm'|tr(tr)|raw }}*</label>
  490.                 <input type="password" placeholder="" name="confirm" value="" class="signup" />
  491.               </div>
  492.               <div class="col-md-6 hide form-signup">
  493.                 <label>{{ 'contact_adresse'|tr(tr)|raw  }}*</label>
  494.                 <input type="text" placeholder="" name="address" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('address1') }}{% endif %}"  />
  495.                 <label>{{ 'contact_code'|tr(tr)|raw  }}*</label>
  496.                 <input type="text" placeholder="" name="zipcode" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('zipcode') }}{% endif %}"  />
  497.                 <label>{{ 'contact_ville'|tr(tr)|raw  }}*</label>
  498.                 <input type="text" placeholder="" name="city" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('city') }}{% endif %}"  />
  499.                 <label>{{ 'contact_pays'|tr(tr)|raw  }}*</label>
  500.                 <input type="hidden" name="country_code" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('country_code') }}{% endif %}">
  501.                                   <select name="country" required class="form-control country">
  502.                                     <option value="AF">Afghanistan</option>
  503.                                     <option value="AX">Åland Islands</option>
  504.                                     <option value="AL">Albania</option>
  505.                                     <option value="DZ">Algeria</option>
  506.                                     <option value="AS">American Samoa</option>
  507.                                     <option value="AD">Andorra</option>
  508.                                     <option value="AO">Angola</option>
  509.                                     <option value="AI">Anguilla</option>
  510.                                     <option value="AQ">Antarctica</option>
  511.                                     <option value="AG">Antigua and Barbuda</option>
  512.                                     <option value="AR">Argentina</option>
  513.                                     <option value="AM">Armenia</option>
  514.                                     <option value="AW">Aruba</option>
  515.                                     <option value="AU">Australia</option>
  516.                                     <option value="AT">Austria</option>
  517.                                     <option value="AZ">Azerbaijan</option>
  518.                                     <option value="BS">Bahamas</option>
  519.                                     <option value="BH">Bahrain</option>
  520.                                     <option value="BD">Bangladesh</option>
  521.                                     <option value="BB">Barbados</option>
  522.                                     <option value="BY">Belarus</option>
  523.                                     <option value="BE">Belgium</option>
  524.                                     <option value="BZ">Belize</option>
  525.                                     <option value="BJ">Benin</option>
  526.                                     <option value="BM">Bermuda</option>
  527.                                     <option value="BT">Bhutan</option>
  528.                                     <option value="BO">Bolivia, Plurinational State of</option>
  529.                                     <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
  530.                                     <option value="BA">Bosnia and Herzegovina</option>
  531.                                     <option value="BW">Botswana</option>
  532.                                     <option value="BV">Bouvet Island</option>
  533.                                     <option value="BR">Brazil</option>
  534.                                     <option value="IO">British Indian Ocean Territory</option>
  535.                                     <option value="BN">Brunei Darussalam</option>
  536.                                     <option value="BG">Bulgaria</option>
  537.                                     <option value="BF">Burkina Faso</option>
  538.                                     <option value="BI">Burundi</option>
  539.                                     <option value="KH">Cambodia</option>
  540.                                     <option value="CM">Cameroon</option>
  541.                                     <option value="CA">Canada</option>
  542.                                     <option value="CV">Cape Verde</option>
  543.                                     <option value="KY">Cayman Islands</option>
  544.                                     <option value="CF">Central African Republic</option>
  545.                                     <option value="TD">Chad</option>
  546.                                     <option value="CL">Chile</option>
  547.                                     <option value="CN">China</option>
  548.                                     <option value="CX">Christmas Island</option>
  549.                                     <option value="CC">Cocos (Keeling) Islands</option>
  550.                                     <option value="CO">Colombia</option>
  551.                                     <option value="KM">Comoros</option>
  552.                                     <option value="CG">Congo</option>
  553.                                     <option value="CD">Congo, the Democratic Republic of the</option>
  554.                                     <option value="CK">Cook Islands</option>
  555.                                     <option value="CR">Costa Rica</option>
  556.                                     <option value="CI">Côte d'Ivoire</option>
  557.                                     <option value="HR">Croatia</option>
  558.                                     <option value="CU">Cuba</option>
  559.                                     <option value="CW">Curaçao</option>
  560.                                     <option value="CY">Cyprus</option>
  561.                                     <option value="CZ">Czech Republic</option>
  562.                                     <option value="DK">Denmark</option>
  563.                                     <option value="DJ">Djibouti</option>
  564.                                     <option value="DM">Dominica</option>
  565.                                     <option value="DO">Dominican Republic</option>
  566.                                     <option value="EC">Ecuador</option>
  567.                                     <option value="EG">Egypt</option>
  568.                                     <option value="SV">El Salvador</option>
  569.                                     <option value="GQ">Equatorial Guinea</option>
  570.                                     <option value="ER">Eritrea</option>
  571.                                     <option value="EE">Estonia</option>
  572.                                     <option value="ET">Ethiopia</option>
  573.                                     <option value="FK">Falkland Islands (Malvinas)</option>
  574.                                     <option value="FO">Faroe Islands</option>
  575.                                     <option value="FJ">Fiji</option>
  576.                                     <option value="FI">Finland</option>
  577.                                     <option value="FR" {% if app.request.locale not in ['de'] %}selected{% endif %}>France</option>
  578.                                     <option value="GF">French Guiana</option>
  579.                                     <option value="PF">French Polynesia</option>
  580.                                     <option value="TF">French Southern Territories</option>
  581.                                     <option value="GA">Gabon</option>
  582.                                     <option value="GM">Gambia</option>
  583.                                     <option value="GE">Georgia</option>
  584.                                     <option value="DE" {% if app.request.locale == 'de' %}selected{% endif %}>Germany</option>
  585.                                     <option value="GH">Ghana</option>
  586.                                     <option value="GI">Gibraltar</option>
  587.                                     <option value="GR">Greece</option>
  588.                                     <option value="GL">Greenland</option>
  589.                                     <option value="GD">Grenada</option>
  590.                                     <option value="GP">Guadeloupe</option>
  591.                                     <option value="GU">Guam</option>
  592.                                     <option value="GT">Guatemala</option>
  593.                                     <option value="GG">Guernsey</option>
  594.                                     <option value="GN">Guinea</option>
  595.                                     <option value="GW">Guinea-Bissau</option>
  596.                                     <option value="GY">Guyana</option>
  597.                                     <option value="HT">Haiti</option>
  598.                                     <option value="HM">Heard Island and McDonald Islands</option>
  599.                                     <option value="VA">Holy See (Vatican City State)</option>
  600.                                     <option value="HN">Honduras</option>
  601.                                     <option value="HK">Hong Kong</option>
  602.                                     <option value="HU">Hungary</option>
  603.                                     <option value="IS">Iceland</option>
  604.                                     <option value="IN">India</option>
  605.                                     <option value="ID">Indonesia</option>
  606.                                     <option value="IR">Iran, Islamic Republic of</option>
  607.                                     <option value="IQ">Iraq</option>
  608.                                     <option value="IE">Ireland</option>
  609.                                     <option value="IM">Isle of Man</option>
  610.                                     <option value="IL">Israel</option>
  611.                                     <option value="IT">Italy</option>
  612.                                     <option value="JM">Jamaica</option>
  613.                                     <option value="JP">Japan</option>
  614.                                     <option value="JE">Jersey</option>
  615.                                     <option value="JO">Jordan</option>
  616.                                     <option value="KZ">Kazakhstan</option>
  617.                                     <option value="KE">Kenya</option>
  618.                                     <option value="KI">Kiribati</option>
  619.                                     <option value="KP">Korea, Democratic People's Republic of</option>
  620.                                     <option value="KR">Korea, Republic of</option>
  621.                                     <option value="KW">Kuwait</option>
  622.                                     <option value="KG">Kyrgyzstan</option>
  623.                                     <option value="LA">Lao People's Democratic Republic</option>
  624.                                     <option value="LV">Latvia</option>
  625.                                     <option value="LB">Lebanon</option>
  626.                                     <option value="LS">Lesotho</option>
  627.                                     <option value="LR">Liberia</option>
  628.                                     <option value="LY">Libya</option>
  629.                                     <option value="LI">Liechtenstein</option>
  630.                                     <option value="LT">Lithuania</option>
  631.                                     <option value="LU">Luxembourg</option>
  632.                                     <option value="MO">Macao</option>
  633.                                     <option value="MK">Macedonia, the former Yugoslav Republic of</option>
  634.                                     <option value="MG">Madagascar</option>
  635.                                     <option value="MW">Malawi</option>
  636.                                     <option value="MY">Malaysia</option>
  637.                                     <option value="MV">Maldives</option>
  638.                                     <option value="ML">Mali</option>
  639.                                     <option value="MT">Malta</option>
  640.                                     <option value="MH">Marshall Islands</option>
  641.                                     <option value="MQ">Martinique</option>
  642.                                     <option value="MR">Mauritania</option>
  643.                                     <option value="MU">Mauritius</option>
  644.                                     <option value="YT">Mayotte</option>
  645.                                     <option value="MX">Mexico</option>
  646.                                     <option value="FM">Micronesia, Federated States of</option>
  647.                                     <option value="MD">Moldova, Republic of</option>
  648.                                     <option value="MC">Monaco</option>
  649.                                     <option value="MN">Mongolia</option>
  650.                                     <option value="ME">Montenegro</option>
  651.                                     <option value="MS">Montserrat</option>
  652.                                     <option value="MA">Morocco</option>
  653.                                     <option value="MZ">Mozambique</option>
  654.                                     <option value="MM">Myanmar</option>
  655.                                     <option value="NA">Namibia</option>
  656.                                     <option value="NR">Nauru</option>
  657.                                     <option value="NP">Nepal</option>
  658.                                     <option value="NL">Netherlands</option>
  659.                                     <option value="NC">New Caledonia</option>
  660.                                     <option value="NZ">New Zealand</option>
  661.                                     <option value="NI">Nicaragua</option>
  662.                                     <option value="NE">Niger</option>
  663.                                     <option value="NG">Nigeria</option>
  664.                                     <option value="NU">Niue</option>
  665.                                     <option value="NF">Norfolk Island</option>
  666.                                     <option value="MP">Northern Mariana Islands</option>
  667.                                     <option value="NO">Norway</option>
  668.                                     <option value="OM">Oman</option>
  669.                                     <option value="PK">Pakistan</option>
  670.                                     <option value="PW">Palau</option>
  671.                                     <option value="PS">Palestinian Territory, Occupied</option>
  672.                                     <option value="PA">Panama</option>
  673.                                     <option value="PG">Papua New Guinea</option>
  674.                                     <option value="PY">Paraguay</option>
  675.                                     <option value="PE">Peru</option>
  676.                                     <option value="PH">Philippines</option>
  677.                                     <option value="PN">Pitcairn</option>
  678.                                     <option value="PL">Poland</option>
  679.                                     <option value="PT">Portugal</option>
  680.                                     <option value="PR">Puerto Rico</option>
  681.                                     <option value="QA">Qatar</option>
  682.                                     <option value="RE">Réunion</option>
  683.                                     <option value="RO">Romania</option>
  684.                                     <option value="RU">Russian Federation</option>
  685.                                     <option value="RW">Rwanda</option>
  686.                                     <option value="BL">Saint Barthélemy</option>
  687.                                     <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
  688.                                     <option value="KN">Saint Kitts and Nevis</option>
  689.                                     <option value="LC">Saint Lucia</option>
  690.                                     <option value="MF">Saint Martin (French part)</option>
  691.                                     <option value="PM">Saint Pierre and Miquelon</option>
  692.                                     <option value="VC">Saint Vincent and the Grenadines</option>
  693.                                     <option value="WS">Samoa</option>
  694.                                     <option value="SM">San Marino</option>
  695.                                     <option value="ST">Sao Tome and Principe</option>
  696.                                     <option value="SA">Saudi Arabia</option>
  697.                                     <option value="SN">Senegal</option>
  698.                                     <option value="RS">Serbia</option>
  699.                                     <option value="SC">Seychelles</option>
  700.                                     <option value="SL">Sierra Leone</option>
  701.                                     <option value="SG">Singapore</option>
  702.                                     <option value="SX">Sint Maarten (Dutch part)</option>
  703.                                     <option value="SK">Slovakia</option>
  704.                                     <option value="SI">Slovenia</option>
  705.                                     <option value="SB">Solomon Islands</option>
  706.                                     <option value="SO">Somalia</option>
  707.                                     <option value="ZA">South Africa</option>
  708.                                     <option value="GS">South Georgia and the South Sandwich Islands</option>
  709.                                     <option value="SS">South Sudan</option>
  710.                                     <option value="ES">Spain</option>
  711.                                     <option value="LK">Sri Lanka</option>
  712.                                     <option value="SD">Sudan</option>
  713.                                     <option value="SR">Suriname</option>
  714.                                     <option value="SJ">Svalbard and Jan Mayen</option>
  715.                                     <option value="SZ">Swaziland</option>
  716.                                     <option value="SE">Sweden</option>
  717.                                     <option value="CH">Switzerland</option>
  718.                                     <option value="SY">Syrian Arab Republic</option>
  719.                                     <option value="TW">Taiwan, Province of China</option>
  720.                                     <option value="TJ">Tajikistan</option>
  721.                                     <option value="TZ">Tanzania, United Republic of</option>
  722.                                     <option value="TH">Thailand</option>
  723.                                     <option value="TL">Timor-Leste</option>
  724.                                     <option value="TG">Togo</option>
  725.                                     <option value="TK">Tokelau</option>
  726.                                     <option value="TO">Tonga</option>
  727.                                     <option value="TT">Trinidad and Tobago</option>
  728.                                     <option value="TN">Tunisia</option>
  729.                                     <option value="TR">Turkey</option>
  730.                                     <option value="TM">Turkmenistan</option>
  731.                                     <option value="TC">Turks and Caicos Islands</option>
  732.                                     <option value="TV">Tuvalu</option>
  733.                                     <option value="UG">Uganda</option>
  734.                                     <option value="UA">Ukraine</option>
  735.                                     <option value="AE">United Arab Emirates</option>
  736.                                     <option value="GB">United Kingdom</option>
  737.                                     <option value="US">United States</option>
  738.                                     <option value="UM">United States Minor Outlying Islands</option>
  739.                                     <option value="UY">Uruguay</option>
  740.                                     <option value="UZ">Uzbekistan</option>
  741.                                     <option value="VU">Vanuatu</option>
  742.                                     <option value="VE">Venezuela, Bolivarian Republic of</option>
  743.                                     <option value="VN">Viet Nam</option>
  744.                                     <option value="VG">Virgin Islands, British</option>
  745.                                     <option value="VI">Virgin Islands, U.S.</option>
  746.                                     <option value="WF">Wallis and Futuna</option>
  747.                                     <option value="EH">Western Sahara</option>
  748.                                     <option value="YE">Yemen</option>
  749.                                     <option value="ZM">Zambia</option>
  750.                                     <option value="ZW">Zimbabwe</option>
  751.                                   </select>
  752.                 <div class="form-message text-start">
  753.                   <label>{{ 'contact_message_full'|tr(tr)|raw  }}</label>
  754.                   <textarea placeholder="" name="message"></textarea>
  755.                 </div>
  756.               </div>
  757.               <div class="col-md-12 text-center to-form-message hide form-signup">
  758.                 <input type="checkbox" id="pmr" class="apple-switch" >
  759.                 <label for="pmr">{{ 'tunnel_section8_pmr'|tr(tr)|raw  }}</label>
  760.               </div>
  761.               <div class="col-md-12 form-cgu hide mt-3 text-center">
  763.                 <input type="checkbox" id="agree" class="apple-switch" >
  764.                 <label for="agree">{{ 'signup_agree'|tr(tr)|raw  }}</label>
  766.               </div>
  767.               <div class="col-md-12">
  768.                 <p class="text-red booking_message text-center mb-0 mt-3 p-0"></p>
  769.               </div>
  770.               <button class="send hide">{{ 'resa_topayment'|tr(tr)|raw  }}</button>
  771.               <input type="hidden" id="form_mode" value="" />
  772.             </form>
  774.           </div>
  776. {#           <div class="mt-5 row text-center gift-block">
  778.               <div class="col-12 mt-4">
  779.                 <input type="checkbox" id="gift" class="apple-switch" >
  780.                 <label for="gift">{{ 'tunnel_section8_gift'|tr(tr)|raw  }}</label>
  781.                 <div class="form-group gift mt-4">
  782.                   <label>{{ 'tunnel_section8_for'|tr(tr)|raw  }}*</label>
  783.                   <input type="text" placeholder="" class="form-control" name="gift-user">
  784.                 </div>
  785.               </div>
  787.           </div> #}
  789.         </div>
  790.       </div>
  791.     </section>
  798.         </div>
  799.       </div>
  800. {% endif %}
  801.     </section>
  803.     {% include 'FrontBundle/Partial/footer.html.twig' %}
  806. {% endblock %}
  809. {% block javascripts %}
  812.   <script type="text/javascript">
  814.     $( document ).ready(function() {
  816.       $('.number-minus').click(function(e){
  817.         e.preventDefault();
  818.         var value = parseInt($('.number-val').val());
  819.         value = value - 1;
  820.         if(value < 1){
  821.           value = 1;
  822.         }
  823.         $('.number-val').val(value);
  824.         $('.price i').text( parseInt(value * price) );
  825.       });
  827.       $('.number-plus').click(function(e){
  828.         e.preventDefault();
  829.         var value = parseInt($('.number-val').val());
  830.         value = value + 1;
  831.         // if(value > 4){
  832.         //   value = 4;
  833.         // }
  834.         $('.number-val').val(value);
  835.         $('.price i').text( parseInt(value * price) );
  836.       });
  838.       $('.number-val').change(function(e){
  839.         e.preventDefault();
  840.         var value = parseInt($('.number-val').val());
  841.         if(value < 1 || $('.number-val').val() == ''){
  842.           value = 1;
  843.         }
  844.         console.log($('.number-val').val());
  845.         // if(value > 4){
  846.         //   value = 4;
  847.         // }
  848.         $('.number-val').val(value);
  849.         $('.price i').text( parseInt(value * price) );
  850.       });
  852.       price = parseInt('{{ price }}');
  854.     });
  856.   </script>
  861.   <script type="text/javascript">
  863.     sended = false;
  865.     $(document).ready(function() {
  868. {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  869.       $('.form-login').addClass('hide');
  870.       $('.form-signup').removeClass('hide');
  871.       $('.form-signup .signup').addClass('hide');
  872.       $('.to-form-message').prepend($('.form-message'));
  873.       $('#form_mode').val('logged');
  874.       $('.send').removeClass('hide');
  875.       $('.form-cgu').addClass('hide');
  876. {% endif %}
  878.       $('#kt_login_signup').on('click', function (e) {
  879.           e.preventDefault();
  880.           $('.form-login').addClass('hide');
  881.           $('.form-signup').removeClass('hide');
  882.           $('#form_mode').val('register');
  883.           $('.send').removeClass('hide');
  884.           $('.form-cgu').removeClass('hide');
  885.       });
  887.       $('.return-login').on('click', function (e) {
  888.           e.preventDefault();
  889.           $('.form-login').removeClass('hide');
  890.           $('.form-signup').addClass('hide');
  891.           $('.form-cgu').addClass('hide');
  892.       });
  895.       $('#kt_login_signin_submit').on('click', function (e) {
  896.           e.preventDefault();
  899.           var form = {
  900.             email: $('input[name="login_username"]').val(),
  901.             password: $('input[name="login_password"]').val(),
  902.           };
  904.           $.post('/tunnel/credentials/check/{{app.request.locale}}', form, function( data ) {
  906.             console.log(data);
  907.             $('.login_message').hide();
  908.             if(data.success == true){
  910.               $('.form-signup input[name="lastname"]').val(data.user.infos.lastname);
  911.               $('.form-signup input[name="firstname"]').val(data.user.infos.firstname);
  912.               $('.form-signup input[name="company"]').val(data.user.infos.company);
  913.               $('.form-signup input[name="phone"]').val(data.user.infos.phone);
  914.               $('.form-signup input[name="email"]').val(data.user.email);
  915.               $('.form-signup input[name="email"]').attr('disabled','disabled');
  916.               $('.form-signup input[name="address"]').val(data.user.infos.address);
  917.               $('.form-signup input[name="zipcode"]').val(data.user.infos.zipcode);
  918.               $('.form-signup input[name="city"]').val(data.user.infos.city);
  919.               if(data.user.country_code != ''){
  920.                 $('.form-signup [name="country_code"]').val(data.user.infos.country_code);
  921.                 $('.form-signup [name="country"]').val(data.user.infos.country_code);
  922.               }
  923.               $('.form-login').addClass('hide');
  924.               $('.form-signup').removeClass('hide');
  925.               $('.form-signup .signup').addClass('hide');
  926.               $('.to-form-message').prepend($('.form-message'));
  927.               $('#form_mode').val('logged');
  928.               $('.send').removeClass('hide');
  929.               $('.login-link').addClass('hide');
  930.               $('.form-cgu').addClass('hide');
  932.             } else {
  933.               $('.login_message').show();
  934.               $('.login_message').text(data.error);
  935.             }
  936.           }, "json");
  939.       });
  944.       $('.venue-select').on('click', function (e) {
  945.           e.preventDefault();
  946.           $('#venue_id').val($(this).data('id'));
  947.           $('#venue_date').val($(this).data('date'));
  948.           $('#venue_hour').val($(this).data('hour'));
  949.           $('#venue_str').val($(this).data('str'));
  950.           $('.venue-select').removeClass('active');
  951.           $(this).addClass('active');
  952.       });
  954.       $('.send').on('click', function (e) {
  955.           e.preventDefault();
  956.           $('#venue_id_error').addClass('hide');
  958.           if($('#venue_id').val() == ''){
  959.             $('#venue_id_error').removeClass('hide');
  960.             $([document.documentElement, document.body]).animate({
  961.                 scrollTop: $("#venue_select").offset().top - 150
  962.             }, 500);
  964.             return 0;
  965.           }
  967.           var value = parseInt($('.number-val').val());
  970.           var palace_resa = {
  971.             resume: true,
  972.             show: {
  973.               id: $('#venue_id').val(),
  974.               type: "housh-ma-housh",
  975.               season: 2023,
  976.               title: "Housh Ma Housh",
  977.               desc: "",
  978.               img: "/front/img/housh-ma-housh-min.jpg",
  979.               date: $('#venue_date').val(),
  980.               hour: $('#venue_hour').val(),
  981.               day: "d1",
  982.               dateStr: $('#venue_str').val(),
  983.               food: "false",
  984.               pn: value,
  985.               ph: 0,
  986.               vip: 0,
  987.             },
  988.             step1: {
  989.                     group: 'individuel',
  990.                     participants: value,
  991.                     formula: "sansrepas",
  992.                     gift: false,
  993.                   },
  994.             step2: {
  995.                     resto: null,
  996.                     // resto: 'majestic',
  997.                     selection: [],
  998.                   },
  999.             step3: step3 = {
  1000.                   pn: value,
  1001.                   ph: 0,
  1002.                   vip: 0,
  1003.                 },
  1004.           }
  1006.           var infos = {
  1007.             form_mode: $('#form_mode').val(),
  1008.             lastname: $('#form-booking input[name="lastname"]').val(),
  1009.             firstname: $('#form-booking input[name="firstname"]').val(),
  1010.             company: $('#form-booking input[name="company"]').val(),
  1011.             phone: $('#form-booking input[name="phone"]').val(),
  1012.             email: $('#form-booking input[name="email"]').val(),
  1013.             password: $('#form-booking input[name="password"]').val(),
  1014.             confirm: $('#form-booking input[name="confirm"]').val(),
  1015.             address: $('#form-booking input[name="address"]').val(),
  1016.             zipcode: $('#form-booking input[name="zipcode"]').val(),
  1017.             city: $('#form-booking input[name="city"]').val(),
  1018.             country: $('#form-booking select[name="country"] option:selected').text(),
  1019.             country_code: $('#form-booking select[name="country"] option:selected').val(),
  1020.             message: $('#form-booking textarea[name="message"]').val(),
  1021.             pmr: $('#pmr').prop('checked'),
  1022.             gift: $('#gift').prop('checked'),
  1023.             agree: $('#agree').prop('checked'),
  1024.             gift_user: $('input[name="gift-user"]').val(),
  1025.           };
  1027.           var form = {
  1028.             venue_id: parseInt($('#venue_id').val()),
  1029.             participants: value,
  1030.             palace_resa: palace_resa,
  1031.             infos: infos,
  1032.             email: $('#form-booking input[name="email"]').val(),
  1033.             password: $('#form-booking input[name="password"]').val(),
  1034.           };
  1035.           if(sended == false){
  1036.             $.post('/ticket_aw/send/{{app.request.locale}}', form, function( data ) {
  1037.               sended = false;
  1038.               console.log(form);
  1039.               console.log(data);
  1040.               $('.booking_message').hide();
  1041.               if(data.success == true){
  1043.                 $('.send').remove();
  1045.                 window.location.href = "/{{app.request.locale }}/mon-compte/paiement/"+data.token;
  1046.                 return 0;
  1049.               } else {
  1050.                 $('.booking_message').show();
  1051.                 $('.booking_message').text(data.error);
  1052.               }
  1053.             }, "json");
  1054.             sended = true;
  1056.           }
  1058.           
  1059.       });
  1062.       if( $('#v_id').val() > 0 ){
  1063.         $('[data-id="'+$('#v_id').val()+'"]').click();
  1064.       }
  1067.     });
  1069.   </script>
  1072. {% endblock %}