templates/FrontBundle/Page/shop-cart.html.twig line 124

Open in your IDE?
  1. {% extends 'FrontBundle/layout_shop.html.twig' %}
  2. {% block title %}{{ app_sitename }} - {{ page.metaTitle }}{% endblock %}
  3. {% block description %}{{ page.metaDescription }}{% endblock %}
  4. {% block extra_class %}stack{% endblock %}
  5. {# {% block menu_min %}200{% endblock %} #}
  6. {# {% block menu_max %}2636{% endblock %} #}
  7. {% block stylesheets %}
  8.   <link href="/front/css/owl.carousel.min.css" rel="stylesheet">
  9.   <link href="/front/css/owl.theme.default.min.css" rel="stylesheet">
  10.   <link href="/front/css/nouislider.css" rel="stylesheet">
  11. {% endblock %}
  12. {% block body %}
  13.   <style>
  14.     .bon-list .text-red {
  15.       background-color: var(--red) !important;
  16.       color: #FFFFFF !important;
  17.       border-radius: 15px;
  18.       font-weight: 500;
  19.       padding: 2px 13px 0px 13px !important;
  20.       display: table;
  21.       float: right;
  22.       margin-top: 16px;
  23.     }
  24.   </style>
  25.     <section id="cart" class="espace-content pb-5" style="margin-top: 80px;">
  26.       <div class="row mt-5">
  27.         <div class="col-md-12 mb-3">
  28.           <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}" class="back mt-5">{{ 'shop_back'|tr(tr)|raw }}</a>
  29.         </div>
  30.         <div class="col-md-12 relative">    
  31.           <h1 id="" class="no-bar">{{ 'shop_cart_title'|tr(tr)|upper|raw }}<span class="full-bar black thin"></span></h1>
  32.         </div>
  33.       </div>
  34.       <div class="mt-5 list" style="min-height: 496px;">
  35.         
  36.         <div class="row header ">
  37.           <div class="col-md-6"><span>{{ 'shop_cart_produit'|tr(tr)|raw }}</span></div>
  38.           <div class="col-md-1 text-center"><span>{{ 'shop_cart_qty'|tr(tr)|raw }}</span></div>
  39. {#          <div class="col-md-2 text-center"><span>Prix unitaire</span></div> #}
  40.           <div class="col-md-3 text-right"><span>{{ 'shop_cart_total'|tr(tr)|raw }}</span></div>
  41.           <div class="col-md-2 text-right"><span></span></div>
  42.         </div>
  43.         <hr class="mb-4">
  44.         <div class="cart-container">
  45.           <div class="row product kh_cart_item" data-id="0">
  46.             <div class="col-12 text-center">
  47.               <strong>{{ 'shop_cart_empty'|tr(tr)|raw }}</strong>
  48.             </div>
  49.           </div>
  50.         </div>
  51.       </div>
  52.       {# <a href="#next" class="next-arrow"><img src="/front/img/espaces-arrow-b.svg" alt="suivant"></a> #}
  53.       
  54.     </section>
  55.     <div class="row" id="undercart">
  56.       <section class="pt-0" style="margin-bottom: 180px;">
  57.         <div class="espace-content mt-0">
  58.           <div class="row flx">
  59.         <div class="col-md-7">
  60.           <div class="mt-3 row">
  61.             <form class="m-0 row" id="form-booking" style="max-width: 100%; width: 100%; padding: 36px 40px 36px 40px;">
  62.             {% if not is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  63.               <div class="col-md-12 mb-5 form-login">
  64.                 <h6 class="text-center">{{ 'signup_title'|tr(tr)|raw }}</h6>
  65.               </div>
  66.               <div class="col-md-6  form-login">
  67.                 <label>{{ 'contact_email'|tr(tr)|raw }}*</label>
  68.                 <input type="email" placeholder="{{ 'contact_email'|tr(tr)|raw  }}*" name="login_username" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.email }}{% endif %}"  />
  69.                 <label>{{ 'signup_password'|tr(tr)|raw }}*</label>
  70.                 <input type="password" name="login_password" autocomplete="off" placeholder="{{ 'signup_password'|tr(tr)|raw }}" />
  71.                 <p class="text-red login_message p-0"></p>
  72.                 <button id="kt_login_signin_submit" class="btn-primary btn-sm text-center ">{{ 'signup_connexion'|tr(tr)|raw }}</button>
  73.                 <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>
  74.                 
  75.                 <input type="hidden" name="_target_path" value="{{ app.request.get('redirect_to') }}"/>
  76.                 <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/>
  77.               </div>
  78.               <div class="col-md-6 d-flex justify-content-center align-items-center  form-login">
  79.                 <button id="kt_login_signup" class="btn-primary btn-sm text-center active">{{ 'signup_create'|tr(tr)|raw }}</button>
  80.               </div>
  81.             {% endif %}
  82.               {% if not is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  83.               <div class="col-md-12 hide form-signup login-link">
  84.                 <a href="#" class="text-center text-red return-login w-100 mb-4 float-left">{{ 'signup_deja'|tr(tr)|raw }}</a>
  85.               </div>
  86.               {% endif %}
  87.               <div class="col-md-6 hide form-signup">
  88.                 <label>{{ 'contact_nom'|tr(tr)|raw  }}*</label>
  89.                 <input type="text" placeholder="" name="lastname" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('lastname') }}{% endif %}" />
  90.                 <label>{{ 'contact_prenom'|tr(tr)|raw  }}*</label>
  91.                 <input type="text" placeholder="" name="firstname" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('firstname') }}{% endif %}"  />
  92.                 <label>{{ 'contact_societe'|tr(tr)|raw  }}</label>
  93.                 <input type="text" placeholder="" name="company" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('company') }}{% endif %}"  />
  94.                 <label>{{ 'contact_tel'|tr(tr)|raw  }}*</label>
  95.                 <input type="tel" placeholder="" name="phone" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('phone') }}{% endif %}"  />
  96.               </div>
  97.               <div class="col-md-6 hide form-signup">
  98.                 <label>{{ 'contact_adresse'|tr(tr)|raw  }}*</label>
  99.                 <input type="text" placeholder="" name="address" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('address1') }}{% endif %}"  />
  100.                 <label>{{ 'contact_code'|tr(tr)|raw  }}*</label>
  101.                 <input type="text" placeholder="" name="zipcode" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('zipcode') }}{% endif %}"  />
  102.                 <label>{{ 'contact_ville'|tr(tr)|raw  }}*</label>
  103.                 <input type="text" placeholder="" name="city" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('city') }}{% endif %}"  />
  104.                 <label>{{ 'contact_pays'|tr(tr)|raw  }}*</label>
  105.                 <input type="hidden" name="country_code" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('country_code') }}{% endif %}">
  106.                                   <select name="country" required class="form-control country">
  107.                                     <option value="AF">Afghanistan</option>
  108.                                     <option value="AX">Åland Islands</option>
  109.                                     <option value="AL">Albania</option>
  110.                                     <option value="DZ">Algeria</option>
  111.                                     <option value="AS">American Samoa</option>
  112.                                     <option value="AD">Andorra</option>
  113.                                     <option value="AO">Angola</option>
  114.                                     <option value="AI">Anguilla</option>
  115.                                     <option value="AQ">Antarctica</option>
  116.                                     <option value="AG">Antigua and Barbuda</option>
  117.                                     <option value="AR">Argentina</option>
  118.                                     <option value="AM">Armenia</option>
  119.                                     <option value="AW">Aruba</option>
  120.                                     <option value="AU">Australia</option>
  121.                                     <option value="AT">Austria</option>
  122.                                     <option value="AZ">Azerbaijan</option>
  123.                                     <option value="BS">Bahamas</option>
  124.                                     <option value="BH">Bahrain</option>
  125.                                     <option value="BD">Bangladesh</option>
  126.                                     <option value="BB">Barbados</option>
  127.                                     <option value="BY">Belarus</option>
  128.                                     <option value="BE">Belgium</option>
  129.                                     <option value="BZ">Belize</option>
  130.                                     <option value="BJ">Benin</option>
  131.                                     <option value="BM">Bermuda</option>
  132.                                     <option value="BT">Bhutan</option>
  133.                                     <option value="BO">Bolivia, Plurinational State of</option>
  134.                                     <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
  135.                                     <option value="BA">Bosnia and Herzegovina</option>
  136.                                     <option value="BW">Botswana</option>
  137.                                     <option value="BV">Bouvet Island</option>
  138.                                     <option value="BR">Brazil</option>
  139.                                     <option value="IO">British Indian Ocean Territory</option>
  140.                                     <option value="BN">Brunei Darussalam</option>
  141.                                     <option value="BG">Bulgaria</option>
  142.                                     <option value="BF">Burkina Faso</option>
  143.                                     <option value="BI">Burundi</option>
  144.                                     <option value="KH">Cambodia</option>
  145.                                     <option value="CM">Cameroon</option>
  146.                                     <option value="CA">Canada</option>
  147.                                     <option value="CV">Cape Verde</option>
  148.                                     <option value="KY">Cayman Islands</option>
  149.                                     <option value="CF">Central African Republic</option>
  150.                                     <option value="TD">Chad</option>
  151.                                     <option value="CL">Chile</option>
  152.                                     <option value="CN">China</option>
  153.                                     <option value="CX">Christmas Island</option>
  154.                                     <option value="CC">Cocos (Keeling) Islands</option>
  155.                                     <option value="CO">Colombia</option>
  156.                                     <option value="KM">Comoros</option>
  157.                                     <option value="CG">Congo</option>
  158.                                     <option value="CD">Congo, the Democratic Republic of the</option>
  159.                                     <option value="CK">Cook Islands</option>
  160.                                     <option value="CR">Costa Rica</option>
  161.                                     <option value="CI">Côte d'Ivoire</option>
  162.                                     <option value="HR">Croatia</option>
  163.                                     <option value="CU">Cuba</option>
  164.                                     <option value="CW">Curaçao</option>
  165.                                     <option value="CY">Cyprus</option>
  166.                                     <option value="CZ">Czech Republic</option>
  167.                                     <option value="DK">Denmark</option>
  168.                                     <option value="DJ">Djibouti</option>
  169.                                     <option value="DM">Dominica</option>
  170.                                     <option value="DO">Dominican Republic</option>
  171.                                     <option value="EC">Ecuador</option>
  172.                                     <option value="EG">Egypt</option>
  173.                                     <option value="SV">El Salvador</option>
  174.                                     <option value="GQ">Equatorial Guinea</option>
  175.                                     <option value="ER">Eritrea</option>
  176.                                     <option value="EE">Estonia</option>
  177.                                     <option value="ET">Ethiopia</option>
  178.                                     <option value="FK">Falkland Islands (Malvinas)</option>
  179.                                     <option value="FO">Faroe Islands</option>
  180.                                     <option value="FJ">Fiji</option>
  181.                                     <option value="FI">Finland</option>
  182.                                     <option value="FR" {% if app.request.locale not in ['de'] %}selected{% endif %}>France</option>
  183.                                     <option value="GF">French Guiana</option>
  184.                                     <option value="PF">French Polynesia</option>
  185.                                     <option value="TF">French Southern Territories</option>
  186.                                     <option value="GA">Gabon</option>
  187.                                     <option value="GM">Gambia</option>
  188.                                     <option value="GE">Georgia</option>
  189.                                     <option value="DE" {% if app.request.locale == 'de' %}selected{% endif %}>Germany</option>
  190.                                     <option value="GH">Ghana</option>
  191.                                     <option value="GI">Gibraltar</option>
  192.                                     <option value="GR">Greece</option>
  193.                                     <option value="GL">Greenland</option>
  194.                                     <option value="GD">Grenada</option>
  195.                                     <option value="GP">Guadeloupe</option>
  196.                                     <option value="GU">Guam</option>
  197.                                     <option value="GT">Guatemala</option>
  198.                                     <option value="GG">Guernsey</option>
  199.                                     <option value="GN">Guinea</option>
  200.                                     <option value="GW">Guinea-Bissau</option>
  201.                                     <option value="GY">Guyana</option>
  202.                                     <option value="HT">Haiti</option>
  203.                                     <option value="HM">Heard Island and McDonald Islands</option>
  204.                                     <option value="VA">Holy See (Vatican City State)</option>
  205.                                     <option value="HN">Honduras</option>
  206.                                     <option value="HK">Hong Kong</option>
  207.                                     <option value="HU">Hungary</option>
  208.                                     <option value="IS">Iceland</option>
  209.                                     <option value="IN">India</option>
  210.                                     <option value="ID">Indonesia</option>
  211.                                     <option value="IR">Iran, Islamic Republic of</option>
  212.                                     <option value="IQ">Iraq</option>
  213.                                     <option value="IE">Ireland</option>
  214.                                     <option value="IM">Isle of Man</option>
  215.                                     <option value="IL">Israel</option>
  216.                                     <option value="IT">Italy</option>
  217.                                     <option value="JM">Jamaica</option>
  218.                                     <option value="JP">Japan</option>
  219.                                     <option value="JE">Jersey</option>
  220.                                     <option value="JO">Jordan</option>
  221.                                     <option value="KZ">Kazakhstan</option>
  222.                                     <option value="KE">Kenya</option>
  223.                                     <option value="KI">Kiribati</option>
  224.                                     <option value="KP">Korea, Democratic People's Republic of</option>
  225.                                     <option value="KR">Korea, Republic of</option>
  226.                                     <option value="KW">Kuwait</option>
  227.                                     <option value="KG">Kyrgyzstan</option>
  228.                                     <option value="LA">Lao People's Democratic Republic</option>
  229.                                     <option value="LV">Latvia</option>
  230.                                     <option value="LB">Lebanon</option>
  231.                                     <option value="LS">Lesotho</option>
  232.                                     <option value="LR">Liberia</option>
  233.                                     <option value="LY">Libya</option>
  234.                                     <option value="LI">Liechtenstein</option>
  235.                                     <option value="LT">Lithuania</option>
  236.                                     <option value="LU">Luxembourg</option>
  237.                                     <option value="MO">Macao</option>
  238.                                     <option value="MK">Macedonia, the former Yugoslav Republic of</option>
  239.                                     <option value="MG">Madagascar</option>
  240.                                     <option value="MW">Malawi</option>
  241.                                     <option value="MY">Malaysia</option>
  242.                                     <option value="MV">Maldives</option>
  243.                                     <option value="ML">Mali</option>
  244.                                     <option value="MT">Malta</option>
  245.                                     <option value="MH">Marshall Islands</option>
  246.                                     <option value="MQ">Martinique</option>
  247.                                     <option value="MR">Mauritania</option>
  248.                                     <option value="MU">Mauritius</option>
  249.                                     <option value="YT">Mayotte</option>
  250.                                     <option value="MX">Mexico</option>
  251.                                     <option value="FM">Micronesia, Federated States of</option>
  252.                                     <option value="MD">Moldova, Republic of</option>
  253.                                     <option value="MC">Monaco</option>
  254.                                     <option value="MN">Mongolia</option>
  255.                                     <option value="ME">Montenegro</option>
  256.                                     <option value="MS">Montserrat</option>
  257.                                     <option value="MA">Morocco</option>
  258.                                     <option value="MZ">Mozambique</option>
  259.                                     <option value="MM">Myanmar</option>
  260.                                     <option value="NA">Namibia</option>
  261.                                     <option value="NR">Nauru</option>
  262.                                     <option value="NP">Nepal</option>
  263.                                     <option value="NL">Netherlands</option>
  264.                                     <option value="NC">New Caledonia</option>
  265.                                     <option value="NZ">New Zealand</option>
  266.                                     <option value="NI">Nicaragua</option>
  267.                                     <option value="NE">Niger</option>
  268.                                     <option value="NG">Nigeria</option>
  269.                                     <option value="NU">Niue</option>
  270.                                     <option value="NF">Norfolk Island</option>
  271.                                     <option value="MP">Northern Mariana Islands</option>
  272.                                     <option value="NO">Norway</option>
  273.                                     <option value="OM">Oman</option>
  274.                                     <option value="PK">Pakistan</option>
  275.                                     <option value="PW">Palau</option>
  276.                                     <option value="PS">Palestinian Territory, Occupied</option>
  277.                                     <option value="PA">Panama</option>
  278.                                     <option value="PG">Papua New Guinea</option>
  279.                                     <option value="PY">Paraguay</option>
  280.                                     <option value="PE">Peru</option>
  281.                                     <option value="PH">Philippines</option>
  282.                                     <option value="PN">Pitcairn</option>
  283.                                     <option value="PL">Poland</option>
  284.                                     <option value="PT">Portugal</option>
  285.                                     <option value="PR">Puerto Rico</option>
  286.                                     <option value="QA">Qatar</option>
  287.                                     <option value="RE">Réunion</option>
  288.                                     <option value="RO">Romania</option>
  289.                                     <option value="RU">Russian Federation</option>
  290.                                     <option value="RW">Rwanda</option>
  291.                                     <option value="BL">Saint Barthélemy</option>
  292.                                     <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
  293.                                     <option value="KN">Saint Kitts and Nevis</option>
  294.                                     <option value="LC">Saint Lucia</option>
  295.                                     <option value="MF">Saint Martin (French part)</option>
  296.                                     <option value="PM">Saint Pierre and Miquelon</option>
  297.                                     <option value="VC">Saint Vincent and the Grenadines</option>
  298.                                     <option value="WS">Samoa</option>
  299.                                     <option value="SM">San Marino</option>
  300.                                     <option value="ST">Sao Tome and Principe</option>
  301.                                     <option value="SA">Saudi Arabia</option>
  302.                                     <option value="SN">Senegal</option>
  303.                                     <option value="RS">Serbia</option>
  304.                                     <option value="SC">Seychelles</option>
  305.                                     <option value="SL">Sierra Leone</option>
  306.                                     <option value="SG">Singapore</option>
  307.                                     <option value="SX">Sint Maarten (Dutch part)</option>
  308.                                     <option value="SK">Slovakia</option>
  309.                                     <option value="SI">Slovenia</option>
  310.                                     <option value="SB">Solomon Islands</option>
  311.                                     <option value="SO">Somalia</option>
  312.                                     <option value="ZA">South Africa</option>
  313.                                     <option value="GS">South Georgia and the South Sandwich Islands</option>
  314.                                     <option value="SS">South Sudan</option>
  315.                                     <option value="ES">Spain</option>
  316.                                     <option value="LK">Sri Lanka</option>
  317.                                     <option value="SD">Sudan</option>
  318.                                     <option value="SR">Suriname</option>
  319.                                     <option value="SJ">Svalbard and Jan Mayen</option>
  320.                                     <option value="SZ">Swaziland</option>
  321.                                     <option value="SE">Sweden</option>
  322.                                     <option value="CH">Switzerland</option>
  323.                                     <option value="SY">Syrian Arab Republic</option>
  324.                                     <option value="TW">Taiwan, Province of China</option>
  325.                                     <option value="TJ">Tajikistan</option>
  326.                                     <option value="TZ">Tanzania, United Republic of</option>
  327.                                     <option value="TH">Thailand</option>
  328.                                     <option value="TL">Timor-Leste</option>
  329.                                     <option value="TG">Togo</option>
  330.                                     <option value="TK">Tokelau</option>
  331.                                     <option value="TO">Tonga</option>
  332.                                     <option value="TT">Trinidad and Tobago</option>
  333.                                     <option value="TN">Tunisia</option>
  334.                                     <option value="TR">Turkey</option>
  335.                                     <option value="TM">Turkmenistan</option>
  336.                                     <option value="TC">Turks and Caicos Islands</option>
  337.                                     <option value="TV">Tuvalu</option>
  338.                                     <option value="UG">Uganda</option>
  339.                                     <option value="UA">Ukraine</option>
  340.                                     <option value="AE">United Arab Emirates</option>
  341.                                     <option value="GB">United Kingdom</option>
  342.                                     <option value="US">United States</option>
  343.                                     <option value="UM">United States Minor Outlying Islands</option>
  344.                                     <option value="UY">Uruguay</option>
  345.                                     <option value="UZ">Uzbekistan</option>
  346.                                     <option value="VU">Vanuatu</option>
  347.                                     <option value="VE">Venezuela, Bolivarian Republic of</option>
  348.                                     <option value="VN">Viet Nam</option>
  349.                                     <option value="VG">Virgin Islands, British</option>
  350.                                     <option value="VI">Virgin Islands, U.S.</option>
  351.                                     <option value="WF">Wallis and Futuna</option>
  352.                                     <option value="EH">Western Sahara</option>
  353.                                     <option value="YE">Yemen</option>
  354.                                     <option value="ZM">Zambia</option>
  355.                                     <option value="ZW">Zimbabwe</option>
  356.                                   </select>
  357. {#                 <div class="form-message text-start">
  358.                   <label>Message, informations complémentaires (allergies, anniversaire etc.)</label>
  359.                   <textarea placeholder="" name="message"></textarea>
  360.                 </div> #}
  361.               </div>
  362.               <div class="col-md-12 hide form-signup">
  363.                 <label class="signup">{{ 'contact_email'|tr(tr)|raw  }}*</label>
  364.                 <input class="signup" type="email" placeholder="" name="email" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.email }}{% endif %}"  />
  365.               </div>
  366.               <div class="col-md-6 hide form-signup">
  367.                 <label class="signup">{{ 'signup_password'|tr(tr)|raw }}*</label>
  368.                 <input type="password" placeholder="" name="password" value="" class="signup" />
  369.               </div>
  370.               <div class="col-md-6 hide form-signup">
  371.                 <label class="signup">{{ 'signup_confirm'|tr(tr)|raw }}*</label>
  372.                 <input type="password" placeholder="" name="confirm" value="" class="signup" />
  373.               </div>
  374.               <div class="col-md-12 form-cgu hide mt-3 text-center">
  375.                 <input type="checkbox" id="agree" class="apple-switch" >
  376.                 <label for="agree">{{ 'signup_agree'|tr(tr)|raw }}</label>
  377.               </div>
  378.               <div class="col-md-12">
  379.                 <p class="text-red booking_message text-center mb-0 mt-3 p-0"></p>
  380.               </div>
  381.               <button class="send hide">{{ 'shop_cart_confirm'|tr(tr)|raw }}</button>
  382.               <input type="hidden" id="form_mode" value="" />
  383.             </form>
  384.           </div>
  385.         </div>
  386.         <div class="col-md-2">&nbsp;</div>
  387.           <div class="actu-content newsletter col-md-3">
  388.             <form class="">
  389.               <ul class="recap">
  390.                 <li class="mt-3"><strong>{{ 'shop_cart_ht'|tr(tr)|raw }}</strong> <span class="float-right kh_cart_subtotal_float"></span></li>
  391.                 <li><strong>{{ 'shop_cart_tva'|tr(tr)|raw }}</strong> <span class="float-right ">20%</span></li>
  392.                 {# <li><strong>Livraison</strong> <span class="float-right shipping">Offerte</span></li> #}
  393.                 <li class="mb-0"><strong>{{ 'shop_cart_ttc'|tr(tr)|raw }}</strong> <span class="float-right text-red kh_cart_total_float"> </span></li>
  394.                 {# <li><button class="btn-sm btn-primary text active">Confirmer ma commande</button></li> #}
  395.               </ul>
  396. {#              <p class="title">Pour ne rien manquer de l'actualité du Royal Palace !</p>
  397.               <p class="desc">L'inscription à notre newsletter vous permettra d'être informé sur les différentes actualités du Royal Palace, les nouveautés et aussi nos offres et promotions du moment.</p>
  398.               <div class="email-input">
  399.                 <input type="text" value="" placeholder="Entrez votre e-mail" class="email mt-3" />
  400.                 <a href="#" class="register">&nbsp;</a>
  401.               </div>
  402.               <div class="row">
  403.                 <div class="col-12 mt-4">
  404.                   <input type="checkbox" id="confirm" class="apple-switch" checked="checked" />
  405.                   <label for="confirm">J'accepte de recevoir les dernières nouveautés par e-mail</label>
  406.                   <p class="text-center mt-4" id="message_newsletter"></p>
  407.                 </div>
  408.               </div> #}
  409.             </form>
  410.     
  411.            </div>
  412.           </div>
  413.         </div>
  414.       </section>
  415.     </div>
  416.     {% include 'FrontBundle/Partial/footer.html.twig' %}
  417. {% endblock %}
  418. {% block javascripts %}
  419.   <script src="/front/js/owl.carousel.min.js"></script>
  420.   <script type="text/javascript">
  421.     sended = false;
  422.     choices = true;
  423.     function doBounce(element, times, distance, speed) {
  424.       for(var i = 0; i < times; i++) {
  425.         element.animate({marginRight: '-='+distance}, speed)
  426.                 .animate({marginRight: '+='+distance}, speed);
  427.       }
  428.     }
  429.     $( document ).ready(function() {
  430.         //CHECK CHOICE
  431.       $('ul.bon-list').each(function (index, value) {
  432.         console.log($(this).find('[type="radio"]:checked').length);
  433.         if ($(this).find('[type="radio"]:checked').length < 1) {
  434.           $(this).find('strong').remove();
  435.           $(this).append('<strong class="text-red">{{ 'cart_gift_choice'|tr(tr) }}</strong>');
  436.         } else {
  437.           $(this).find('strong').remove();
  438.         }
  439.       });
  440.       //END CHECK CHOICE
  441.       console.log('load cart');
  442.       console.log( localStorage.getItem('palace_cart') );
  443.       //FIX ANCIENS BONS CADEAUX
  444.       $.each(JSON.parse(localStorage.getItem('palace_cart')), function(index, item) {
  445.         if( parseInt(item.slug.substr(11)) < 12 ){
  446.           //EFFACER LE PANIER
  447.           localStorage.setItem("palace_cart", null);
  448.           location.reload();
  449.         }
  450.       });
  451. {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  452.       $('.form-login').addClass('hide');
  453.       $('.form-signup').removeClass('hide');
  454.       $('.form-signup .signup').addClass('hide');
  455.       // $('.to-form-message').prepend($('.form-message'));
  456.       $('#form_mode').val('logged');
  457.       $('.send').removeClass('hide');
  458.       $('.form-cgu').addClass('hide');
  459. {% endif %}
  460.       $('#kt_login_signup').on('click', function (e) {
  461.           e.preventDefault();
  462.           $('.form-login').addClass('hide');
  463.           $('.form-signup').removeClass('hide');
  464.           $('#form_mode').val('register');
  465.           $('.send').removeClass('hide');
  466.           $('.form-cgu').removeClass('hide');
  467.       });
  468.       $('.return-login').on('click', function (e) {
  469.           e.preventDefault();
  470.           $('.form-login').removeClass('hide');
  471.           $('.form-signup').addClass('hide');
  472.           $('.form-cgu').addClass('hide');
  473.       });
  474.       $('#kt_login_signin_submit').on('click', function (e) {
  475.           e.preventDefault();
  476.           var form = {
  477.             email: $('input[name="login_username"]').val(),
  478.             password: $('input[name="login_password"]').val(),
  479.           };
  480.           $.post('/tunnel/credentials/check/{{app.request.locale}}', form, function( data ) {
  481.             console.log(data);
  482.             $('.login_message').hide();
  483.             if(data.success == true){
  484.               $('.form-signup input[name="lastname"]').val(data.user.infos.lastname);
  485.               $('.form-signup input[name="firstname"]').val(data.user.infos.firstname);
  486.               $('.form-signup input[name="company"]').val(data.user.infos.company);
  487.               $('.form-signup input[name="phone"]').val(data.user.infos.phone);
  488.               $('.form-signup input[name="email"]').val(data.user.email);
  489.               $('.form-signup input[name="email"]').attr('disabled','disabled');
  490.               $('.form-signup input[name="address"]').val(data.user.infos.address);
  491.               $('.form-signup input[name="zipcode"]').val(data.user.infos.zipcode);
  492.               $('.form-signup input[name="city"]').val(data.user.infos.city);
  493.               if(data.user.country_code != ''){
  494.                 $('.form-signup [name="country_code"]').val(data.user.infos.country_code);
  495.                 $('.form-signup [name="country"]').val(data.user.infos.country_code);
  496.               }
  497.               $('.form-login').addClass('hide');
  498.               $('.form-signup').removeClass('hide');
  499.               $('.form-signup .signup').addClass('hide');
  500.               // $('.to-form-message').prepend($('.form-message'));
  501.               $('#form_mode').val('logged');
  502.               $('.send').removeClass('hide');
  503.               $('.login-link').addClass('hide');
  504.               $('.form-cgu').addClass('hide');
  505.             } else {
  506.               $('.login_message').show();
  507.               $('.login_message').text(data.error);
  508.             }
  509.           }, "json");
  510.       });
  511.       $('.send').on('click', function (e) {
  512.           e.preventDefault();
  513.           var infos = {
  514.             form_mode: $('#form_mode').val(),
  515.             lastname: $('#form-booking input[name="lastname"]').val(),
  516.             firstname: $('#form-booking input[name="firstname"]').val(),
  517.             company: $('#form-booking input[name="company"]').val(),
  518.             phone: $('#form-booking input[name="phone"]').val(),
  519.             email: $('#form-booking input[name="email"]').val(),
  520.             password: $('#form-booking input[name="password"]').val(),
  521.             confirm: $('#form-booking input[name="confirm"]').val(),
  522.             address: $('#form-booking input[name="address"]').val(),
  523.             zipcode: $('#form-booking input[name="zipcode"]').val(),
  524.             city: $('#form-booking input[name="city"]').val(),
  525.             country: $('#form-booking select[name="country"] option:selected').text(),
  526.             country_code: $('#form-booking select[name="country"] option:selected').val(),
  527.             agree: $('#agree').prop('checked'),
  528.           };
  529.           var form = {
  530.             palace_cart: JSON.parse(localStorage.getItem('palace_cart')),
  531.             infos: infos,
  532.             email: $('#form-booking input[name="email"]').val(),
  533.             password: $('#form-booking input[name="password"]').val(),
  534.           };
  535.           if(sended == false) {
  536.             choices = true;
  537.             $('ul.bon-list').each(function (index, value) {
  538.               console.log($(this).find('[type="radio"]:checked').length);
  539.               if ($(this).find('[type="radio"]:checked').length < 1) {
  540.                 $(this).find('strong').remove();
  541.                 $(this).append('<strong class="text-red">{{ 'cart_gift_choice'|tr(tr) }}</strong>');
  542.                 choices = false;
  543.                 $([document.documentElement, document.body]).animate({
  544.                   scrollTop: parseInt($(this).offset().top - 180)
  545.                 }, 200);
  546.                 doBounce($(this).find('strong'), 6, '10px', 100);
  547.                 return 0;
  548.               } else {
  549.                 $(this).find('strong').remove();
  550.               }
  551.             });
  552.             if(choices){
  553.               $.post('/tunnel/cart/send/{{ app.request.locale }}', form, function (data) {
  554.                 sended = false;
  555.                 console.log(form);
  556.                 console.log(data);
  557.                 $('.booking_message').hide();
  558.                 if (data.success == true) {
  559.                   // //EFFACER LE PANIER
  560.                   localStorage.setItem("palace_cart", null);
  561.                   window.location.href = data.redirect;
  562.                 } else {
  563.                   $('.booking_message').show();
  564.                   $('.booking_message').text(data.error);
  565.                 }
  566.               }, "json");
  567.               sended = true;
  568.             }
  569.           }
  570.           
  571.       });
  572.     });
  573.   </script>
  574. {% endblock %}