app/template/magamar/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.     {% form_theme form 'Form/form_custom_theme.twig' %}
  24.     <div class="ec-role narrow-contents">
  25.         <div class="ec-pageHeader">
  26.             <h1>{{ '新規会員登録'|trans }}</h1>
  27.         </div>
  28.         <div class="content-inner">
  29.             <div class="content-entry">
  30.                 <form method="post" action="{{ url('entry') }}" novalidate class="h-adr">
  31.                     <span class="p-country-name" style="display:none;">Japan</span>
  32.                     {{ form_widget(form._token) }}
  33.                     <div class="form-container">
  34.                         <dl class="required-field">
  35.                             <dt>{{ '会社名または事業所名'|trans }}</dt>
  36.                             <dd>
  37.                                 <div class="form-unit__input">{{ form_widget(form.company_name) }}</div>
  38.                                 <span class="{{ has_errors(form.company_name) ? ' error' }}">{{ form_errors(form.company_name) }}</span>
  39.                             </dd>
  40.                         </dl>
  41.                         <dl>
  42.                             <dt>{{ '事業所名'|trans }}</dt>
  43.                             <dd>
  44.                                 <div class="form-unit__input">{{ form_widget(form.shop_name) }}</div>
  45.                                 <span class="field-notes">上記と異なる場合のみご入力ください。</span>
  46.                             </dd>
  47.                         </dl>
  48.                         <dl class="required-field">
  49.                             <dt>{{ 'ご担当者様'|trans }}</dt>
  50.                             <dd class="separate-form">
  51.                                 <div class="half-field">
  52.                                     <div class="form-unit__input">
  53.                                         {{ form_widget(form.name.name01, { 'attr': { 'placeholder': '' }}) }}
  54.                                         <label for="{{ form.name.name01.vars.id }}" class="placeholder">{{ '姓'|trans }}</label>
  55.                                     </div>
  56.                                     <span class="{{ has_errors(form.name.name01) ? ' error' }}">{{ form_errors(form.name.name01) }}</span>
  57.                                 </div>
  58.                                 <div class="half-field">
  59.                                     <div class="form-unit__input half-field">
  60.                                         {{ form_widget(form.name.name02, { 'attr': { 'placeholder': '' }}) }}
  61.                                         <label for="{{ form.name.name02.vars.id }}" class="placeholder">{{ '名'|trans }}</label>
  62.                                     </div>
  63.                                     <span class="{{ has_errors(form.name.name02) ? ' error' }}">{{ form_errors(form.name.name02) }}</span>
  64.                                 </div>
  65.                             </dd>
  66.                         </dl>
  67.                         <dl class="required-field">
  68.                             <dt>{{ 'ご担当者様（カナ）'|trans }}</dt>
  69.                             <dd class="separate-form">
  70.                                 <div class="half-field">
  71.                                     <div class="form-unit__input">
  72.                                         {{ form_widget(form.kana.kana01, { 'attr': { 'placeholder': '' }}) }}
  73.                                         <label for="{{ form.kana.kana01.vars.id }}" class="placeholder">{{ 'セイ'|trans }}</label>
  74.                                     </div>
  75.                                     <span class="{{ has_errors(form.kana.kana01) ? ' error' }}">{{ form_errors(form.kana.kana01) }}</span>
  76.                                 </div>
  77.                                 <div class="half-field">
  78.                                     <div class="form-unit__input">
  79.                                         {{ form_widget(form.kana.kana02, { 'attr': { 'placeholder': '' }}) }}
  80.                                         <label for="{{ form.kana.kana02.vars.id }}" class="placeholder">{{ 'メイ'|trans }}</label>
  81.                                     </div>
  82.                                     <span class="{{ has_errors(form.kana.kana02) ? ' error' }}">{{ form_errors(form.kana.kana02) }}</span>
  83.                                 </div>
  84.                             </dd>
  85.                         </dl>
  86.                         <dl class="required-field">
  87.                             <dt>{{ 'ご請求書送付先'|trans }}</dt>
  88.                             <dd>
  89.                                 <div class="postal-field">
  90.                                     <span class="postal-icon">{{ '〒'|trans }}</span>
  91.                                     <div class="form-unit__input">
  92.                                         {{ form_widget(form.postal_code, { 'attr': {'style' : 'ime-mode: disabled;', 'placeholder': '' }}) }}
  93.                                         <label for="{{ form.postal_code.vars.id }}" class="placeholder">{{ 'XXXXXXX'|trans }}</label>
  94.                                     </div>
  95.                                     <div class="external-link">
  96.                                         <a href="https://www.post.japanpost.jp/zipcode/" target="_blank"><span>{{ '郵便番号検索'|trans }}</span></a>
  97.                                     </div>
  98.                                 </div>
  99.                                 <span class="{{ has_errors(form.postal_code) ? ' error' }}">{{ form_errors(form.postal_code) }}</span>
  100.                                 <div class="separate-form">
  101.                                     <div class="half-field">
  102.                                         <div class="form-unit__input">{{ form_widget(form.address.pref) }}</div>
  103.                                         <span class="{{ has_errors(form.address.pref) ? ' error' }}">{{ form_errors(form.address.pref) }}</span>
  104.                                     </div>
  105.                                     <div class="half-field">
  106.                                         <div class="form-unit__input">
  107.                                             {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '' }}) }}
  108.                                             <label for="{{ form.address.addr01.vars.id }}" class="placeholder">{{ '市区町村'|trans }}</label>
  109.                                         </div>
  110.                                         <span class="{{ has_errors(form.address.addr01) ? ' error' }}">{{ form_errors(form.address.addr01) }}</span>
  111.                                     </div>
  112.                                 </div>
  113.                                 <div class="form-unit__input">
  114.                                     {{ form_widget(form.address.addr02,  { 'attr': { 'placeholder': '' }}) }}
  115.                                     <label for="{{ form.address.addr02.vars.id }}" class="placeholder">{{ '番地・ビル名'|trans }}</label>
  116.                                 </div>
  117.                                 <span class="{{ has_errors(form.address.addr02) ? ' error' }}">{{ form_errors(form.address.addr02) }}</span>
  118.                             </dd>
  119.                         </dl>
  120.                         <p class="form-error">※商品のお届け先は、<span class="text-underline">会員登録後にマイページ</span>よりご登録ください。</p>
  121.                         <dl class="required-field">
  122.                             <dt>{{ '電話番号'|trans }}</dt>
  123.                             <dd>
  124.                                 <div class="separate-form">
  125.                                     <div class="half-field">
  126.                                         <div class="form-unit__input">
  127.                                             {{ form_widget(form.phone_number, {'attr': {'style' : 'ime-mode: disabled;', 'placeholder': ''}}) }}
  128.                                             <label for="{{ form.phone_number.vars.id }}" class="placeholder">{{ 'XXXXXXXXXXX'|trans }}</label>
  129.                                         </div>
  130.                                         <span class="{{ has_errors(form.phone_number) ? ' error' }}">{{ form_errors(form.phone_number) }}</span>
  131.                                     </div>
  132.                                 </div>
  133.                             </dd>
  134.                         </dl>
  135.                         <dl class="required-field">
  136.                             <dt>{{ 'メールアドレス'|trans }}</dt>
  137.                             <dd>
  138.                                 <div class="form-unit__input">
  139.                                     {{ form_widget(form.email.first, { 'attr': { 'style' : 'ime-mode: disabled;', 'placeholder': '' }}) }}
  140.                                     <label for="{{ form.email.first.vars.id }}" class="placeholder">{{ 'xxxxx@example.co.jp'|trans }}</label>
  141.                                 </div>
  142.                                 <span class="{{ has_errors(form.email.first) ? ' error' }}">{{ form_errors(form.email.first) }}</span>
  143.                                 <div class="form-unit__input">
  144.                                     {{ form_widget(form.email.second, { 'attr': { 'style' : 'ime-mode: disabled;', 'placeholder': '' }}) }}
  145.                                     <label for="{{ form.email.second.vars.id }}" class="placeholder">{{ '確認のため再度入力してください'|trans }}</label>
  146.                                 </div>
  147.                                 <span class="{{ has_errors(form.email.second) ? ' error' }}">{{ form_errors(form.email.second) }}</span>
  148.                             </dd>
  149.                         </dl>
  150.                         <dl class="required-field">
  151.                             <dt>{{ 'パスワード'|trans }}</dt>
  152.                             <dd>
  153.                                 <div class="form-unit__input">
  154.                                     {{ form_widget(form.plain_password.first, { 'attr': { 'style' : 'ime-mode: disabled;', 'placeholder': '', 'type': 'password' }}) }}
  155.                                     <label for="{{ form.plain_password.first.vars.id }}" class="placeholder">{{ '半角英数記号%min%〜%max%文字'|trans({ '%min%': eccube_config.eccube_password_min_len, '%max%': eccube_config.eccube_password_max_len }) }}</label>
  156.                                 </div>
  157.                                 <span class="{{ has_errors(form.plain_password.first) ? ' error' }}">{{ form_errors(form.plain_password.first) }}</span>
  158.                                 <div class="form-unit__input">
  159.                                     {{ form_widget(form.plain_password.second, { 'attr': { 'style' : 'ime-mode: disabled;', 'placeholder': '', 'type': 'password' }}) }}
  160.                                     <label for="{{ form.plain_password.second.vars.id }}" class="placeholder">{{ '確認のため再度入力してください'|trans }}</label>
  161.                                 </div>
  162.                                 <span class="{{ has_errors(form.plain_password.second) ? ' error' }}">{{ form_errors(form.plain_password.second) }}</span>
  163.                             </dd>
  164.                         </dl>
  165.                         {# エンティティ拡張の自動出力 #}
  166.                         {% for f in form|filter(f => f.vars.eccube_form_options.auto_render) %}
  167.                             {% if f.vars.eccube_form_options.form_theme %}
  168.                                 {% form_theme f f.vars.eccube_form_options.form_theme %}
  169.                                 {{ form_row(f) }}
  170.                             {% else %}
  171.                                 <dl>
  172.                                     <dt>
  173.                                         {% set label_class =  f.vars.label_attr.class is defined ? f.vars.label_attr.class : '' %}
  174.                                         {{ form_label(f, f.vars.label, { 'label_attr': {'class': label_class ~ ' ec-label' }}) }}
  175.                                     </dt>
  176.                                     <dd>
  177.                                         <div class="{{ f.vars.eccube_form_options.style_class }}{{ has_errors(f) ? ' error' }}">
  178.                                             {{ form_widget(f) }}
  179.                                             {{ form_errors(f) }}
  180.                                         </div>
  181.                                     </dd>
  182.                                 </dl>
  183.                             {% endif %}
  184.                         {% endfor %}
  185.                         <div class="form-unit__choice">
  186.                             {{ form_widget(form.user_policy_check, { 'label': 'ご利用規約に同意してお進みください'|trans }) }}
  187.                         </div>
  188.                         <a class="agreement_link" href="{{ url('help_agreement') }}" target="_blank"><span>{{ 'ご利用規約'|trans }}</span></a>
  189.                         <span class="{{ has_errors(form.user_policy_check) ? ' form-error' }}">{{ form_errors(form.user_policy_check) }}</span>
  190.                     </div>
  191.                     <div class="form-unit__actions">
  192.                         <button type="submit" class="ec-blockBtn--action" name="mode" value="confirm">{{ '確認する'|trans }}</button>
  193.                     </div>
  194.                 </form>
  195.             </div>
  196.         </div>
  197.     </div>
  198. {% endblock %}