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

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block stylesheet %}
  4.   {{ parent() }}
  5.   <link rel="stylesheet" href="/user_data/common/css/form.css">
  6.   <link rel="stylesheet" href="/user_data/common/css/form_coins_from_bars.css">
  7. {% endblock %}
  9. {% block javascript %}
  10. <script>
  12. </script>
  13. <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  14. {% endblock javascript %}
  16. {% block main %}
  17. <style type="text/css">
  18. @media only screen and (min-width:641px) {/*pc*/
  19.   #coins_from_bars_form_wrap{
  20.     width: 70%;
  21.     margin: auto;
  22.   }
  23. }
  24. .coins_from_bars_form_table {
  25.   width: 100%;
  26.   border-collapse: collapse;
  27.   margin-bottom: 1rem;
  28. }
  29. .coins_from_bars_form_table th {
  30.   background-color: #f8f9fa;
  31.   padding: 1rem;
  32.   text-align: left;
  33.   border: 1px solid #ddd;
  34.   width: 150px;
  35. }
  36. .coins_from_bars_form_table td {
  37.   padding: 1rem;
  38.   border: 1px solid #ddd;
  39. }
  40. .coins_from_bars_banner {
  41.   text-align: center;
  42.   margin: 2rem 0;
  43. }
  44. .coins_from_bars_banner img {
  45.   max-width: 100%;
  46.   height: auto;
  47. }
  48. </style>
  50. <div class="ec-pageHeader">
  51.     <h1>【バーからコイン】お問い合わせ</h1>
  52. </div>
  54. <div class="ec-off1Grid">
  55.     <div class="ec-off1Grid__cell">
  56.         <!-- アラートメッセージ -->
  57.         {{ include('@PiaContact/default/alert.twig') }}
  59.         <div id="coins_from_bars_form_wrap">
  60.             <div class="ec-borderedDefs">
  61.                 <!-- バナー画像 -->
  62.                 <div class="coins_from_bars_banner">
  63.                     <img src="https://www.coinpalace.jp/user_data/img/top_banner_half_gold2_sm.jpg" alt="バーからコイン">
  64.                 </div>
  66.                 <p>バーからコインのご注文をお受けいたします。<br>
  67.                 内容によっては回答をさしあげるのにお時間をいただくこともございます。<br>
  68.                 また、休業日は翌営業日以降の対応となりますのでご了承ください。</p>
  70.                 <form name="form1" id="form1" method="post" action="{{ url('plugin_pia_coins_from_bars') }}">
  71.                     {{ form_widget(form._token) }}
  72.                     <input type="hidden" name="mode" value="confirm">
  74.                     <table class="coins_from_bars_form_table">
  75.                         <tr>
  76.                             <th>{{ form_label(form.weight) }}</th>
  77.                             <td>
  78.                                 <div class="ec-input{{ has_errors(form.weight) ? ' error' }}">
  79.                                     {{ form_widget(form.weight) }}
  80.                                     {{ form_errors(form.weight) }}
  81.                                 </div>
  82.                             </td>
  83.                         </tr>
  84.                         <tr>
  85.                             <th>{{ form_label(form.coin_num) }}</th>
  86.                             <td>
  87.                                 <div class="ec-input{{ has_errors(form.coin_num) ? ' error' }}">
  88.                                     {{ form_widget(form.coin_num) }}
  89.                                     {{ form_errors(form.coin_num) }}
  90.                                 </div>
  91.                             </td>
  92.                         </tr>
  93.                         <tr>
  94.                             <th>お名前 <span style="color: red">必須</span></th>
  95.                             <td>
  96.                                 <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error'}}">
  97.                                     {{ form_widget(form.name.name01, { 'attr': { 'placeholder': '姓' }}) }}
  98.                                     {{ form_widget(form.name.name02, { 'attr': { 'placeholder': '名' }}) }}
  99.                                     {{ form_errors(form.name.name01) }}
  100.                                     {{ form_errors(form.name.name02) }}
  101.                                 </div>
  102.                             </td>
  103.                         </tr>
  104.                         <tr>
  105.                             <th>メールアドレス <span style="color: red">必須</span></th>
  106.                             <td>
  107.                                 <div class="ec-input{{ has_errors(form.email) ? ' error' }}">
  108.                                     {{ form_widget(form.email, { 'attr': { 'placeholder': '例：sample@example.com' }}) }}
  109.                                     {{ form_errors(form.email) }}
  110.                                 </div>
  111.                             </td>
  112.                         </tr>
  113.                         <tr>
  114.                             <th>電話番号 <span style="color: red">必須</span></th>
  115.                             <td>
  116.                                 <div class="ec-telInput{{ has_errors(form.tel) ? ' error' }}">
  117.                                     {{ form_widget(form.tel) }}
  118.                                     {{ form_errors(form.tel) }}
  119.                                 </div>
  120.                             </td>
  121.                         </tr>
  122.                         <tr>
  123.                             <th>{{ form_label(form.inquiries) }}</th>
  124.                             <td>
  125.                                 <div class="ec-input{{ has_errors(form.inquiries) ? ' error' }}">
  126.                                     {{ form_widget(form.inquiries) }}
  127.                                     {{ form_errors(form.inquiries) }}
  128.                                 </div>
  129.                             </td>
  130.                         </tr>
  131.                     </table>
  133.                     <div class="g-recaptcha" data-sitekey="{{ recaptcha_site_key }}"></div>
  134.                     <div class="ec-off4Grid" style="margin-top: 2rem;">
  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 %}