app/Plugin/PiaContact/Resource/template/default/bulk_purchase/index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% block javascript %}
  3. <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  4. <script>
  5. $(function(){
  6.   $("#bulk_purchase_num").after("枚");
  7. });
  8. </script>
  9. {% endblock javascript %}
  10. {% block main %}
  11. <style type="text/css">
  12. @media only screen and (min-width:641px) {/*pc*/
  13.   #bulk_purchase_form_wrap{
  14.     width: 70%;
  15.     margin: auto;
  16.   }
  17. }
  18. .ec-radio .ec-radio__input {
  19.   margin-right: 0.5rem;
  20. }
  21. .ec-radio {
  22.   display: inline-block;
  23.   margin-right: 1rem;
  24. }
  25. .bulk_weight_section {
  26.   background-color: #fbf6e5;
  27.   border-bottom: 5px solid white;
  28.   padding: 1rem;
  29.   margin-bottom: 1rem;
  30. }
  31. .bulk_weight_section .ec-radio {
  32.   display: block;
  33.   margin-bottom: 0.5rem;
  34. }
  35. .bulk_weight_section input[type="number"] {
  36.   width: 150px;
  37.   margin-left: 1rem;
  38. }
  39. </style>
  40. <div class="ec-pageHeader">
  41.     <h1>【国内最安値に挑戦中!】地金型コイン・モンスターボックスなど大量購入をご検討のお客様へ</h1>
  42. </div>
  43. <div class="ec-off1Grid">
  44.     <div class="ec-off1Grid__cell">
  45.         <!-- アラートメッセージ -->
  46.         {{ include('@PiaContact/default/alert.twig') }}
  47.         <div id="bulk_purchase_form_wrap">
  48.             <div class="ec-borderedDefs">
  49.                 <p>1,000枚、5,000枚、10,000枚、50,000枚、100,000枚、それ以上...大量購入をご検討の方は別途お見積りさせていただきますので、お気軽にお問い合わせくださいませ。<br/>
  50.                 ※見積もり結果は弊社営業時間内(9:00~17:00)に順次ご回答申し上げます。問い合わせ件数が多い場合ご回答にお時間を要する場合がございますので、ご了承ください。</p>
  51.                 <form name="form1" id="form1" method="post" action="{{ url('plugin_pia_form_bulk_purchase') }}" class="h-adr">
  52.                     <span class="p-country-name" style="display:none;">Japan</span>
  53.                     {{ form_widget(form._token) }}
  54.                     <input type="hidden" name="mode" value="confirm">
  55.                     <dl>
  56.                         <dt>
  57.                             {{ form_label(form.material, '素材', { 'label_attr': { 'class': 'ec-label' }}) }}
  58.                         </dt>
  59.                         <dd>
  60.                             <div class="ec-radio{{ has_errors(form.material) ? ' error' }}">
  61.                                 {{ form_widget(form.material) }}
  62.                                 {{ form_errors(form.material) }}
  63.                             </div>
  64.                         </dd>
  65.                     </dl>
  66.                     <dl>
  67.                         <dt>
  68.                             {{ form_label(form.type, '種類', { 'label_attr': { 'class': 'ec-label' }}) }}
  69.                         </dt>
  70.                         <dd>
  71.                             <div class="ec-radio{{ has_errors(form.type) ? ' error' }}">
  72.                                 {{ form_widget(form.type) }}
  73.                                 {{ form_errors(form.type) }}
  74.                             </div>
  75.                         </dd>
  76.                     </dl>
  77.                     <dl>
  78.                         <dt>
  79.                             {{ form_label(form.weight, '重量', { 'label_attr': { 'class': 'ec-label' }}) }}
  80.                         </dt>
  81.                         <dd>
  82.                             <div class="ec-radio{{ has_errors(form.weight) ? ' error' }}">
  83.                                 {{ form_widget(form.weight) }}
  84.                                 {{ form_errors(form.weight) }}
  85.                             </div>
  86.                         </dd>
  87.                     </dl>
  88.                     <dl>
  89.                         <dt>
  90.                             {{ form_label(form.num, '枚数', { 'label_attr': { 'class': 'ec-label' }}) }}
  91.                         </dt>
  92.                         <dd>
  93.                             <div class="ec-input{{ has_errors(form.num) ? ' error' }}">
  94.                                 {{ form_widget(form.num) }}
  95.                                 {{ form_errors(form.num) }}
  96.                             </div>
  97.                         </dd>
  98.                     </dl>
  99.                     <dl>
  100.                         <dt>
  101.                             {{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }}
  102.                         </dt>
  103.                         <dd>
  104.                             <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error'}}">
  105.                                 {{ form_widget(form.name.name01, { 'attr': { 'placeholder': '姓' }}) }}
  106.                                 {{ form_widget(form.name.name02, { 'attr': { 'placeholder': '名' }}) }}
  107.                                 {{ form_errors(form.name.name01) }}
  108.                                 {{ form_errors(form.name.name02) }}
  109.                             </div>
  110.                         </dd>
  111.                     </dl>
  112.                     <dl>
  113.                         <dt>
  114.                             {{ form_label(form.tel, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }}
  115.                         </dt>
  116.                         <dd>
  117.                             <div class="ec-telInput{{ has_errors(form.tel) ? ' error' }}">
  118.                                 {{ form_widget(form.tel) }}
  119.                                 {{ form_errors(form.tel) }}
  120.                             </div>
  121.                         </dd>
  122.                     </dl>
  123.                     <dl>
  124.                         <dt>
  125.                             {{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label' }}) }}
  126.                         </dt>
  127.                         <dd>
  128.                             <div class="ec-input{{ has_errors(form.email) ? ' error' }}">
  129.                                 {{ form_widget(form.email, { 'attr': { 'placeholder': '例:sample@example.com' }}) }}
  130.                                 {{ form_errors(form.email) }}
  131.                             </div>
  132.                         </dd>
  133.                     </dl>
  134.                     <div class="ec-off4Grid">
  135.                         <div class="ec-off4Grid__cell">
  136.                             <button type="submit" class="ec-blockBtn--action">{{ '確認ページへ'|trans }}</button>
  137.                         </div>
  138.                     </div>
  139.                 </form>
  140.             </div>
  141.         </div>
  142.     </div>
  143. </div>
  144. {% endblock %}