app/template/osechi/Fuji/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/fujireserve.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/fuji_reserve.css') }}">
  41. {% endblock %}
  43. {% set title = [
  44.                     '',
  45.                     'Day Trip Around Mt.Fuji',
  46.                     'Oshino Hakkai',
  47.                     'Hakone Superdrive Experience',
  48.                     'Private Experience',
  49.                     'Experience Driving',
  50.                 ] %}
  52. {% set capacity = [
  53.                     '',
  54.                     '4',
  55.                     '4',
  56.                     '4',
  57.                     '4',
  58.                     '4',
  59.                 ] %}
  62. {% block main %}
  63.     <div class="ec-role">
  64.         <div class="ec-pageHeader">
  65.             <h1>Complete Your Reservation Request for the "{{title[id]}}"！</h1>
  66.         </div>
  67.     </div>
  68.     <div class="ec-contactCompleteRole">
  69.         <p class="ec-reportDescription">
  70.             Please select your preferred date and time, enter your information, and submit it. A customer service representative will review your request and contact you within 24 hours.
  71.         </p>
  73. <!-- ↓　FROM　-->
  75.         <p class="reserevedError" style="display:none;">Reservation information is not set correctly</p>
  76.         <form name="reserveForm" action="{{ url('fuji_complete') }}" method="post" class="reserveForm">
  77.             <input type="hidden" name="course" class="cruise" value="{{title[id]}}">
  78.             <section class="container">
  80.                 <div class="Form-Item name">
  81.                     <p class="Form-Item-Label">Date</p>
  82.                     <input name="date" type="text" class="Form-Item-Input flatpickr flatpickr-input date" placeholder="2024-01-01" id="myCal" value="">
  83.                     <span class="Form-Item-Error date" style="display: none;">*Please select</span>
  84.                 </div>
  86.                 <div class="Form-Item">
  87.                     <p class="Form-Item-Label block-line">Start Time</p>
  88.                     <select name="starttime" class="Form-Item-Input">
  89.                         <option value="7:00">7:00</option>
  90.                         <option value="7:30">7:30</option>
  91.                         <option value="8:00">8:00</option>
  92.                         <option value="8:30">8:30</option>
  93.                         <option value="9:00">9:00</option>
  94.                         <option value="9:30">9:30</option>
  95.                         <option value="10:00" selected>10:00</option>
  96.                         <option value="10:30">10:30</option>
  97.                         <option value="11:00">11:00</option>
  98.                         <option value="11:30">11:30</option>
  99.                         <option value="12:00">12:00</option>
  100.                         <option value="12:30">12:30</option>
  101.                         <option value="13:00">13:00</option>
  102.                         <option value="13:30">13:30</option>
  103.                         <option value="14:00">14:00</option>
  104.                         <option value="14:30">14:30</option>
  105.                         <option value="15:00">15:00</option>
  106.                         <option value="15:30">15:30</option>
  107.                         <option value="16:00">16:00</option>
  108.                         <option value="16:30">16:30</option>
  109.                         <option value="17:00">17:00</option>
  110.                         <option value="17:30">17:30</option>
  111.                         <option value="18:00">18:00</option>
  112.                         <option value="18:30">18:30</option>
  113.                         <option value="19:00">19:00</option>
  114.                         <option value="19:30">19:30</option>
  115.                         <option value="20:00">20:00</option>
  116.                         <option value="20:30">20:30</option>
  117.                         <option value="21:00">21:00</option>
  118.                         <option value="21:30">21:30</option>
  119.                     </select>
  120.                     <span class="Form-Item-Error starttime" style="display: none;">*Please select</span>
  121.                 </div>
  122. {#
  123.                 <div class="Form-Item">
  124.                     <p class="Form-Item-Label block-line">time utilization</p>
  125.                     <select name="time" class="Form-Item-Input participants">
  126.                         <option value="90min">90min</option>
  127.                         <option value="120min">120min</option>
  128.                         <option value="150min">150min</option>
  129.                         <option value="180min">180min</option>
  130.                         <option value="210min">210min</option>
  131.                         <option value="240min">240min</option>
  132.                         <option value="270min">270min</option>
  133.                         <option value="300min">300min</option>
  134.                         <option value="360min">360min</option>
  135.                         <option value="420min">420min</option>
  136.                         <option value="480min">480min</option>
  137.                         <option value="540min">540min</option>
  138.                         <option value="600min">600min</option>
  139.                         <option value="660min">660min</option>
  140.                         <option value="720min">720min</option>
  141.                     </select>
  142.                 </div>
  143. #}
  144.                 <div class="Form-Item">
  145.                     <p class="Form-Item-Label block-line">Number of Participants</p>
  146.                     <select name="participants" class="Form-Item-Input participants">
  147. {% for i in range(1, capacity[id]) %}
  148.                         <option value="{{loop.index}}">{{loop.index}}</option>
  149. {% endfor %}
  150.                     </select>
  151.                 </div>
  154.                 <div class="Form-Item name">
  155.                     <p class="Form-Item-Label">Name</p>
  156.                     <input name="name" type="text" class="Form-Item-Input name" placeholder="John Smith" value="">
  157.                     <span class="Form-Item-Error name" style="display: none;">*Please enter</span>
  158.                 </div>
  159.                 <div class="Form-Item name">
  160.                     <p class="Form-Item-Label">Country</p>
  161.                     <input name="country" type="text" class="Form-Item-Input country" placeholder="Australia" value="">
  162.                     <span class="Form-Item-Error country" style="display: none;">*Please enter</span>
  163.                 </div>
  164.                 <div class="Form-Item email">
  165.                     <p class="Form-Item-Label">Mail</p>
  166.                     <input name="email" type="email" class="Form-Item-Input email" placeholder="example@gmail.com" value="">
  167.                     <span class="Form-Item-Error email" style="display: none;">*Please enter</span>
  168.                 </div>
  170.                 <div class="Form-Item tel">
  171.                     <p class="Form-Item-Label">Tel</p>
  172.                     <select name="telcode" class="Form-Item-Input telcode">
  173.                         {% include 'Common/tellist.twig' %}
  174.                     </select>
  175.                     <input name="tel" type="tel" class="Form-Item-Input tel" placeholder="112222333" value="">
  176.                     <span class="Form-Item-Error tel" style="display: none;">*Please select and enter</span>
  177.                 </div>
  179.                 <div class="Form-Item">
  180.                     <p class="Form-Item-Label">PickUp Location</p>
  181.                     <input name="pickup" type="text" class="Form-Item-Input pickup" placeholder="hotel aman tokyo" value="">
  182.                     <span class="Form-Item-Error pickup" style="display: none;">*Please enter</span>
  183.                 </div>
  184.             </section>
  186.             <section>
  187.                 <div class="Form-Item">
  188.                     <p class="Form-Item-Label">Comment</p>
  189.                     <span class="note">*If you have any requests, please enter them.</span>
  190.                     <textarea rows="5" class="Form-Item-Textarea" name="message"></textarea>
  191.                     <span class="Form-Item-Error" style="display: none;">*Please enter</span>
  192.                 </div>
  193.             </section>
  196.             <section class="container btn">
  197.                 <div class="Form-Item"></div>
  198.                 <div class="Form-Item"></div>
  199.                 <a class="ec-shopCollectionBtn submit w100" href="javascript:void(0)">Send</a>
  200.             </section>
  201.         </form>
  202. <!-- ↑　FROM　-->
  204.     </div>
  205. {% endblock %}