{% extends 'default_frame.twig' %}
{% block javascript %}
<script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
<script>
$(function(){
$("#bulk_purchase_num").after("枚");
});
</script>
{% endblock javascript %}
{% block main %}
<style type="text/css">
@media only screen and (min-width:641px) {/*pc*/
#bulk_purchase_form_wrap{
width: 70%;
margin: auto;
}
}
.ec-radio .ec-radio__input {
margin-right: 0.5rem;
}
.ec-radio {
display: inline-block;
margin-right: 1rem;
}
.bulk_weight_section {
background-color: #fbf6e5;
border-bottom: 5px solid white;
padding: 1rem;
margin-bottom: 1rem;
}
.bulk_weight_section .ec-radio {
display: block;
margin-bottom: 0.5rem;
}
.bulk_weight_section input[type="number"] {
width: 150px;
margin-left: 1rem;
}
</style>
<div class="ec-pageHeader">
<h1>【国内最安値に挑戦中!】地金型コイン・モンスターボックスなど大量購入をご検討のお客様へ</h1>
</div>
<div class="ec-off1Grid">
<div class="ec-off1Grid__cell">
<!-- アラートメッセージ -->
{{ include('@PiaContact/default/alert.twig') }}
<div id="bulk_purchase_form_wrap">
<div class="ec-borderedDefs">
<p>1,000枚、5,000枚、10,000枚、50,000枚、100,000枚、それ以上...大量購入をご検討の方は別途お見積りさせていただきますので、お気軽にお問い合わせくださいませ。<br/>
※見積もり結果は弊社営業時間内(9:00~17:00)に順次ご回答申し上げます。問い合わせ件数が多い場合ご回答にお時間を要する場合がございますので、ご了承ください。</p>
<form name="form1" id="form1" method="post" action="{{ url('plugin_pia_form_bulk_purchase') }}" class="h-adr">
<span class="p-country-name" style="display:none;">Japan</span>
{{ form_widget(form._token) }}
<input type="hidden" name="mode" value="confirm">
<dl>
<dt>
{{ form_label(form.material, '素材', { 'label_attr': { 'class': 'ec-label' }}) }}
</dt>
<dd>
<div class="ec-radio{{ has_errors(form.material) ? ' error' }}">
{{ form_widget(form.material) }}
{{ form_errors(form.material) }}
</div>
</dd>
</dl>
<dl>
<dt>
{{ form_label(form.type, '種類', { 'label_attr': { 'class': 'ec-label' }}) }}
</dt>
<dd>
<div class="ec-radio{{ has_errors(form.type) ? ' error' }}">
{{ form_widget(form.type) }}
{{ form_errors(form.type) }}
</div>
</dd>
</dl>
<dl>
<dt>
{{ form_label(form.weight, '重量', { 'label_attr': { 'class': 'ec-label' }}) }}
</dt>
<dd>
<div class="ec-radio{{ has_errors(form.weight) ? ' error' }}">
{{ form_widget(form.weight) }}
{{ form_errors(form.weight) }}
</div>
</dd>
</dl>
<dl>
<dt>
{{ form_label(form.num, '枚数', { 'label_attr': { 'class': 'ec-label' }}) }}
</dt>
<dd>
<div class="ec-input{{ has_errors(form.num) ? ' error' }}">
{{ form_widget(form.num) }}
{{ form_errors(form.num) }}
</div>
</dd>
</dl>
<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.tel, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }}
</dt>
<dd>
<div class="ec-telInput{{ has_errors(form.tel) ? ' error' }}">
{{ form_widget(form.tel) }}
{{ form_errors(form.tel) }}
</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': '例:sample@example.com' }}) }}
{{ form_errors(form.email) }}
</div>
</dd>
</dl>
<div class="ec-off4Grid">
<div class="ec-off4Grid__cell">
<button type="submit" class="ec-blockBtn--action">{{ '確認ページへ'|trans }}</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
{% endblock %}