app/template/osechi/Plan/cruisefireworks.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/curisefireworks.js') }}?{{ env('JS_PARAM') }}"></script>
  31.     <script src="{{ asset('assets/js/telcode.js') }}?{{ env('JS_PARAM') }}"></script>
  32. {% endblock %}
  34. {% block main %}
  36.     <div class="contents">
  38.         <form name="reserveForm" action="{{ url('fireworks_reserved') }}" method="post" class="reserveForm">
  39.             <input type="hidden" name="referralhotel" class="referralhotel" value="">
  42.         <section class="container">
  43.             <h3 style="    margin-top: 20px;">Reservation holder</h3>
  44.             <div class="w100">
  45.                 <p class="ec-para-normal position_error">
  46.                     Please enter the necessary information to make a reservation. After submission, the provisional bookig will be confirmed.
  47.                 </p>
  48.                 <p class="reserevedError" style="display:none;">Reservation information is not set correctly</p>
  49.             </div>
  50.             <div class="Form-Item name item">
  51.                 <p class="Form-Item-Label">Event</p>
  52.                 <select name="events" class="Form-Item-Input participants">
  53.                     <option value='13 July  / 2024 Kurihama Perry Festival Fireworks Festival'>13 July  / 2024 Kurihama Perry Festival Fireworks Festival</option>
  54.                     <option value='13 July  / 2024 Yokohama Hakkeijima Fireworks Sinfonia'>13 July  / 2024 Yokohama Hakkeijima Fireworks Sinfonia</option>
  55.                     <option value='14 July  / 2024 Yokohama Hakkeijima Fireworks Sinfonia'>14 July  / 2024 Yokohama Hakkeijima Fireworks Sinfonia</option>
  56.                     <option value='5 August / Minato Mirai Smart Festival 2024'>5 August / Minato Mirai Smart Festival 2024</option>
  57.                     <option value='7 August / 44th Miura Coast Summer Festival Fireworks Festival'>7 August / 44th Miura Coast Summer Festival Fireworks Festival</option>
  58.                     <option value='10 August / 2024 Yokohama Hakkeijima Fireworks Sinfonia'>10 August / 2024 Yokohama Hakkeijima Fireworks Sinfonia</option>
  59.                     <option value='11 August / 2024 Yokohama Hakkeijima Fireworks Sinfonia'>11 August / 2024 Yokohama Hakkeijima Fireworks Sinfonia</option>
  60.                     <option value='15 August / 77th Kisarazu Port Festival Fireworks Festival'>15 August / 77th Kisarazu Port Festival Fireworks Festival</option>
  61.                 </select>
  62.                 <span class="Form-Item-Error events" style="display: none;">*Please Select</span>
  63.             </div>
  64.             <div class="Form-Item name item">
  65.                 <p class="Form-Item-Label">Name</p>
  66.                 <input name="name" type="text" class="Form-Item-Input name" placeholder="John Smith" value="">
  67.                 <span class="Form-Item-Error name" style="display: none;">*Please enter</span>
  68.             </div>
  69.             <div class="Form-Item name">
  70.                 <p class="Form-Item-Label">Country</p>
  71.                 <input name="country" type="text" class="Form-Item-Input country" placeholder="Australia" value="">
  72.                 <span class="Form-Item-Error country" style="display: none;">*Please enter</span>
  73.             </div>
  75.             <div class="Form-Item email">
  76.                 <p class="Form-Item-Label">Mail</p>
  77.                 <input name="email" type="email" class="Form-Item-Input email" placeholder="example@gmail.com" value="">
  78.                 <span class="Form-Item-Error email" style="display: none;">*Please enter</span>
  79.             </div>
  80.             <div class="Form-Item tel">
  81.                 <p class="Form-Item-Label">Tel</p>
  82.                 <select name="telcode" class="Form-Item-Input telcode">
  83.                     <option value=""></option>
  84.                 </select>
  85.                 <input name="tel" type="tel" class="Form-Item-Input tel" placeholder="112222333" value="">
  86.                 <span class="Form-Item-Error tel" style="display: none;">*Please select and enter</span>
  87.             </div>
  88.             
  89.             <div class="Form-Item">
  90.                 <p class="Form-Item-Label block-line">Number Of Participants</p>
  91.                 <span class="note"></span>
  92.                 <select name="participants" class="Form-Item-Input participants">
  93.                     <option value="1">1</option>
  94.                     <option value="2">2</option>
  95.                     <option value="3">3</option>
  96.                     <option value="4">4</option>
  97.                     <option value="4">5</option>
  98.                     <option value="6">6</option>
  99.                     <option value="7">7</option>
  100.                     <option value="8">8</option>
  101.                     <option value="9">9</option>
  102.                     <option value="10">10</option>
  103.                 </select>
  104.             </div>
  106. {#
  107.             <div class="Form-Item">
  108.                 <p class="Form-Item-Label block-line">English Interpretation Option</p>
  109.                 <span class="note">*The option fee is free of charge.</span>
  110.                 <select name="english" class="Form-Item-Input english">
  111.                     <option value="No Need">No Need</option>
  112.                     <option value="Need">Need</option>
  113.                 </select>
  114.             </div>
  115.             <div class="Form-Item">
  116.                 <p class="Form-Item-Label block-line">Free shuttle service</p>
  117.                 <span class="note">*Limited to hotels in Minato/Chiyoda/Chuo/Shinagawa/Meguro/Shibuya .</span>
  118.                 <select name="transfer" class="Form-Item-Input transfer">
  119.                     <option value="No Need">No Need</option>
  120.                     <option value="One way">One way</option>
  121.                     <option value="Round Trip">Round Trip</option>
  122.                 </select>
  123.             </div>
  124. #}
  126.             <div class="Form-Item">
  127.                 <p class="Form-Item-Label">PickUp Location</p>
  128.                 <span class="note">*Specify the pick-up location, please.If not listed, please provide the hotel name in the comments.</span>
  129.                 <select name="pickup" class="Form-Item-Input pickup">
  130.                     <option value="">Please select</option>
  131.                 </select>
  132.                 <span class="Form-Item-Error pickup" style="display: none;">*Please select</span>
  133.             </div>
  135.             <div class="Form-Item pcOnly">
  136.             </div>
  138.             <div class="Form-Item commnet">
  139.                 <p class="Form-Item-Label">Comment</p>
  140.                 <span class="note">*If you have any requests, please enter them.</span>
  141.                 <textarea rows="5" class="Form-Item-Textarea" name="message"></textarea>
  142.             </div>
  145.             {{ include('/Plan/limited-privacy.twig') }}
  147.             <div class="ec-checkbox idp">
  148.                 <label>
  149.                     <input type="checkbox" id="deposit" class="terms" name="terms" required="required" value="1" data-gtm-form-interact-field-id="0">
  150.                     <label for="deposit">
  151.                         <span></span>
  152.                     </label>
  153.                           I agree to the Terms and Conditions
  154.                 </label>
  155.                 <div class="Form-Item-Error terms" style="display: none;">*Please Check</div>
  156.             </div>
  157.         </section>
  159.         <section class="container btn">
  160.             <div class="Form-Item">
  161.                 <a class="ec-shopCollectionBtn back" href="/awd/plan/532">back</a>
  162.             </div>
  163.             <div class="Form-Item">
  164.                 <a class="ec-shopCollectionBtn submit" href="javascript:void(0)">Reserve</a>
  165.             </div>
  166.         </section>
  167.     </div>
  170. {% endblock %}