{% 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 %}
<div class="ec-registerRole">
<div class="kaso_h1title">
<p>Contact</p>
<h1>お問い合わせ</h1>
</div>
<div id="contents" class="main_only">
<div class="container-fluid inner no-padding">
<div id="main">
<div id="top_wrap" class="container-fluid">
<div id="top_box" class="row">
<div id="top_box__body" class="col-md-10 col-md-offset-1">
<p>内容によっては回答を差し上げるのにお時間をいただくこともございます。<br/>
また、休業日は翌営業日以降の対応となりますのでご了承ください。</p>
<form method="post" action="{{ url('contact') }}" class="h-adr" novalidate>
{{ form_widget(form._token) }}
<div id="top_box__body_inner" class="dl_table">
<dl>
<dt>
{{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }}
</dt>
<dd>
<div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error' }}">
{{ form_widget(form.name.name01, {'attr': { 'placeholder': '姓' }}) }}
{{ form_widget(form.name.name02, {'attr': { 'placeholder': '名' }}) }}
{{ form_errors(form.name.name01) }}
{{ form_errors(form.name.name02) }}
</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) }}
{{ form_errors(form.email) }}
</div>
</dd>
</dl>
<dl>
<dt>
{{ form_label(form.phone_number, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }}
</dt>
<dd>
<div class="ec-telInput{{ has_errors(form.phone_number) ? ' error' }}">
{{ form_widget(form.phone_number) }}
{{ form_errors(form.phone_number) }}
</div>
</dd>
</dl>
<dl>
<dt>
{{ form_label(form.contents, 'お問い合わせ内容', { 'label_attr': { 'class': 'ec-label' }}) }}
</dt>
<dd>
<div class="ec-input{{ has_errors(form.contents) ? ' error' }}">
{{ form_widget(form.contents) }}
{{ form_errors(form.contents) }}
</div>
<p>{{ 'ご注文に関するお問い合わせには、必ず「ご注文番号」をご記入くださいますようお願いいたします。'|trans }}</p>
</dd>
</dl>
</div>
<div class="ec-RegisterRole__actions">
<div class="ec-off4Grid">
<div class="ec-off4Grid__cell">
<button type="submit" class="ec-blockBtn--action" name="mode"
value="confirm">{{ '確認ページへ'|trans }}
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}