{% extends 'default_frame.twig' %}
{% block javascript %}
<script src="https://yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
{% endblock javascript %}
{% block stylesheet %}
<link rel="stylesheet" href="/test/contact_form.css">
{% endblock %}
{% block main %}
<div class="contact_area" id="form_recruit">
<div class="ec-off1Grid">
<div class="ec-off1Grid__cell">
{{ include('@PiaContact/default/alert.twig') }}
<h1 class="page-heading">リクルート応募フォーム</h1>
<div id="recruit_form_wrap">
<div class="ec-borderedDefs">
<p id="attention">ご応募の方は入力内容を入力し「確認ページへ」ボタンを押して下さい。</p>
<form name="form1" id="form1" method="post" action="{{ url('plugin_pia_form_recruit') }}" class="h-adr">
<span class="p-country-name" style="display:none;">Japan</span>
{{ form_widget(form._token) }}
<input type="hidden" name="mode" value="confirm">
<table class="seminar_form_table">
<tr>
<th>お名前 <span style="color: red">必須</span></th>
<td>
<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>
</td>
</tr>
<tr>
<th>フリガナ <span style="color: red">必須</span></th>
<td>
<div class="ec-halfInput{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error' }}">
{{ form_widget(form.kana.kana01, { 'attr': { 'placeholder': 'セイ' }}) }}
{{ form_widget(form.kana.kana02, { 'attr': { 'placeholder': 'メイ' }}) }}
{{ form_errors(form.kana.kana01) }}
{{ form_errors(form.kana.kana02) }}
</div>
</td>
</tr>
<tr>
<th>生年月日 <span style="color: red">必須</span></th>
<td>
<div class="ec-input{{ has_errors(form.birth) ? ' error' }}">
{{ form_widget(form.birth) }}
{{ form_errors(form.birth) }}
</div>
</td>
</tr>
<tr>
<th>性別</th>
<td>
<div class="ec-input{{ has_errors(form.sex) ? ' error' }}">
{{ form_widget(form.sex) }}
{{ form_errors(form.sex) }}
</div>
</td>
</tr>
<tr>
<th>郵便番号 <span style="color: red">必須</span></th>
<td>
<div class="ec-zipInput{{ has_errors(form.zip) ? ' error' }}">
<span>{{ '〒'|trans }}</span>
{{ form_widget(form.zip) }}
<div class="ec-zipInputHelp">
<div class="ec-zipInputHelp__icon">
<div class="ec-icon"><img
src="{{ asset('assets/icon/question-white.svg') }}" alt="">
</div>
</div>
<a href="https://www.post.japanpost.jp/zipcode/"
target="_blank"><span>{{ '郵便番号検索'|trans }}</span></a>
</div>
{{ form_errors(form.zip) }}
</div>
</td>
</tr>
<tr>
<th>住所 <span style="color: red">必須</span></th>
<td>
<div class="ec-select{{ has_errors(form.address.pref) ? ' error' }}">
{{ form_widget(form.address.pref) }}
{{ form_errors(form.address.pref) }}
</div>
<div class="ec-input{{ has_errors(form.address.addr01) ? ' error' }}">
{{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '市区町村名(例:大阪市北区)' }}) }}
{{ form_errors(form.address.addr01) }}
</div>
<div class="ec-input{{ has_errors(form.address.addr02) ? ' error' }}">
{{ form_widget(form.address.addr02, { 'attr': { 'placeholder': '番地・ビル名(例:西梅田1-2-3 ABC梅田ビル4F)' }}) }}
{{ form_errors(form.address.addr02) }}
</div>
</td>
</tr>
<tr>
<th>メールアドレス <span style="color: red">必須</span></th>
<td>
<div class="ec-input{{ has_errors(form.email) ? ' error' }}">
{{ form_widget(form.email, { 'attr': { 'placeholder': '例:sample@example.com' }}) }}
{{ form_errors(form.email) }}
</div>
</td>
</tr>
<tr>
<th>電話番号 <span style="color: red">必須</span></th>
<td>
<div class="ec-telInput{{ has_errors(form.tel) ? ' error' }}">
{{ form_widget(form.tel) }}
{{ form_errors(form.tel) }}
</div>
</td>
</tr>
<tr>
<th>最終学歴 <span style="color: red">必須</span></th>
<td>
<div class="ec-input{{ has_errors(form.final_education) ? ' error' }}">
{{ form_widget(form.final_education, { 'attr': { 'placeholder': '例:○○大学○○学部' }}) }}
{{ form_errors(form.final_education) }}
</div>
</td>
</tr>
<tr>
<th>卒業年月 <span style="color: red">必須</span></th>
<td>
<div class="ec-input{{ has_errors(form.graduation_date) ? ' error' }}">
{{ form_widget(form.graduation_date, { 'attr': { 'placeholder': '例:2020年3月' }}) }}
{{ form_errors(form.graduation_date) }}
</div>
</td>
</tr>
<tr>
<th>{{ form_label(form.free_area) }}</th>
<td>
<div class="ec-input{{ has_errors(form.free_area) ? ' error' }}">
{{ form_widget(form.free_area, { 'attr': { 'rows': 5, 'placeholder': '応募動機・自己PR・ご質問など' }}) }}
{{ form_errors(form.free_area) }}
</div>
</td>
</tr>
</table>
<div class="ec-off4Grid" style="margin-top: 2rem;">
<div class="ec-off4Grid__cell">
<button type="submit" class="ec-blockBtn--action btn btn-primary">確認ページへ</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
{% endblock %}