app/Plugin/PiaContact/Resource/template/default/sell_gold_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.   #sell_gold_bars_form_wrap{
  13.     width: 70%;
  14.     margin: auto;
  15.   }
  16. }
  17. .sell_gold_bars_form_table {
  18.   width: 100%;
  19.   border-collapse: collapse;
  20.   margin-bottom: 1rem;
  21. }
  22. .sell_gold_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. .sell_gold_bars_form_table td {
  30.   padding: 1rem;
  31.   border: 1px solid #ddd;
  32. }
  33. .gold_bars_banner {
  34.   text-align: center;
  35.   margin: 2rem 0;
  36. }
  37. .gold_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="sell_gold_bars_form_wrap">
  53.             <div class="ec-borderedDefs">
  54.                 <!-- バナー画像 -->
  55.                 <div class="gold_bars_banner">
  56.                     <img src="https://www.coinpalace.jp/user_data/img/top_banner_half_gold1_sm.jpg" alt="ゴールドバーお売りください">
  57.                 </div>
  59.                 <form name="form1" id="form1" method="post" action="{{ url('plugin_pia_sell_gold_bars') }}">
  60.                     {{ form_widget(form._token) }}
  61.                     <input type="hidden" name="mode" value="confirm">
  63.                     <table class="sell_gold_bars_form_table">
  64.                         <tr>
  65.                             <th>{{ form_label(form.weight) }}</th>
  66.                             <td>
  67.                                 <div class="ec-input{{ has_errors(form.weight) ? ' error' }}">
  68.                                     {{ form_widget(form.weight) }}
  69.                                     {{ form_errors(form.weight) }}
  70.                                 </div>
  71.                             </td>
  72.                         </tr>
  73.                         <tr>
  74.                             <th>お名前 <span style="color: red">必須</span></th>
  75.                             <td>
  76.                                 <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error'}}">
  77.                                     {{ form_widget(form.name.name01, { 'attr': { 'placeholder': '姓' }}) }}
  78.                                     {{ form_widget(form.name.name02, { 'attr': { 'placeholder': '名' }}) }}
  79.                                     {{ form_errors(form.name.name01) }}
  80.                                     {{ form_errors(form.name.name02) }}
  81.                                 </div>
  82.                             </td>
  83.                         </tr>
  84.                         <tr>
  85.                             <th>メールアドレス <span style="color: red">必須</span></th>
  86.                             <td>
  87.                                 <div class="ec-input{{ has_errors(form.email) ? ' error' }}">
  88.                                     {{ form_widget(form.email, { 'attr': { 'placeholder': '例：sample@example.com' }}) }}
  89.                                     {{ form_errors(form.email) }}
  90.                                 </div>
  91.                             </td>
  92.                         </tr>
  93.                         <tr>
  94.                             <th>電話番号 <span style="color: red">必須</span></th>
  95.                             <td>
  96.                                 <div class="ec-telInput{{ has_errors(form.tel) ? ' error' }}">
  97.                                     {{ form_widget(form.tel) }}
  98.                                     {{ form_errors(form.tel) }}
  99.                                 </div>
  100.                             </td>
  101.                         </tr>
  102.                         <tr>
  103.                             <th>{{ form_label(form.inquiries) }}</th>
  104.                             <td>
  105.                                 <div class="ec-input{{ has_errors(form.inquiries) ? ' error' }}">
  106.                                     {{ form_widget(form.inquiries) }}
  107.                                     {{ form_errors(form.inquiries) }}
  108.                                 </div>
  109.                             </td>
  110.                         </tr>
  111.                     </table>
  113.                     <div class="ec-off4Grid" style="margin-top: 2rem;">
  114.                         <div class="ec-off4Grid__cell">
  115.                             <button type="submit" class="ec-blockBtn--action">{{ '確認ページへ'|trans }}</button>
  116.                         </div>
  117.                     </div>
  118.                 </form>
  119.             </div>
  120.         </div>
  121.     </div>
  122. </div>
  123. {% endblock %}