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

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