app/template/osechi/Autumn/reserved.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  12. {% extends 'default_frame.twig' %}
  14. {% block javascript %}
  15.     <script>
  16.         //Googleカレンダー予約状況
  17.         reservedInfo=[];
  18.         dt = new Date();
  19. //        dt.setDate(dt.getDate() + 2);
  20. //        console.log(dt);
  21.         
  22.         calendar_start_date=`${dt.getFullYear()}-${dt.getMonth() + 1}-${dt.getDate()}`;
  24. /*
  25.         for (let key in reservedInfo) {
  26.           console.log('key:' + key);
  27.           console.log(reservedInfo[key].length);
  28.         }
  29. */
  31.     </script>
  32.     <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
  33.     <script src="{{ asset('assets/js/hotelinfo].js') }}?{{ env('CSS_PARAM') }}"></script>
  34.     <script src="{{ asset('assets/js/rental_common.js') }}?{{ env('CSS_PARAM') }}"></script>
  35.     <script src="{{ asset('assets/js/cruise.js') }}?{{ env('CSS_PARAM') }}"></script>
  36. {% endblock %}
  38. {% block stylesheet %}
  39.     <link rel="stylesheet" href="//unpkg.com/flatpickr/dist/flatpickr.min.css">
  40.     <link rel="stylesheet" href="{{ asset('assets/css/cruise.css') }}">
  41. {% endblock %}
  43. {% set title = [
  44.                     'EXOTIC SUPERCAR DRIVE',
  45.                     'TOUR NIKKO DRIVE',
  46.                     'AUTUMN MT. FUJI DRIVE',
  47.                     'PRIVATE DRIFT EXPERIENCE',
  48.                     'TOKYO - FUJI SKY CRUISE',
  49.                     'NIKKO AUTUMN LEAVES SKY CRUISE',
  50.                     'TOKYO SUMIDA RIVER CRUISE',
  51.                     'TOKYO BAY CRUISE',
  52.                     'YOKOHAMA BAY SUNSET CRUISE',
  53.                     'YAKATABUNE EXPERIENCE',
  54.                 ] %}
  56. {% set capacity = [
  57.                     '2',
  58.                     '2',
  59.                     '5',
  60.                     '10',
  61.                     '4',
  62.                     '4',
  63.                     '6',
  64.                     '6',
  65.                     '10',
  66.                     '20',
  67.                 ] %}
  70. {% block main %}
  71.     <div class="ec-role">
  72.         <div class="ec-pageHeader">
  73.             <h1>Complete Your Reservation Request for the "{{title[id]}}"！</h1>
  74.         </div>
  75.     </div>
  76.     <div class="ec-contactCompleteRole">
  77.         <p class="ec-reportDescription">
  78.             Select your date, time, and preferred, then provide your information. After submission, your temporary reservation will be secured. We look forward to your booking.
  79.         </p>
  81. <!-- ↓　FROM　-->
  83.         <p class="reserevedError" style="display:none;">Reservation information is not set correctly</p>
  84.         <form name="reserveForm" action="{{ url('autumn_complete') }}" method="post" class="reserveForm">
  85.             <input type="hidden" name="course" class="cruise" value="{{title[id]}}">
  86.             <section class="container">
  88.                 <div class="Form-Item name">
  89.                     <p class="Form-Item-Label">Date</p>
  90.                     <input name="date" type="text" class="Form-Item-Input flatpickr flatpickr-input date" placeholder="2024-01-01" id="myCal" value="">
  91.                     <span class="Form-Item-Error date" style="display: none;">*Please select</span>
  92.                 </div>
  94.                 <div class="Form-Item">
  95.                     <p class="Form-Item-Label block-line">Start Time</p>
  96.                     <select name="starttime" class="Form-Item-Input">
  97.                         <option value="7:00">7:00</option>
  98.                         <option value="7:30">7:30</option>
  99.                         <option value="8:00">8:00</option>
  100.                         <option value="8:30">8:30</option>
  101.                         <option value="9:00">9:00</option>
  102.                         <option value="9:30">9:30</option>
  103.                         <option value="10:00" selected>10:00</option>
  104.                         <option value="10:30">10:30</option>
  105.                         <option value="11:00">11:00</option>
  106.                         <option value="11:30">11:30</option>
  107.                         <option value="12:00">12:00</option>
  108.                         <option value="12:30">12:30</option>
  109.                         <option value="13:00">13:00</option>
  110.                         <option value="13:30">13:30</option>
  111.                         <option value="14:00">14:00</option>
  112.                         <option value="14:30">14:30</option>
  113.                         <option value="15:00">15:00</option>
  114.                         <option value="15:30">15:30</option>
  115.                         <option value="16:00">16:00</option>
  116.                         <option value="16:30">16:30</option>
  117.                         <option value="17:00">17:00</option>
  118.                         <option value="17:30">17:30</option>
  119.                         <option value="18:00">18:00</option>
  120.                         <option value="18:30">18:30</option>
  121.                         <option value="19:00">19:00</option>
  122.                         <option value="19:30">19:30</option>
  123.                         <option value="20:00">20:00</option>
  124.                         <option value="20:30">20:30</option>
  125.                         <option value="21:00">21:00</option>
  126.                         <option value="21:30">21:30</option>
  127.                     </select>
  128.                     <span class="Form-Item-Error starttime" style="display: none;">*Please select</span>
  129.                 </div>
  131.                 <div class="Form-Item">
  132.                     <p class="Form-Item-Label block-line">time utilization</p>
  133.                     <select name="time" class="Form-Item-Input participants">
  134.                         <option value="90min">90min</option>
  135.                         <option value="120min">120min</option>
  136.                         <option value="150min">150min</option>
  137.                         <option value="180min">180min</option>
  138.                         <option value="210min">210min</option>
  139.                         <option value="240min">240min</option>
  140.                         <option value="270min">270min</option>
  141.                         <option value="300min">300min</option>
  142.                         <option value="360min">360min</option>
  143.                         <option value="420min">420min</option>
  144.                         <option value="480min">480min</option>
  145.                         <option value="540min">540min</option>
  146.                         <option value="600min">600min</option>
  147.                         <option value="660min">660min</option>
  148.                         <option value="720min">720min</option>
  149.                     </select>
  150.                 </div>
  152.                 <div class="Form-Item">
  153.                     <p class="Form-Item-Label block-line">Number of Participants</p>
  154.                     <select name="participants" class="Form-Item-Input participants">
  155. {% for i in range(1, capacity[id]) %}
  156.                         <option value="{{loop.index}}">{{loop.index}}</option>
  157. {% endfor %}
  158.                     </select>
  159.                 </div>
  162.                 <div class="Form-Item name">
  163.                     <p class="Form-Item-Label">Name</p>
  164.                     <input name="name" type="text" class="Form-Item-Input name" placeholder="John Smith" value="">
  165.                     <span class="Form-Item-Error name" style="display: none;">*Please enter</span>
  166.                 </div>
  167.                 <div class="Form-Item name">
  168.                     <p class="Form-Item-Label">Country</p>
  169.                     <input name="country" type="text" class="Form-Item-Input country" placeholder="Australia" value="">
  170.                     <span class="Form-Item-Error country" style="display: none;">*Please enter</span>
  171.                 </div>
  172.                 <div class="Form-Item email">
  173.                     <p class="Form-Item-Label">Mail</p>
  174.                     <input name="email" type="email" class="Form-Item-Input email" placeholder="example@gmail.com" value="">
  175.                     <span class="Form-Item-Error email" style="display: none;">*Please enter</span>
  176.                 </div>
  178.                 <div class="Form-Item tel">
  179.                     <p class="Form-Item-Label">Tel</p>
  180.                     <select name="telcode" class="Form-Item-Input telcode">
  181.                         <option value=""></option>
  182.                         <option value="+1">+1</option>
  183.                         <option value="+7">+7</option>
  184.                         <option value="+20">+20</option>
  185.                         <option value="+27">+27</option>
  186.                         <option value="+30">+30</option>
  187.                         <option value="+31">+31</option>
  188.                         <option value="+32">+32</option>
  189.                         <option value="+33">+33</option>
  190.                         <option value="+34">+34</option>
  191.                         <option value="+36">+36</option>
  192.                         <option value="+39">+39</option>
  193.                         <option value="+40">+40</option>
  194.                         <option value="+41">+41</option>
  195.                         <option value="+43">+43</option>
  196.                         <option value="+44">+44</option>
  197.                         <option value="+45">+45</option>
  198.                         <option value="+46">+46</option>
  199.                         <option value="+47">+47</option>
  200.                         <option value="+48">+48</option>
  201.                         <option value="+49">+49</option>
  202.                         <option value="+51">+51</option>
  203.                         <option value="+52">+52</option>
  204.                         <option value="+53">+53</option>
  205.                         <option value="+54">+54</option>
  206.                         <option value="+55">+55</option>
  207.                         <option value="+56">+56</option>
  208.                         <option value="+57">+57</option>
  209.                         <option value="+58">+58</option>
  210.                         <option value="+60">+60</option>
  211.                         <option value="+61">+61</option>
  212.                         <option value="+62">+62</option>
  213.                         <option value="+63">+63</option>
  214.                         <option value="+64">+64</option>
  215.                         <option value="+65">+65</option>
  216.                         <option value="+66">+66</option>
  217.                         <option value="+81">+81</option>
  218.                         <option value="+82">+82</option>
  219.                         <option value="+84">+84</option>
  220.                         <option value="+86">+86</option>
  221.                         <option value="+90">+90</option>
  222.                         <option value="+91">+91</option>
  223.                         <option value="+92">+92</option>
  224.                         <option value="+94">+94</option>
  225.                         <option value="+95">+95</option>
  226.                         <option value="+98">+98</option>
  227.                         <option value="+212">+212</option>
  228.                         <option value="+213">+213</option>
  229.                         <option value="+216">+216</option>
  230.                         <option value="+218">+218</option>
  231.                         <option value="+220">+220</option>
  232.                         <option value="+221">+221</option>
  233.                         <option value="+222">+222</option>
  234.                         <option value="+223">+223</option>
  235.                         <option value="+224">+224</option>
  236.                         <option value="+225">+225</option>
  237.                         <option value="+226">+226</option>
  238.                         <option value="+227">+227</option>
  239.                         <option value="+228">+228</option>
  240.                         <option value="+229">+229</option>
  241.                         <option value="+230">+230</option>
  242.                         <option value="+231">+231</option>
  243.                         <option value="+232">+232</option>
  244.                         <option value="+233">+233</option>
  245.                         <option value="+234">+234</option>
  246.                         <option value="+235">+235</option>
  247.                         <option value="+236">+236</option>
  248.                         <option value="+237">+237</option>
  249.                         <option value="+238">+238</option>
  250.                         <option value="+239">+239</option>
  251.                         <option value="+240">+240</option>
  252.                         <option value="+241">+241</option>
  253.                         <option value="+242">+242</option>
  254.                         <option value="+243">+243</option>
  255.                         <option value="+244">+244</option>
  256.                         <option value="+246">+246</option>
  257.                         <option value="+247">+247</option>
  258.                         <option value="+248">+248</option>
  259.                         <option value="+249">+249</option>
  260.                         <option value="+250">+250</option>
  261.                         <option value="+251">+251</option>
  262.                         <option value="+253">+253</option>
  263.                         <option value="+254">+254</option>
  264.                         <option value="+255">+255</option>
  265.                         <option value="+256">+256</option>
  266.                         <option value="+257">+257</option>
  267.                         <option value="+258">+258</option>
  268.                         <option value="+260">+260</option>
  269.                         <option value="+261">+261</option>
  270.                         <option value="+262">+262</option>
  271.                         <option value="+263">+263</option>
  272.                         <option value="+264">+264</option>
  273.                         <option value="+265">+265</option>
  274.                         <option value="+266">+266</option>
  275.                         <option value="+267">+267</option>
  276.                         <option value="+268">+268</option>
  277.                         <option value="+269">+269</option>
  278.                         <option value="+290">+290</option>
  279.                         <option value="+291">+291</option>
  280.                         <option value="+297">+297</option>
  281.                         <option value="+298">+298</option>
  282.                         <option value="+299">+299</option>
  283.                         <option value="+350">+350</option>
  284.                         <option value="+351">+351</option>
  285.                         <option value="+352">+352</option>
  286.                         <option value="+353">+353</option>
  287.                         <option value="+354">+354</option>
  288.                         <option value="+355">+355</option>
  289.                         <option value="+356">+356</option>
  290.                         <option value="+357">+357</option>
  291.                         <option value="+358">+358</option>
  292.                         <option value="+359">+359</option>
  293.                         <option value="+370">+370</option>
  294.                         <option value="+371">+371</option>
  295.                         <option value="+372">+372</option>
  296.                         <option value="+373">+373</option>
  297.                         <option value="+374">+374</option>
  298.                         <option value="+375">+375</option>
  299.                         <option value="+376">+376</option>
  300.                         <option value="+377">+377</option>
  301.                         <option value="+378">+378</option>
  302.                         <option value="+380">+380</option>
  303.                         <option value="+381">+381</option>
  304.                         <option value="+385">+385</option>
  305.                         <option value="+386">+386</option>
  306.                         <option value="+387">+387</option>
  307.                         <option value="+389">+389</option>
  308.                         <option value="+420">+420</option>
  309.                         <option value="+421">+421</option>
  310.                         <option value="+500">+500</option>
  311.                         <option value="+501">+501</option>
  312.                         <option value="+502">+502</option>
  313.                         <option value="+503">+503</option>
  314.                         <option value="+504">+504</option>
  315.                         <option value="+505">+505</option>
  316.                         <option value="+506">+506</option>
  317.                         <option value="+507">+507</option>
  318.                         <option value="+508">+508</option>
  319.                         <option value="+509">+509</option>
  320.                         <option value="+590">+590</option>
  321.                         <option value="+591">+591</option>
  322.                         <option value="+592">+592</option>
  323.                         <option value="+593">+593</option>
  324.                         <option value="+594">+594</option>
  325.                         <option value="+595">+595</option>
  326.                         <option value="+596">+596</option>
  327.                         <option value="+597">+597</option>
  328.                         <option value="+598">+598</option>
  329.                         <option value="+599">+599</option>
  330.                         <option value="+672">+672</option>
  331.                         <option value="+673">+673</option>
  332.                         <option value="+674">+674</option>
  333.                         <option value="+675">+675</option>
  334.                         <option value="+676">+676</option>
  335.                         <option value="+677">+677</option>
  336.                         <option value="+678">+678</option>
  337.                         <option value="+679">+679</option>
  338.                         <option value="+680">+680</option>
  339.                         <option value="+682">+682</option>
  340.                         <option value="+683">+683</option>
  341.                         <option value="+684">+684</option>
  342.                         <option value="+685">+685</option>
  343.                         <option value="+686">+686</option>
  344.                         <option value="+687">+687</option>
  345.                         <option value="+688">+688</option>
  346.                         <option value="+689">+689</option>
  347.                         <option value="+691">+691</option>
  348.                         <option value="+692">+692</option>
  349.                         <option value="+850">+850</option>
  350.                         <option value="+852">+852</option>
  351.                         <option value="+853">+853</option>
  352.                         <option value="+855">+855</option>
  353.                         <option value="+856">+856</option>
  354.                         <option value="+880">+880</option>
  355.                         <option value="+886">+886</option>
  356.                         <option value="+941">+941</option>
  357.                         <option value="+960">+960</option>
  358.                         <option value="+961">+961</option>
  359.                         <option value="+962">+962</option>
  360.                         <option value="+963">+963</option>
  361.                         <option value="+964">+964</option>
  362.                         <option value="+965">+965</option>
  363.                         <option value="+966">+966</option>
  364.                         <option value="+967">+967</option>
  365.                         <option value="+968">+968</option>
  366.                         <option value="+972">+972</option>
  367.                         <option value="+973">+973</option>
  368.                         <option value="+974">+974</option>
  369.                         <option value="+975">+975</option>
  370.                         <option value="+976">+976</option>
  371.                         <option value="+977">+977</option>
  372.                         <option value="+995">+995</option>
  373.                         <option value="+996">+996</option>
  374.                     </select>
  375.                     <input name="tel" type="tel" class="Form-Item-Input tel" placeholder="112222333" value="">
  376.                     <span class="Form-Item-Error tel" style="display: none;">*Please select and enter</span>
  377.                 </div>
  380.                 <div class="Form-Item">
  381.                     <p class="Form-Item-Label">PickUp Location</p>
  382.                     <input name="pickup" type="text" class="Form-Item-Input pickup" placeholder="hotel aman tokyo" value="">
  383.                     <span class="Form-Item-Error pickup" style="display: none;">*Please enter</span>
  384.                 </div>
  386.             </section>
  388.             <section>
  389.                 <div class="Form-Item">
  390.                     <p class="Form-Item-Label">Comment</p>
  391.                     <span class="note">*If you have any requests, please enter them.</span>
  392.                     <textarea rows="5" class="Form-Item-Textarea" name="message"></textarea>
  393.                     <span class="Form-Item-Error" style="display: none;">*Please enter</span>
  394.                 </div>
  395.             </section>
  398.             <section class="container btn">
  399.                 <div class="Form-Item"></div>
  400.                 <div class="Form-Item"></div>
  401.                 <a class="ec-shopCollectionBtn submit w100" href="javascript:void(0)">Send</a>
  402.             </section>
  403.         </form>
  404. <!-- ↑　FROM　-->
  406.     </div>
  407. {% endblock %}