app/template/default/Entry/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'registration_page' %}
  15. {% form_theme form 'Form/form_div_layout.twig' %}
  17. {% block javascript %}
  18. <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  19. {% endblock javascript %}
  21. {% block main %}
  22. <section class="p-lower-mv">
  23.   <div class="inner">
  24.     <h2 class="p-lower-mv-title"><span>新規会員登録</span></h2>
  25.     <div class="under bread_wrap">
  26.       <ol itemscope itemtype="https://schema.org/BreadcrumbList">
  27.         <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  28.           <a itemprop="item" href="{{ url('homepage') }}">
  29.             <span class="freight-neo-pro" itemprop="name">TOP</span>
  30.           </a>
  31.           <meta itemprop="position" content="1" />
  32.         </li>
  33.         <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  34.           <a itemprop="item" href="{{ url('entry') }}">
  35.             <span class="freight-neo-pro" itemprop="name">新規会員登録</span>
  36.           </a>
  37.           <meta itemprop="position" content="2" />
  38.         </li>
  39.       </ol>
  40.     </div>
  41.     <!-- /.bread_wrap -->
  42.   </div>
  43. </section>
  44. <section class="entry">
  45.   <div class="inner">
  46.     <p class="entry-message">「<span class="caution">※</span>」印は入力必須項目です。</p>
  47.     <div class="entry-form">
  48.       <form method="post" action="{{ url('entry') }}" novalidate class="h-adr">
  49.         <span class="p-country-name" style="display:none;">Japan</span>
  50.         {{ form_widget(form._token) }}
  51.         <dl class="p-form-list">
  52.           <dt>
  53.             {{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }}
  54.           </dt>
  55.           <dd>
  56.             <div class="form-half-wrap{{ has_errors(form.name.name01, form.name.name02) ? ' error'}}">
  57.               {{ form_widget(form.name.name01, { 'attr': { 'placeholder': '姓' }}) }}
  58.               {{ form_widget(form.name.name02, { 'attr': { 'placeholder': '名' }}) }}
  59.             </div>
  60.             <div class="form-error-wrap">
  61.               {{ form_errors(form.name.name01) }}
  62.               {{ form_errors(form.name.name02) }}
  63.             </div>
  64.           </dd>
  65.         </dl>
  66.         <dl class="p-form-list">
  67.           <dt>
  68.             {{ form_label(form.kana, 'お名前（カナ）', { 'label_attr': { 'class': 'ec-label' }}) }}
  69.           </dt>
  70.           <dd>
  71.             <div class="form-half-wrap{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error'}}">
  72.               {{ form_widget(form.kana.kana01, { 'attr': { 'placeholder': 'セイ' }}) }}
  73.               {{ form_widget(form.kana.kana02, { 'attr': { 'placeholder': 'メイ' }}) }}
  74.             </div>
  75.             <div class="form-error-wrap">
  76.               {{ form_errors(form.kana.kana01) }}
  77.               {{ form_errors(form.kana.kana02) }}
  78.             </div>
  79.           </dd>
  80.         </dl>
  81.         <!-- <dl class="p-form-list">
  82.           <dt>
  83.             {{ form_label(form.company_name, '会社名', { 'label_attr': { 'class': 'ec-label' }}) }}
  84.           </dt>
  85.           <dd>
  86.             <div class="ec-halfInput{{ has_errors(form.company_name) ? ' error' }}">
  87.               {{ form_widget(form.company_name) }}
  88.               {{ form_errors(form.company_name) }}
  89.             </div>
  90.           </dd>
  91.         </dl> -->
  92.         <dl class="p-form-list -address">
  93.           <dt>
  94.             {{ form_label(form.address, '住所', { 'label_attr': { 'class': 'ec-label' }}) }}
  95.           </dt>
  96.           <dd>
  97.             <div class="form-zip{{ has_errors(form.postal_code) ? ' error' }}"><span>{{ '〒'|trans }}</span>
  98.               {{ form_widget(form.postal_code) }}
  99.               <!-- <div class="ec-zipInputHelp">
  100.                 <div class="ec-zipInputHelp__icon">
  101.                   <div class="ec-icon"><img src="{{ asset('assets/icon/question-white.svg') }}" alt="">
  102.                   </div>
  103.                 </div><a href="https://www.post.japanpost.jp/zipcode/" target="_blank"><span>{{ '郵便番号検索'|trans }}</span></a>
  104.               </div> -->
  105.               {{ form_errors(form.postal_code) }}
  106.             </div>
  108.             <div class="form-select form-address-select{{ has_errors(form.address.pref) ? ' error' }}">
  109.               {{ form_widget(form.address.pref) }}
  110.               {{ form_errors(form.address.pref) }}
  111.             </div>
  112.             <div class="form-address-input -first{{ has_errors(form.address.addr01) ? ' error' }}">
  113.               {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '市町村名(例：尼崎市立花町)' }}) }}
  114.               {{ form_errors(form.address.addr01) }}
  115.             </div>
  116.             <div class="form-address-input -second{{ has_errors(form.address.addr02) ? ' error' }}">
  117.               {{ form_widget(form.address.addr02,  { 'attr': { 'placeholder': '番地・ビル名(例：4丁目4番21号)' }}) }}
  118.               {{ form_errors(form.address.addr02) }}
  119.             </div>
  120.           </dd>
  121.         </dl>
  122.         <dl class="p-form-list">
  123.           <dt>
  124.             {{ form_label(form.phone_number, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }}
  125.           </dt>
  126.           <dd>
  127.             <div class="form-tel{{ has_errors(form.phone_number) ? ' error' }}">
  128.               {{ form_widget(form.phone_number) }}
  129.               {{ form_errors(form.phone_number) }}
  130.             </div>
  131.           </dd>
  132.         </dl>
  133.         <dl class="p-form-list">
  134.           <dt>
  135.             {{ form_label(form.fax_number, 'FAX番号', { 'label_attr': { 'class': 'ec-label' }}) }}
  136.           </dt>
  137.           <dd>
  138.             <div class="form-tel{{ has_errors(form.fax_number) ? ' error' }}">
  139.               {{ form_widget(form.fax_number) }}
  140.               {{ form_errors(form.fax_number) }}
  141.             </div>
  142.           </dd>
  143.         </dl>
  144.         <dl class="p-form-list">
  145.           <dt>
  146.             {{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label' }}) }}
  147.           </dt>
  148.           <dd>
  149.             <div class="form-email -input{{ has_errors(form.email.first) ? ' error' }}">
  150.               {{ form_widget(form.email.first, { 'attr': { 'placeholder': 'sample@mail.com' }}) }}
  151.               {{ form_errors(form.email.first) }}
  152.             </div>
  153.             <div class="form-email{{ has_errors(form.email.second) ? ' error' }}">
  154.               {{ form_widget(form.email.second, { 'attr': { 'placeholder': '確認のためもう一度入力してください' }}) }}
  155.               {{ form_errors(form.email.second) }}
  156.             </div>
  157.           </dd>
  158.         </dl>
  159.         <dl class="p-form-list">
  160.           <dt>
  161.             {{ form_label(form.plain_password, 'パスワード', { 'label_attr': {'class': 'ec-label' }}) }}
  162.           </dt>
  163.           <dd>
  164.             <div class="form-password -input{{ has_errors(form.plain_password.first) ? ' error' }}">
  165.               {{ form_widget(form.plain_password.first, {
  166.                                       'attr': { 'placeholder': '半角英数記号%min%〜%max%文字'|trans({ '%min%': eccube_config.eccube_password_min_len, '%max%': eccube_config.eccube_password_max_len }) },
  167.                                       'type': 'password'
  168.                                   }) }}
  169.               {{ form_errors(form.plain_password.first) }}
  170.             </div>
  171.             <div class="form-password{{ has_errors(form.plain_password.second) ? ' error' }}">
  172.               {{ form_widget(form.plain_password.second, {
  173.                                       'attr': { 'placeholder': '確認のためもう一度入力してください'|trans },
  174.                                       'type': 'password'
  175.                                   }) }}
  176.               {{ form_errors(form.plain_password.second) }}
  177.             </div>
  178.           </dd>
  179.         </dl>
  180.         <dl class="p-form-list">
  181.           <dt>
  182.             {{ form_label(form.birth, '生年月日', { 'label_attr': {'class': 'ec-label' }}) }}
  183.           </dt>
  184.           <dd>
  185.             <div class="form-select form-birth-select{{ has_errors(form.birth) ? ' error' }}">
  186.               {{ form_widget(form.birth.year) }}<span>/</span>
  187.               {{ form_widget(form.birth.month) }}<span>/</span>
  188.               {{ form_widget(form.birth.day) }}
  189.               {{ form_errors(form.birth) }}
  190.             </div>
  191.           </dd>
  192.         </dl>
  193.         <dl class="p-form-list">
  194.           <dt>
  195.             {{ form_label(form.sex, '性別', { 'label_attr': { 'class': 'ec-label' }}) }}
  196.           </dt>
  197.           <dd>
  198.             <div class="form-radio{{ has_errors(form.sex) ? ' error' }}">
  199.               {{ form_widget(form.sex) }}
  200.               {{ form_errors(form.sex) }}
  201.             </div>
  202.           </dd>
  203.         </dl>
  204.         <dl class="p-form-list">
  205.           <dt>
  206.             {{ form_label(form.job, '職業', { 'label_attr': {'class': 'ec-label' }}) }}
  207.           </dt>
  208.           <dd>
  209.             <div class="form-select form-job-select{{ has_errors(form.job) ? ' error' }}">
  210.               {{ form_widget(form.job) }}
  211.               {{ form_errors(form.job) }}
  212.             </div>
  213.           </dd>
  214.         </dl>
  215.         {# エンティティ拡張の自動出力 #}
  216.         {% for f in form|filter(f => f.vars.eccube_form_options.auto_render) %}
  217.         {% if f.vars.eccube_form_options.form_theme %}
  218.         {% form_theme f f.vars.eccube_form_options.form_theme %}
  219.         {{ form_row(f) }}
  220.         {% else %}
  221.         <dl class="p-form-list">
  222.           <dt>
  223.             {% set label_class =  f.vars.label_attr.class is defined ? f.vars.label_attr.class : '' %}
  224.             {{ form_label(f, f.vars.label, { 'label_attr': {'class': label_class ~ ' ec-label' }}) }}
  225.           </dt>
  226.           <dd>
  227.             <div class="{{ f.vars.eccube_form_options.style_class }}{{ has_errors(f) ? ' error' }}">
  228.               {{ form_widget(f) }}
  229.               {{ form_errors(f) }}
  230.             </div>
  231.           </dd>
  232.         </dl>
  233.         {% endif %}
  234.         {% endfor %}
  235.         <div class="p-form-privacy{{ has_errors(form.user_policy_check) ? ' error' }}">
  236.           {{ form_widget(form.user_policy_check) }}
  237.           <label for="entry_user_policy_check">
  238.             {{ '<a class="ec-link" href="%url%" target="_blank">ご利用規約</a>&nbsp;及び&nbsp;<a href="%url_privacy%" target="_blank">個人情報保護方針</a>&nbsp;に<span class="ib">同意してお進みください</span>'|trans({ '%url%': url('help_agreement'), '%url_privacy%': url('help_privacy') })|raw }}
  239.           </label>
  240.           {{ form_errors(form.user_policy_check) }}
  241.         </div>
  242.         <div class="p-button form green entry-button">
  243.           <button class="submit-button" type="submit" name="mode" value="confirm">{{ '入力内容を確認する'|trans }}</button>
  244.           <!-- <a class="ec-blockBtn--cancel" href="{{ url('homepage') }}">{{ '同意しない'|trans }}</a> -->
  245.         </div>
  246.       </form>
  247.     </div>
  248.   </div>
  249. </section>
  250. {% endblock %}