{#
This file is part of EC-CUBE
Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
http://www.ec-cube.co.jp/
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{% extends 'default_frame.twig' %}
{% form_theme form 'Form/form_div_layout.twig' %}
{% block javascript %}
<script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
{% endblock javascript %}
{% block main %}
{{ include('Block/banner.twig', { 'image': asset('assets/img/contact.png', "user_data"), 'title': 'CONTACT', 'subtitle': 'お問い合わせ' }) }}
<div class="ec-inquiryRole">
<div class="ec-inquiryRole__container">
<form method="post" action="{{ url('inquiry') }}" class="h-adr" novalidate>
<span class="p-country-name" style="display:none;">Japan</span>
{{ form_widget(form._token) }}
<p class="inquiry__note scroll-fadein">{{ '興味を持っていただきありがとうございます
下記フォーム、お電話から、お気軽にお問い合わせください。
'|trans|nl2br }}
</p>
<div class="inquiry__info text-center scroll-fadein">
<p class="phone">
<i class="fa fa-phone" aria-hidden="true" style="transform: rotate(90deg);"></i>
<span>0120-356-100</span>
</p>
<p>
{{
'[受付時間] 平日9:00~18:00
(土・日・祝日定休)'|nl2br
}}
</p>
</div>
<div class="ec-borderedDefs scroll-fadein">
<dl>
<dt>
{{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }}
</dt>
<dd>
<div class="ec-input{{ has_errors(form.name) ? ' error' }}">
{{ form_widget(form.name, {'attr': { 'placeholder': 'お名前' }}) }}
{{ form_errors(form.name) }}
</div>
</dd>
</dl>
<dl>
<dt>
{{ form_label(form.kana, 'フリガナ', {'label_attr': {'class': 'ec-label'}}) }}
</dt>
<dd>
<div class="ec-input{{ has_errors(form.kana) ? ' error' }}">
{{ form_widget(form.kana, {'attr': { 'placeholder': 'フリガナ' }}) }}
{{ form_errors(form.kana) }}
</div>
</dd>
</dl>
<dl>
<dt>
{{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label' }}) }}
</dt>
<dd>
<div class="ec-input{{ has_errors(form.email) ? ' error' }}">
{{ form_widget(form.email, {'attr': { 'placeholder': 'XXXXXX@XXXX.OO.com' }}) }}
{{ form_errors(form.email) }}
</div>
</dd>
</dl>
<dl>
<dt>
{{ form_label(form.title, 'お問い合わせ内容', { 'label_attr': { 'class': 'ec-label' }}) }}
</dt>
<dd>
<div class="ec-input{{ has_errors(form.title) ? ' error' }}">
{{ form_widget(form.title) }}
{{ form_errors(form.title) }}
</div>
</dd>
</dl>
<dl>
<dt>
{{ form_label(form.content, 'お問い合わせ内容詳細', { 'label_attr': { 'class': 'ec-label' }}) }}
</dt>
<dd>
<div class="ec-input{{ has_errors(form.content) ? ' error' }}">
{{ form_widget(form.content) }}
{{ form_errors(form.content) }}
</div>
</dd>
</dl>
{# エンティティ拡張の自動出力 #}
{% for f in form|filter(f => f.vars.eccube_form_options.auto_render) %}
{% if f.vars.eccube_form_options.form_theme %}
{% form_theme f f.vars.eccube_form_options.form_theme %}
{{ form_row(f) }}
{% else %}
<dl>
<dt>
{% set label_class = f.vars.label_attr.class is defined ? f.vars.label_attr.class : '' %}
{{ form_label(f, f.vars.label, { 'label_attr': {'class': label_class ~ ' ec-label' }}) }}
</dt>
<dd>
<div class="{{ f.vars.eccube_form_options.style_class }}{{ has_errors(f) ? ' error' }}">
{{ form_widget(f) }}
{{ form_errors(f) }}
</div>
</dd>
</dl>
{% endif %}
{% endfor %}
</div>
<div class="ec-RegisterRole__actions">
<div class="ec-off4Grid">
<div class="ec-off4Grid__cell">
<button type="submit" class="inquiry__btn h-transparent" name="mode" value="confirm">{{ '送信'|trans }}
</button>
</div>
</div>
</div>
</form>
</div>
</div>
{% endblock %}