app/template/airconwork/Contact/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% form_theme form 'Form/form_div_layout.twig' %}
  15. {% block javascript %}
  16.     <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  17. {% endblock javascript %}
  19. {% block title %}
  20. <h1 class="c-title-06">
  21. <span class="s-text">
  22. お問い合わせ
  23. </span>
  24. </h1>
  25. {% endblock %}
  27. {% block main %}
  29. <div class="p-contact-form">
  30.     <form method="post" action="{{ url('contact') }}" class="h-adr" novalidate>
  31.         <span class="p-country-name" style="display:none;">Japan</span>
  32.         {{ form_widget(form._token) }}
  33.         <p class="ec-para-normal">{{ '内容によっては回答をさしあげるのにお時間をいただくこともございます。
  34. また、休業日は翌営業日以降の対応となりますのでご了承ください。
  35. '|trans|nl2br }}</p>
  36.         <div class="ec-borderedDefs">
  37.             <table class="c-table-02  s-sp" summary="問い合わせフォーム">
  38. <tr>
  39.                 <th>
  40.                     {{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }}
  41.                 </th>
  42.                 <td>
  43.                     <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error' }}">
  44.                         {{ form_widget(form.name.name01, {'attr': { 'placeholder': '姓' }}) }}
  45.                         {{ form_widget(form.name.name02, {'attr': { 'placeholder': '名' }}) }}
  46.                         {{ form_errors(form.name.name01) }}
  47.                         {{ form_errors(form.name.name02) }}
  48.                     </div>
  49.                 </td>
  50.             </tr>
  51.             <tr>
  52.                 <th>
  53.                     {{ form_label(form.kana, 'お名前(カナ)', {'label_attr': {'class': 'ec-label'}}) }}
  54.                 </th>
  55.                 <td>
  56.                     <div class="ec-halfInput{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error' }}">
  57.                         {{ form_widget(form.kana.kana01, {'attr': { 'placeholder': 'セイ' }}) }}
  58.                         {{ form_widget(form.kana.kana02, {'attr': { 'placeholder': 'メイ' }}) }}
  59.                         {{ form_errors(form.kana.kana01) }}
  60.                         {{ form_errors(form.kana.kana02) }}
  61.                     </div>
  62.                 </td>
  63.             </tr>
  64.             <tr>
  65.                 <th>
  66.                     {{ form_label(form.address, '住所', { 'label_attr': { 'class': 'ec-label' }}) }}
  67.                 </th>
  68.                 <td>
  69.                     <div class="ec-zipInput{{ has_errors(form.postal_code) ? ' error' }}">
  70.                         <span>{{ '〒'|trans }}</span>
  71.                         {{ form_widget(form.postal_code) }}
  72.                         <a href="https://www.post.japanpost.jp/zipcode/" target="_blank"><span>{{ '郵便番号検索'|trans }}</span></a>
  74.                         {{ form_errors(form.postal_code) }}
  75.                     </div>
  76.                     <div class="ec-select{{ has_errors(form.address.pref) ? ' error' }}">
  77.                         {{ form_widget(form.address.pref) }}
  78.                         {{ form_errors(form.address.pref) }}
  79.                     </div>
  80.                     <div class="ec-input{{ has_errors(form.address.addr01) ? ' error' }}">
  81.                         {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '市区町村名(例：大阪市北区)' }}) }}
  82.                         {{ form_errors(form.address.addr01) }}
  83.                     </div>
  84.                     <div class="ec-input{{ has_errors(form.address.addr02) ? ' error' }}">
  85.                         {{ form_widget(form.address.addr02,  { 'attr': { 'placeholder': '番地・ビル名(例：西梅田1丁目6-8)' }}) }}
  86.                         {{ form_errors(form.address.addr02) }}
  87.                     </div>
  88.                     <p>住所は2つに分けてご記入ください。マンション名は必ず記入してください。</p>
  89.                 </td>
  90.             </tr>
  91.             <tr>
  92.                 <th>
  93.                     {{ form_label(form.phone_number, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }}
  94.                 </th>
  95.                 <td>
  96.                     <div class="ec-telInput{{ has_errors(form.phone_number) ? ' error' }}">
  97.                         {{ form_widget(form.phone_number) }}
  98.                         {{ form_errors(form.phone_number) }}
  99.                     </div>
  100.                 </td>
  101.             </tr>
  102.             <tr>
  103.                 <th>
  104.                     {{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label' }}) }}
  105.                 </th>
  106.                 <td>
  107.                     <div class="ec-input{{ has_errors(form.email) ? ' error' }}">
  108.                         {{ form_widget(form.email) }}
  109.                         {{ form_errors(form.email) }}
  110.                     </div>
  111.                 </td>
  112.             </tr>
  113.             <tr>
  114.                 <th>
  115.                     {{ form_label(form.contents, 'お問い合わせ内容', { 'label_attr': { 'class': 'ec-label' }}) }}
  116.                 </th>
  117.                 <td>
  118.                     <div class="ec-input{{ has_errors(form.contents) ? ' error' }}">
  119.                         {{ form_widget(form.contents) }}
  120.                         {{ form_errors(form.contents) }}
  121.                     </div>
  122.                 </td>
  123.             </tr>
  124.             {# エンティティ拡張の自動出力 #}
  125.             {% for f in form|filter(f => f.vars.eccube_form_options.auto_render) %}
  126.                 {% if f.vars.eccube_form_options.form_theme %}
  127.                     {% form_theme f f.vars.eccube_form_options.form_theme %}
  128.                     {{ form_row(f) }}
  129.                 {% else %}
  130.                     <tr>
  131.                         <th>
  132.                             {% set label_class =  f.vars.label_attr.class is defined ? f.vars.label_attr.class : '' %}
  133.                             {{ form_label(f, f.vars.label, { 'label_attr': {'class': label_class ~ ' ec-label' }}) }}
  134.                         </th>
  135.                         <td>
  136.                             <div class="{{ f.vars.eccube_form_options.style_class }}{{ has_errors(f) ? ' error' }}">
  137.                                 {{ form_widget(f) }}
  138.                                 {{ form_errors(f) }}
  139.                             </div>
  140.                         </td>
  141.                     </tr>
  142.                 {% endif %}
  143.             {% endfor %}
  144.             </table>
  145.         </div>
  147.         <div class="p-contact-form__btn">
  148.             <button type="submit" class="ec-blockBtn--action c-btn-01" name="mode" value="confirm">
  149.             <span class="s-text">{{ '入力内容を確認する'|trans }}</span>
  150.             <i class="s-icon">
  151.                 <svg>
  152.                 <use xlink:href="/html/template/airconwork/assets/img/ico/ico_arrow_forward.svg#obj"></use>
  153.                 </svg>
  154.             </i>
  155.             </button>
  156.         </div>
  158.     </form>
  159. </div>
  161. {% endblock %}