app/Plugin/PiaContact/Resource/template/default/form_recruit/index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% block javascript %}
  3. <script src="https://yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  4. {% endblock javascript %}
  5. {% block stylesheet %}
  6.   <link rel="stylesheet" href="/test/contact_form.css">
  7. {% endblock %}
  8. {% block main %}
  9.   <div class="contact_area" id="form_recruit">
  10.     <div class="ec-off1Grid">
  11.       <div class="ec-off1Grid__cell">
  12.         {{ include('@PiaContact/default/alert.twig') }}
  13.         <h1 class="page-heading">リクルート応募フォーム</h1>
  14.         <div id="recruit_form_wrap">
  15.           <div class="ec-borderedDefs">
  16.             <p id="attention">ご応募の方は入力内容を入力し「確認ページへ」ボタンを押して下さい。</p>
  17.             <form name="form1" id="form1" method="post" action="{{ url('plugin_pia_form_recruit') }}" class="h-adr">
  18.               <span class="p-country-name" style="display:none;">Japan</span>
  19.               {{ form_widget(form._token) }}
  20.               <input type="hidden" name="mode" value="confirm">
  21.               <table class="seminar_form_table">
  22.                 <tr>
  23.                   <th>お名前 <span style="color: red">必須</span></th>
  24.                   <td>
  25.                     <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error' }}">
  26.                       {{ form_widget(form.name.name01, { 'attr': { 'placeholder': '姓' }}) }}
  27.                       {{ form_widget(form.name.name02, { 'attr': { 'placeholder': '名' }}) }}
  28.                       {{ form_errors(form.name.name01) }}
  29.                       {{ form_errors(form.name.name02) }}
  30.                     </div>
  31.                   </td>
  32.                 </tr>
  33.                 <tr>
  34.                   <th>フリガナ <span style="color: red">必須</span></th>
  35.                   <td>
  36.                     <div class="ec-halfInput{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error' }}">
  37.                       {{ form_widget(form.kana.kana01, { 'attr': { 'placeholder': 'セイ' }}) }}
  38.                       {{ form_widget(form.kana.kana02, { 'attr': { 'placeholder': 'メイ' }}) }}
  39.                       {{ form_errors(form.kana.kana01) }}
  40.                       {{ form_errors(form.kana.kana02) }}
  41.                     </div>
  42.                   </td>
  43.                 </tr>
  44.                 <tr>
  45.                   <th>生年月日 <span style="color: red">必須</span></th>
  46.                   <td>
  47.                     <div class="ec-input{{ has_errors(form.birth) ? ' error' }}">
  48.                       {{ form_widget(form.birth) }}
  49.                       {{ form_errors(form.birth) }}
  50.                     </div>
  51.                   </td>
  52.                 </tr>
  53.                 <tr>
  54.                   <th>性別</th>
  55.                   <td>
  56.                     <div class="ec-input{{ has_errors(form.sex) ? ' error' }}">
  57.                       {{ form_widget(form.sex) }}
  58.                       {{ form_errors(form.sex) }}
  59.                     </div>
  60.                   </td>
  61.                 </tr>
  62.                 <tr>
  63.                   <th>郵便番号 <span style="color: red">必須</span></th>
  64.                   <td>
  65.                     <div class="ec-zipInput{{ has_errors(form.zip) ? ' error' }}">
  66.                       <span>{{ '〒'|trans }}</span>
  67.                       {{ form_widget(form.zip) }}
  68.                       <div class="ec-zipInputHelp">
  69.                         <div class="ec-zipInputHelp__icon">
  70.                           <div class="ec-icon"><img
  71.                               src="{{ asset('assets/icon/question-white.svg') }}" alt="">
  72.                           </div>
  73.                         </div>
  74.                         <a href="https://www.post.japanpost.jp/zipcode/"
  75.                            target="_blank"><span>{{ '郵便番号検索'|trans }}</span></a>
  76.                       </div>
  77.                       {{ form_errors(form.zip) }}
  78.                     </div>
  79.                   </td>
  80.                 </tr>
  81.                 <tr>
  82.                   <th>住所 <span style="color: red">必須</span></th>
  83.                   <td>
  84.                     <div class="ec-select{{ has_errors(form.address.pref) ? ' error' }}">
  85.                       {{ form_widget(form.address.pref) }}
  86.                       {{ form_errors(form.address.pref) }}
  87.                     </div>
  88.                     <div class="ec-input{{ has_errors(form.address.addr01) ? ' error' }}">
  89.                       {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '市区町村名(例:大阪市北区)' }}) }}
  90.                       {{ form_errors(form.address.addr01) }}
  91.                     </div>
  92.                     <div class="ec-input{{ has_errors(form.address.addr02) ? ' error' }}">
  93.                       {{ form_widget(form.address.addr02, { 'attr': { 'placeholder': '番地・ビル名(例:西梅田1-2-3 ABC梅田ビル4F)' }}) }}
  94.                       {{ form_errors(form.address.addr02) }}
  95.                     </div>
  96.                   </td>
  97.                 </tr>
  98.                 <tr>
  99.                   <th>メールアドレス <span style="color: red">必須</span></th>
  100.                   <td>
  101.                     <div class="ec-input{{ has_errors(form.email) ? ' error' }}">
  102.                       {{ form_widget(form.email, { 'attr': { 'placeholder': '例:sample@example.com' }}) }}
  103.                       {{ form_errors(form.email) }}
  104.                     </div>
  105.                   </td>
  106.                 </tr>
  107.                 <tr>
  108.                   <th>電話番号 <span style="color: red">必須</span></th>
  109.                   <td>
  110.                     <div class="ec-telInput{{ has_errors(form.tel) ? ' error' }}">
  111.                       {{ form_widget(form.tel) }}
  112.                       {{ form_errors(form.tel) }}
  113.                     </div>
  114.                   </td>
  115.                 </tr>
  116.                 <tr>
  117.                   <th>最終学歴 <span style="color: red">必須</span></th>
  118.                   <td>
  119.                     <div class="ec-input{{ has_errors(form.final_education) ? ' error' }}">
  120.                       {{ form_widget(form.final_education, { 'attr': { 'placeholder': '例:○○大学○○学部' }}) }}
  121.                       {{ form_errors(form.final_education) }}
  122.                     </div>
  123.                   </td>
  124.                 </tr>
  125.                 <tr>
  126.                   <th>卒業年月 <span style="color: red">必須</span></th>
  127.                   <td>
  128.                     <div class="ec-input{{ has_errors(form.graduation_date) ? ' error' }}">
  129.                       {{ form_widget(form.graduation_date, { 'attr': { 'placeholder': '例:2020年3月' }}) }}
  130.                       {{ form_errors(form.graduation_date) }}
  131.                     </div>
  132.                   </td>
  133.                 </tr>
  134.                 <tr>
  135.                   <th>{{ form_label(form.free_area) }}</th>
  136.                   <td>
  137.                     <div class="ec-input{{ has_errors(form.free_area) ? ' error' }}">
  138.                       {{ form_widget(form.free_area, { 'attr': { 'rows': 5, 'placeholder': '応募動機・自己PR・ご質問など' }}) }}
  139.                       {{ form_errors(form.free_area) }}
  140.                     </div>
  141.                   </td>
  142.                 </tr>
  143.               </table>
  144.               <div class="ec-off4Grid" style="margin-top: 2rem;">
  145.                 <div class="ec-off4Grid__cell">
  146.                   <button type="submit" class="ec-blockBtn--action btn btn-primary">確認ページへ</button>
  147.                 </div>
  148.               </div>
  149.             </form>
  150.           </div>
  151.         </div>
  152.       </div>
  153.     </div>
  154.   </div>
  155. {% endblock %}