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

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% form_theme form 'Form/form_div_layout.twig' %}
  5. {% block javascript %}
  6. <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  7. {% endblock javascript %}
  9. {% block main %}
  10. <div class="main_ttl_wrap">
  11.     <h2 class="main_ttl">お問い合わせ</h2>
  12. </div>
  14. <p class="sp_ml5 sp_mr5">内容によっては回答をさしあげるのにお時間をいただくこともございます。<br>また、休業日は翌営業日以降の対応となりますのでご了承ください。</p>
  16. <form method="post" action="{{ url('contact') }}" class="h-adr" novalidate>
  17.     <span class="p-country-name" style="display:none;">Japan</span>
  18.     {{ form_widget(form._token) }}
  19.     <div class="form_area sp_ml5 sp_mr5">
  20.         <dl>
  21.             <dt>
  22.                 法人名・事業名
  23.             </dt>
  24.             <dd>
  25.                 <div class="ec-halfInput{{ has_errors(form.corporate) ? ' error' }}">
  26.                     {{ form_widget(form.corporate, {'attr': { 'placeholder': '法人名・事業名','class': 'inputBox inputBox_w100' }})}}
  27.                     <div>
  28.                         {{ form_errors(form.corporate) }}
  29.                     </div>
  30.                 </div>
  31.             </dd>
  32.             <dt>
  33.                 法人名・事業名(フリガナ)
  34.             </dt>
  35.             <dd>
  36.                 <div class="ec-halfInput{{ has_errors(form.corporate_kana) ? ' error' }}">
  37.                     {{ form_widget(form.corporate_kana, {'attr': { 'placeholder': '法人名・事業名(フリガナ)','class': 'inputBox inputBox_w100'
  38.                     }})}}
  39.                     <div>
  40.                         {{ form_errors(form.corporate_kana) }}
  41.                     </div>
  42.                 </div>
  43.             </dd>
  44.             <dt>
  45.                 お名前<span class="must">必須</span>
  46.             </dt>
  47.             <dd>
  48.                 <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error' }}">
  49.                     {{ form_widget(form.name.name01, {'attr': { 'placeholder': '姓','class': 'inputBox word_box' }})
  50.                     }}
  51.                     {{ form_widget(form.name.name02, {'attr': { 'placeholder': '名','class': 'inputBox word_box' }})
  52.                     }}
  53.                     <div class="lh1">
  54.                         {{ form_errors(form.name.name01) }}
  55.                     </div>
  57.                     <div class="lh1">
  58.                         {{ form_errors(form.name.name02) }}
  59.                     </div>
  61.                 </div>
  62.             </dd>
  63.             <dt>
  64.                 お名前(カナ)<span class="must">必須</span>
  65.             </dt>
  66.             <dd>
  67.                 <div class="ec-halfInput{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error' }}">
  68.                     {{ form_widget(form.kana.kana01, {'attr': { 'placeholder': 'セイ','class': 'inputBox word_box' }})
  69.                     }}
  70.                     {{ form_widget(form.kana.kana02, {'attr': { 'placeholder': 'メイ','class': 'inputBox word_box' }})
  71.                     }}
  72.                     <div class="lh1">
  73.                         {{ form_errors(form.kana.kana01) }}
  74.                     </div>
  76.                     <div class="lh1">
  77.                         {{ form_errors(form.kana.kana02) }}
  78.                     </div>
  80.                 </div>
  81.             </dd>
  82.             <dt>
  83.                 住所
  84.             </dt>
  85.             <dd>
  86.                 <div class="zipInput_wrap">
  87.                     <span>〒</span>
  88.                     {{ form_widget(form.postal_code, {'attr': {'class': 'p-postal-code inputBox short_box' }}) }}
  90.                     <img src="{{ asset('assets/img/icon/question.svg') }}" alt="" class="img_question">
  91.                     <a href="https://www.post.japanpost.jp/zipcode/" target="_blank"><span>郵便番号検索</span></a>
  92.                 </div>
  93.                 {{ form_errors(form.postal_code) }}
  95.                 <div class="{{ has_errors(form.address.pref) ? ' error' }}">
  96.                     {{ form_widget(form.address.pref, {'attr': {'class': 'selectBox middle_box mb10 p-region-id' }}) }}
  97.                     {{ form_errors(form.address.pref) }}
  98.                 </div>
  100.                 <div class="ec-input{{ has_errors(form.address.addr01) ? ' error' }}">
  101.                     {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '市区町村' ,'class': 'inputBox mb10
  102.                     p-locality p-street-address'
  103.                     }})
  104.                     }}
  105.                     {{ form_errors(form.address.addr01) }}
  106.                 </div>
  107.                 <div class="ec-input{{ has_errors(form.address.addr02) ? ' error' }}">
  108.                     {{ form_widget(form.address.addr02, { 'attr': { 'placeholder': '番地・ビル名（例：難波千日前3-10）'
  109.                     ,'class': 'inputBox p-extended-address'
  110.                     }})}}
  111.                     {{ form_errors(form.address.addr02) }}
  112.                 </div>
  114.             </dd>
  115.             <dt>電話番号</dt>
  116.             <dd>
  117.                 <div class="ec-telInput{{ has_errors(form.phone_number) ? ' error' }}">
  118.                     {{ form_widget(form.phone_number, {'attr': { 'class': 'inputBox' }}) }}
  119.                     {{ form_errors(form.phone_number) }}
  120.                 </div>
  121.             </dd>
  122.             <dt>
  123.                 メールアドレス<span class="must">必須</span>
  124.             </dt>
  125.             <dd>
  126.                 <div class="ec-input{{ has_errors(form.email) ? ' error' }}">
  127.                     {{ form_widget(form.email ,{'attr': { 'placeholder': 'info@exmple.com','class': 'inputBox mb10'
  128.                     }}) }}
  129.                     {{ form_widget(form.email2 ,{'attr': { 'placeholder': 'info@exmple.com','class': 'inputBox mb10'
  130.                     }}) }}
  131.                     {{ form_errors(form.email) }}
  132.                     {{ form_errors(form.email2) }}
  133.                 </div>
  134.                 <ul class="asterisk txt_red">
  135.                     <li>法人・個人事業主のお客様の場合にご入力ください。</li>
  136.                 </ul>
  137.             </dd>
  138.             <dt class="ver">
  139.                 お問い合わせ内容<br>（全角1000字以下）<span class="must">必須</span>
  140.             </dt>
  141.             <dd>
  142.                 <div class="ec-input{{ has_errors(form.contents) ? ' error' }}">
  143.                     {{ form_widget(form.contents,{'attr': {'rows': 10, 'class': 'textareaBox' }}) }}
  144.                     {{ form_errors(form.contents) }}
  145.                 </div>
  146.                 <ul class="asterisk txt_red">
  147.                     <li>ご注文に関するお問い合わせには、<br class="pc">必ず「ご注文番号」をご記入くださいますようお願いいたします。</li>
  148.                 </ul>
  149.             </dd>
  151.             {# エンティティ拡張の自動出力 #}
  152.             {% for f in form|filter(f => f.vars.eccube_form_options.auto_render) %}
  153.             {% if f.vars.eccube_form_options.form_theme %}
  154.             {% form_theme f f.vars.eccube_form_options.form_theme %}
  155.             {{ form_row(f) }}
  156.             {% else %}
  157.             <dt>
  158.                 {% set label_class = f.vars.label_attr.class is defined ? f.vars.label_attr.class : '' %}
  159.                 {{ form_label(f, f.vars.label, { 'label_attr': {'class': label_class ~ ' ec-label' }}) }}
  160.             </dt>
  161.             <dd>
  162.                 <div class="{{ f.vars.eccube_form_options.style_class }}{{ has_errors(f) ? ' error' }}">
  163.                     {{ form_widget(f) }}
  164.                     {{ form_errors(f) }}
  165.                 </div>
  166.             </dd>
  167.             {% endif %}
  168.             {% endfor %}
  170.         </dl>
  171.     </div>
  172.     <div class="flex_btn">
  173.         <button class="action_btn btn no_arrow" type="submit" name="mode" value="confirm">確認ページへ</button>
  174.     </div>
  175. </form>
  176. <style>
  177.     .inputBox_w100 {
  178.         width: 100% !important;
  179.         margin-bottom: 0 !important;
  180.     }
  181.     .ec-halfInput .ec-errorMessage,
  182.     .ec-input .ec-errorMessage {
  183.         margin: 0;
  184.     }
  186.     .lh1 {
  187.         line-height: 1.1;
  188.     }
  189. </style>
  190. {% endblock %}