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

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