app/template/default/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 stylesheet %}
  16.     <link rel="stylesheet" href="{{ asset('assets/css/contact.css') }}">
  17. {% endblock %}
  19. {% block javascript %}
  20.     <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  21. {% endblock javascript %}
  23. {% block main %}
  25.     <div class="contact_wrapper body-section-ui">
  26.         <!-- breadcrumb -->
  27.         <nav class="breadcrumb" aria-label="パンくずリスト">
  28.             <a class="breadcrumb__item" href="{{ url('homepage') }}">ホーム</a>
  29.             <img class="breadcrumb__separator" src="{{ asset('assets/img/default/icons/icon-breadcrumb-separator.svg') }}" alt="" width="12" height="12" />
  30.             <span class="breadcrumb__item breadcrumb__item--current">お問い合わせ</span>
  31.         </nav>
  33.         <div class="container-1120">
  35.             <!-- title -->
  36.             <div class="base-title">
  37.                 <img class="base-title__icon" src="{{ asset('assets/img/default/icons/icon-title.png') }}" alt="" width="48" height="48" />
  38.                 <h1 class="base-title__text">{{ 'front.contact.title'|trans }}</h1>
  39.             </div>
  41.             <!-- content -->
  42.             <div class="base-content">
  43.                 <form method="post" action="{{ url('contact') }}" novalidate>
  44.                     {{ form_widget(form._token) }}
  45.                     <div class="contact-form">
  46.                         <!-- Name field -->
  47.                         <div class="contact-form__row">
  48.                             <div class="contact-form__label-group">
  49.                                 {{ form_label(form.name, 'common.name', { 'label_attr': { 'class': 'contact-form__label', 'for': 'name' }}) }}
  51.                             </div>
  52.                             <div class="contact-form__input-group{{ has_errors(form.name.name01, form.name.name02) ? ' error' }}">
  53.                                 <div class="contact-form__wrapper">
  54.                                     {{ form_widget(form.name.name01, {'attr': { 'class': 'contact-form__input', 'id': 'name-family', 'placeholder': 'common.last_name'|trans }}) }}
  55.                                     {{ form_errors(form.name.name01) }}
  56.                                 </div>
  58.                                 <div class="contact-form__wrapper">
  59.                                     {{ form_widget(form.name.name02, {'attr': { 'class': 'contact-form__input', 'id': 'name-given', 'placeholder': 'common.first_name'|trans }}) }}
  60.                                     {{ form_errors(form.name.name02) }}
  61.                                 </div>
  62.                             </div>
  63.                         </div>
  65.                         <!-- Name in Katakana field -->
  66.                         <div class="contact-form__row">
  67.                             <div class="contact-form__label-group">
  68.                                 {{ form_label(form.kana, 'common.kana', {'label_attr': {'class': 'contact-form__label', 'for': 'name-kana'}}) }}
  70.                             </div>
  71.                             <div class="contact-form__input-group{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error' }}">
  72.                                 {{ form_widget(form.kana.kana01, {'attr': { 'class': 'contact-form__input', 'id': 'name-kana-family', 'placeholder': 'common.last_name_kana'|trans }}) }}
  73.                                 {{ form_widget(form.kana.kana02, {'attr': { 'class': 'contact-form__input', 'id': 'name-kana-given', 'placeholder': 'common.first_name_kana'|trans }}) }}
  74.                                 {{ form_errors(form.kana.kana01) }}
  75.                                 {{ form_errors(form.kana.kana02) }}
  76.                             </div>
  77.                         </div>
  79.                         <!-- Email field -->
  80.                         <div class="contact-form__row">
  81.                             <div class="contact-form__label-group">
  82.                                 {{ form_label(form.email, 'common.mail_address', { 'label_attr': { 'class': 'contact-form__label', 'for': 'email' }}) }}
  84.                             </div>
  85.                             <div class="contact-form__input-group{{ has_errors(form.email) ? ' error' }}">
  86.                                 <div class="contact-form__wrapper">
  87.                                     {{ form_widget(form.email, {'attr': { 'class': 'contact-form__input', 'id': 'email', 'placeholder': '例：test@example.com' }}) }}
  88.                                     {{ form_errors(form.email) }}
  89.                                 </div>
  90.                             </div>
  91.                         </div>
  93.                         <!-- Inquiry content field -->
  94.                         <div class="contact-form__row">
  95.                             <div class="contact-form__label-group">
  96.                                 {{ form_label(form.contents, 'front.contact.inquiry_contents', { 'label_attr': { 'class': 'contact-form__label', 'for': 'inquiry' }}) }}
  98.                             </div>
  99.                             <div class="contact-form__wrapper">
  100.                                 {{ form_widget(form.contents, {'attr': { 'class': 'contact-form__textarea', 'id': 'inquiry', 'rows': '6' }}) }}
  101.                                 {{ form_errors(form.contents) }}
  102.                             </div>
  103.                         </div>
  105.                         {# エンティティ拡張の自動出力 #}
  106.                         {% for f in form|filter(f => f.vars.eccube_form_options.auto_render) %}
  107.                             {% if f.vars.eccube_form_options.form_theme %}
  108.                                 {% form_theme f f.vars.eccube_form_options.form_theme %}
  109.                                 {{ form_row(f) }}
  110.                             {% else %}
  111.                                 <div class="contact-form__row">
  112.                                     <div class="contact-form__label-group">
  113.                                         {{ form_label(f, null, {'label_attr': {'class': 'contact-form__label'}}) }}
  114.                                         {% if f.vars.required %}
  115.                                             <span class="contact-form__badge">必須</span>
  116.                                         {% endif %}
  117.                                     </div>
  118.                                     <div class="contact-form__input-group{{ has_errors(f) ? ' error' }}">
  119.                                         {{ form_widget(f, {'attr': {'class': 'contact-form__input'}}) }}
  120.                                         {{ form_errors(f) }}
  121.                                     </div>
  122.                                 </div>
  123.                             {% endif %}
  124.                         {% endfor %}
  125.                     </div>
  126.                     <!-- base button -->
  127.                     <div class="btn_contact_wrap">
  128.                         <button class="btn_primary btn_contact" type="submit" name="mode" value="confirm">
  129.                             <span class="btn_primary-text">送信する</span>
  130.                             <img class="btn_primary-icon" src="{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}" alt="" width="24" height="24" />
  131.                         </button>
  132.                     </div>
  133.                 </form>
  134.             </div>
  136.         </div>
  137.     </div>
  139. {% endblock %}