app/template/osechi/Plan/fireworks.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/fireworks.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='3 Jury / TOKYO City Pop Fireworks 2024'>3 Jury / TOKYO City Pop Fireworks 2024</option>
  54.                     <option value='20 Jury / 46th Adachi Fireworks'>20 Jury / 46th Adachi Fireworks</option>
  55.                     <option value='23 Jury / The 58th Katsushika Noryo Fireworks Festival'>23 Jury / The 58th Katsushika Noryo Fireworks Festival</option>
  56.                     <option value='27 Jury / 47th Sumida River Fireworks Festival'>27 Jury / 47th Sumida River Fireworks Festival</option>
  57.                     <option value='28 Jury / Saitama City Fireworks Festival'>28 Jury / Saitama City Fireworks Festival</option>
  58.                     <option value='3 August / 71st Todabashi Fireworks Festival'>3 August / 71st Todabashi Fireworks Festival</option>
  59.                     <option value='3 August / 65th Itabashi Fireworks Festival'>3 August / 65th Itabashi Fireworks Festival</option>
  60.                     <option value='3 August / Makuhari Beach Fireworks Festa 2024'>3 August / Makuhari Beach Fireworks Festa 2024</option>
  61.                     <option value='3 August / Teganuma Fireworks Festival 2024'>3 August / Teganuma Fireworks Festival 2024</option>
  62.                     <option value='5 August / Minato Mirai Smart Festival 2024'>5 August / Minato Mirai Smart Festival 2024</option>
  63.                     <option value='10 August / Saitama City Fireworks Festival Higashi Urawa'>10 August / Saitama City Fireworks Festival Higashi Urawa</option>
  64.                     <option value='12 August / Jingu Gaien Fireworks Festival 2024'>12 August / Jingu Gaien Fireworks Festival 2024</option>
  65.                     <option value='15 August / 77th Kisarazu Port Festival'>15 August / 77th Kisarazu Port Festival</option>
  66.                     <option value='17 August / Saitama City Fireworks Festival'>17 August / Saitama City Fireworks Festival</option>
  67.                     <option value='24 August / 49th Edogawa Fireworks Festival'>24 August / 49th Edogawa Fireworks Festival</option>
  68.                 </select>
  69.                 <span class="Form-Item-Error events" style="display: none;">*Please Select</span>
  70.             </div>
  71.             <div class="Form-Item name item">
  72.                 <p class="Form-Item-Label">Name</p>
  73.                 <input name="name" type="text" class="Form-Item-Input name" placeholder="John Smith" value="">
  74.                 <span class="Form-Item-Error name" style="display: none;">*Please enter</span>
  75.             </div>
  76.             <div class="Form-Item name">
  77.                 <p class="Form-Item-Label">Country</p>
  78.                 <input name="country" type="text" class="Form-Item-Input country" placeholder="Australia" value="">
  79.                 <span class="Form-Item-Error country" style="display: none;">*Please enter</span>
  80.             </div>
  82.             <div class="Form-Item email">
  83.                 <p class="Form-Item-Label">Mail</p>
  84.                 <input name="email" type="email" class="Form-Item-Input email" placeholder="example@gmail.com" value="">
  85.                 <span class="Form-Item-Error email" style="display: none;">*Please enter</span>
  86.             </div>
  87.             <div class="Form-Item tel">
  88.                 <p class="Form-Item-Label">Tel</p>
  89.                 <select name="telcode" class="Form-Item-Input telcode">
  90.                     <option value=""></option>
  91.                 </select>
  92.                 <input name="tel" type="tel" class="Form-Item-Input tel" placeholder="112222333" value="">
  93.                 <span class="Form-Item-Error tel" style="display: none;">*Please select and enter</span>
  94.             </div>
  95.             
  96.             <div class="Form-Item">
  97.                 <p class="Form-Item-Label block-line">Number Of Participants</p>
  98.                 <span class="note"></span>
  99.                 <select name="participants" class="Form-Item-Input participants">
  100.                     <option value="1">1</option>
  101.                     <option value="2">2</option>
  102.                     <option value="3">3</option>
  103.                     <option value="4">4</option>
  104.                     <option value="4">5</option>
  105.                     <option value="6">6</option>
  106.                 </select>
  107.             </div>
  109. {#
  110.             <div class="Form-Item">
  111.                 <p class="Form-Item-Label block-line">English Interpretation Option</p>
  112.                 <span class="note">*The option fee is free of charge.</span>
  113.                 <select name="english" class="Form-Item-Input english">
  114.                     <option value="No Need">No Need</option>
  115.                     <option value="Need">Need</option>
  116.                 </select>
  117.             </div>
  118.             <div class="Form-Item">
  119.                 <p class="Form-Item-Label block-line">Free shuttle service</p>
  120.                 <span class="note">*Limited to hotels in Minato/Chiyoda/Chuo/Shinagawa/Meguro/Shibuya .</span>
  121.                 <select name="transfer" class="Form-Item-Input transfer">
  122.                     <option value="No Need">No Need</option>
  123.                     <option value="One way">One way</option>
  124.                     <option value="Round Trip">Round Trip</option>
  125.                 </select>
  126.             </div>
  127. #}
  129.             <div class="Form-Item">
  130.                 <p class="Form-Item-Label">PickUp Location</p>
  131.                 <span class="note">*Specify the pick-up location, please.If not listed, please provide the hotel name in the comments.</span>
  132.                 <select name="pickup" class="Form-Item-Input pickup">
  133.                     <option value="">Please select</option>
  134.                 </select>
  135.                 <span class="Form-Item-Error pickup" style="display: none;">*Please select</span>
  136.             </div>
  138.             <div class="Form-Item pcOnly">
  139.             </div>
  141.             <div class="Form-Item commnet">
  142.                 <p class="Form-Item-Label">Comment</p>
  143.                 <span class="note">*If you have any requests, please enter them.</span>
  144.                 <textarea rows="5" class="Form-Item-Textarea" name="message"></textarea>
  145.             </div>
  148.             {{ include('/Plan/limited-privacy.twig') }}
  150.             <div class="ec-checkbox idp">
  151.                 <label>
  152.                     <input type="checkbox" id="deposit" class="terms" name="terms" required="required" value="1" data-gtm-form-interact-field-id="0">
  153.                     <label for="deposit">
  154.                         <span></span>
  155.                     </label>
  156.                           I agree to the Terms and Conditions
  157.                 </label>
  158.                 <div class="Form-Item-Error terms" style="display: none;">*Please Check</div>
  159.             </div>
  160.         </section>
  162.         <section class="container btn">
  163.             <div class="Form-Item">
  164.                 <a class="ec-shopCollectionBtn back" href="/awd/plan/512">back</a>
  165.             </div>
  166.             <div class="Form-Item">
  167.                 <a class="ec-shopCollectionBtn submit" href="javascript:void(0)">Reserve</a>
  168.             </div>
  169.         </section>
  170.     </div>
  173. {% endblock %}