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