app/template/osechi/Plan/limited.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. #}
  11. {% extends 'default_frame.twig' %}
  13. {% block stylesheet %}
  14.     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css">
  15.     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
  17.     <link rel="stylesheet" href="//unpkg.com/flatpickr/dist/flatpickr.min.css">
  18.     <!-- カスタムテーマ -->
  19.     <link rel="stylesheet" href="//unpkg.com/flatpick/dist/themes/airbnb.css">
  21.     <link rel="stylesheet" href="{{ asset('assets/css/input.css') }}?{{ env('CSS_PARAM') }}">
  22.     <link rel="stylesheet" href="{{ asset('assets/css/limitedoffer.css') }}?{{ env('CSS_PARAM') }}">
  23.     <link rel="stylesheet" href="{{ asset('assets/css/limitedoffer-privacy.css') }}?{{ env('CSS_PARAM') }}">
  24. {% endblock %}
  26. {% block javascript %}
  27.     <script src="//unpkg.com/flatpickr"></script>
  28.     <script src="//unpkg.com/flatpickr/dist/l10n/ja.js"></script>
  29.     <script src="{{ asset('assets/js/hotelinfo].js') }}?{{ env('JS_PARAM') }}"></script>
  30.     <script src="{{ asset('assets/js/limitedoffer.js') }}?{{ env('JS_PARAM') }}"></script>
  31.     <script src="{{ asset('assets/js/telcode.js') }}?{{ env('JS_PARAM') }}"></script>
  32.     <script>
  33.         //Googleカレンダー予約状況
  34.         reservedInfo={{ events|raw }};
  35.         calendar_start_date="{{ calendar_start_date }}";
  36.     </script>
  37. {% endblock %}
  39. {% block main %}
  41.     <div class="contents">
  43.         <form name="reserveForm" action="{{ url('limited_reserved') }}" method="post" class="reserveForm">
  44.             <input type="hidden" name="referralhotel" class="referralhotel" value="">
  47.         <section class="container">
  48.             <h3 style="    margin-top: 20px;">Reservation holder</h3>
  49.             <div class="w100">
  50.                 <p class="ec-para-normal position_error">
  51.                     Please enter the necessary information to make a reservation. After submission, the provisional bookig will be confirmed.
  52.                 </p>
  53.                 <p class="reserevedError" style="display:none;">Reservation information is not set correctly</p>
  54.             </div>
  55.             <div class="Form-Item name item">
  56.                 <p class="Form-Item-Label">Date</p>
  57.                 <input name="startdate" type="text" class="Form-Item-Input flatpickr flatpickr-input startdate" placeholder="2024-01-01" id="myCal" value="">
  58.                 <span class="Form-Item-Error startdate" style="display: none;">*Please Select</span>
  59.             </div>
  60.             <div class="Form-Item name item">
  61.                 <p class="Form-Item-Label">Name</p>
  62.                 <input name="name" type="text" class="Form-Item-Input name" placeholder="John Smith" value="">
  63.                 <span class="Form-Item-Error name" style="display: none;">*Please enter</span>
  64.             </div>
  65.             <div class="Form-Item name">
  66.                 <p class="Form-Item-Label">Country</p>
  67.                 <input name="country" type="text" class="Form-Item-Input country" placeholder="Australia" value="">
  68.                 <span class="Form-Item-Error country" style="display: none;">*Please enter</span>
  69.             </div>
  71.             <div class="Form-Item email">
  72.                 <p class="Form-Item-Label">Mail</p>
  73.                 <input name="email" type="email" class="Form-Item-Input email" placeholder="example@gmail.com" value="">
  74.                 <span class="Form-Item-Error email" style="display: none;">*Please enter</span>
  75.             </div>
  76.             <div class="Form-Item tel">
  77.                 <p class="Form-Item-Label">Tel</p>
  78.                 <select name="telcode" class="Form-Item-Input telcode">
  79.                     <option value=""></option>
  80.                 </select>
  81.                 <input name="tel" type="tel" class="Form-Item-Input tel" placeholder="112222333" value="">
  82.                 <span class="Form-Item-Error tel" style="display: none;">*Please select and enter</span>
  83.             </div>
  84.             
  85.             <div class="Form-Item">
  86.                 <p class="Form-Item-Label block-line">Number Of Participants</p>
  87.                 <span class="note"></span>
  88.                 <select name="participants" class="Form-Item-Input participants">
  89.                     <option value="1">1</option>
  90.                     <option value="2">2</option>
  91.                     <option value="3">3</option>
  92.                     <option value="4">4</option>
  93.                 </select>
  94.             </div>
  96. {#
  97.             <div class="Form-Item">
  98.                 <p class="Form-Item-Label block-line">English Interpretation Option</p>
  99.                 <span class="note">*The option fee is free of charge.</span>
  100.                 <select name="english" class="Form-Item-Input english">
  101.                     <option value="No Need">No Need</option>
  102.                     <option value="Need">Need</option>
  103.                 </select>
  104.             </div>
  105.             <div class="Form-Item">
  106.                 <p class="Form-Item-Label block-line">Free shuttle service</p>
  107.                 <span class="note">*Limited to hotels in Minato/Chiyoda/Chuo/Shinagawa/Meguro/Shibuya .</span>
  108.                 <select name="transfer" class="Form-Item-Input transfer">
  109.                     <option value="No Need">No Need</option>
  110.                     <option value="One way">One way</option>
  111.                     <option value="Round Trip">Round Trip</option>
  112.                 </select>
  113.             </div>
  114. #}
  116.             <div class="Form-Item">
  117.                 <p class="Form-Item-Label">PickUp Location</p>
  118.                 <span class="note">*Specify the pick-up location, please.If not listed, please provide the hotel name in the comments.</span>
  119.                 <select name="pickup" class="Form-Item-Input pickup">
  120.                     <option value="">Please select</option>
  121.                 </select>
  122.                 <span class="Form-Item-Error pickup" style="display: none;">*Please select</span>
  123.             </div>
  125.             <div class="Form-Item pcOnly">
  126.             </div>
  128.             <div class="Form-Item commnet">
  129.                 <p class="Form-Item-Label">Comment</p>
  130.                 <span class="note">*If you have any requests, please enter them.</span>
  131.                 <textarea rows="5" class="Form-Item-Textarea" name="message"></textarea>
  132.             </div>
  135.             {{ include('/Plan/limited-privacy.twig') }}
  137.             <div class="ec-checkbox idp">
  138.                 <label>
  139.                     <input type="checkbox" id="deposit" class="terms" name="terms" required="required" value="1" data-gtm-form-interact-field-id="0">
  140.                     <label for="deposit">
  141.                         <span></span>
  142.                     </label>
  143.                           I agree to the Terms and Conditions
  144.                 </label>
  145.                 <div class="Form-Item-Error terms" style="display: none;">*Please Check</div>
  146.             </div>
  147.         </section>
  149.         <section class="container btn">
  150.             <div class="Form-Item">
  151.                 <a class="ec-shopCollectionBtn back" href="/awd/plan/512">back</a>
  152.             </div>
  153.             <div class="Form-Item">
  154.                 <a class="ec-shopCollectionBtn submit" href="javascript:void(0)">Reserve</a>
  155.             </div>
  156.         </section>
  157.     </div>
  160. {% endblock %}