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 stylesheet %}
  22. {% set errorFields = [
  23.         {'field': form.name.name01, 'id': 'entry_name_name01'},
  24.         {'field': form.name.name02, 'id': 'entry_name_name02'},
  25.         {'field': form.kana.kana01, 'id': 'entry_kana_kana01'},
  26.         {'field': form.kana.kana02, 'id': 'entry_kana_kana02'},
  27.         {'field': form.postal_code, 'id': 'entry_postal_code'},
  28.         {'field': form.address.pref, 'id': 'entry_address_pref'},
  29.         {'field': form.address.addr01, 'id': 'entry_address_addr01'},
  30.         {'field': form.address.addr02, 'id': 'entry_address_addr02'},
  31.         {'field': form.phone_number, 'id': 'entry_phone_number'},
  32.         {'field': form.email.first, 'id': 'entry_email_first'},
  33.         {'field': form.email.second, 'id': 'entry_email_second'},
  34.         {'field': form.plain_password.first, 'id': 'entry_plain_password_first'},
  35.         {'field': form.plain_password.second, 'id': 'entry_plain_password_second'}
  36.     ] %}
  38. {% for errorField in errorFields %}
  39.     {% if form_errors(errorField.field) %}
  40.         <style>
  41.             #{{ errorField.id }}
  42.         {
  43.             background-color: #FDF1F0;
  44.             border: 1px solid #C73C3C !important;
  45.         }
  46.         </style>
  47.     {% endif %}
  48. {% endfor %}
  51. <style>
  52.     #entry_address_pref {
  53.         padding: 12px 16px;
  54.         width: 100%;
  55.         border: solid 1px;
  56.         border-color: #CCCCCC;
  57.         border-radius: 4px;
  58.         height: 48px;
  59.     }
  60.     #entry_name_name01,
  61.     #entry_name_name02,
  62.     #entry_kana_kana01,
  63.     #entry_kana_kana02,
  64.     #entry_postal_code,
  65.     #entry_phone_number,
  66.     #entry_email_first,
  67.     #entry_email_second,
  68.     #entry_plain_password_first,
  69.     #entry_plain_password_second,
  70.     #entry_address_addr01,
  71.     #entry_address_addr02 {
  72.         padding: 16px 12px;
  73.         width: 100%;
  74.         border-width: 1px;
  75.         border-color: #CCCCCC;
  76.         border-radius: 3px;
  77.         text: #BBBBBB;
  78.         height: 48px;
  79.     }
  80.     input[type="radio"] {
  81.         width: 16px;
  82.         height: 16px;
  83.         border: 2px solid #CCCCCC;
  84.         background-color: #CCCCCC;
  85.     }
  86.     input[type="radio"]::after {
  87.         width: 8px;
  88.         height: 8px;
  89.         background-color: #CCCCCC;
  90.     }
  91.     input[type="radio"]:checked {
  92.         background-color: #666666;
  93.     }
  94.     #entry_address_pref option {
  95.         background-color: #FFFFFF;
  96.         padding: 0 80px;
  97.         font-size: 16px;
  98.     }
  100.     .ec-errorMessage {
  101.         color: #B84742;
  102.     }
  104.     #entry_mailmaga_flg {
  105.         display: flex;
  107.         span,
  108.         input {
  109.             margin-right: 5px
  110.         }
  111.     }
  113.     @media(min-width: 769px) {
  114.         #entry_mailmaga_flg {
  115.             align-items: center;
  116.         }
  118.         #entry_mailmaga_flg label:nth-of-type(1) {
  119.             margin-right: 12px;
  120.         }
  122.     }
  124.     @media(max-width: 768px) {
  125.         .register_containr {
  126.             #breadcrumbs {
  127.                 padding-left: 6px;
  128.                 font-size: 10px;
  129.                 font-weight: 400;
  130.             }
  131.         }
  133.         #entry_mailmaga_flg {
  134.             flex-direction: column;
  135.         }
  137.         #entry_mailmaga_flg input[type="radio"] {
  138.             margin-right: 5px;
  139.         }
  141.         #entry_mailmaga_flg input[type="radio"] + label {
  142.             display: flex;
  143.             align-items: center;
  144.         }
  146.         #entry_mailmaga_flg input[type="radio"] {
  147.             display: none;
  148.         }
  150.         #entry_mailmaga_flg label {
  151.             display: flex;
  152.             align-items: center;
  153.             margin-bottom: 10px;
  154.         }
  156.         #entry_mailmaga_flg input[type="radio"] + label {
  157.             display: flex;
  158.             align-items: center;
  159.         }
  161.         #entry_mailmaga_flg input[type="radio"] + label:before {
  162.             content: '';
  163.             display: inline-block;
  164.             width: 16px;
  165.             height: 16px;
  166.             border: 1px solid #ccc;
  167.             border-radius: 50%;
  168.             margin-right: 5px;
  169.         }
  171.         #entry_mailmaga_flg input[type="radio"]:checked + label:before {
  172.             background-color: #000;
  173.         }
  174.     }
  175. </style>{% endblock %}{% block main %}
  176. <div class="register_containr pb-[120px] md:pb-20 md:px-6 whitespace-nowrap bg-background-default">
  177.     <div class="flex gap-4 md:gap-2 items-start mx-auto w-full pl-[10.625vw] md:pl-6 pt-[120px] md:pt-20 pb-10">
  178.         <hr class="md:h-[64px] h-[120px] w-[2px] bg-gradient-to-b from-[#ADAAA6] to-[#F0EDE900] border-none">
  179.         <h1 class="text-2xl md:text-xl font-light leading-9 tracking-widest">会員登録フォーム</h1>
  180.     </div>
  181.     {% set breadcrumbs = [{'name': "会員登録フォーム(入力)"}] %}
  182.     {{ include('Block/breadcrumb.twig') }}
  184.     {# 会員登録の流れ #}
  185.     <div class="flex flex-col justify-center items-center gap-2 pb-20 md:pb-6 w-full max-w-[592px] mx-auto">
  186.         <div class="flex items-center w-full justify-between text-xl md:text-base">
  187.             <div class="w-14 h-14 md:w-11 md:h-11 bg-sub-blue flex items-center justify-center rounded-full">
  188.                 <p class="text-white font-bold font-notoserif leading-none">1</p>
  189.             </div>
  190.             <div class="w-[33vw] flex-1 h-[2px] bg-gray"></div>
  191.             <div class="w-14 h-14 md:w-11 md:h-11 bg-gray flex items-center justify-center rounded-full">
  192.                 <p class="text-white font-bold font-notoserif leading-none">2</p>
  193.             </div>
  194.             <div class="w-[33vw] flex-1 h-[2px] bg-gray"></div>
  195.             <div class="w-14 h-14 md:w-11 md:h-11 bg-gray flex items-center justify-center rounded-full">
  196.                 <p class="text-white font-bold font-notoserif leading-none">3</p>
  197.             </div>
  198.         </div>
  199.         <div class="flex w-full items-center mx-auto max-w-[800px] justify-between text-sm md:text-xs">
  200.             <p class="font-bold w-[27.8vw] pl-[10px]">入力</p>
  201.             <p class="text-center">登録内容の確認</p>
  202.             <p class="text-end w-[27.8vw]">登録完了</p>
  203.         </div>
  204.     </div>
  205.     <div class="max-w-[592px] text-[14px] mx-auto">
  206.         <div class="pb-12">
  207.             <p class="leading-7 mb-[2px] tracking-wider font-normal md:text-sm">登録に必要な情報を入力してください。</p>
  208.             <p class="leading-7 tracking-wider text-red font-bold md:text-sm">※ は必須項目です。</p>
  209.         </div>
  210.         <div class="">
  211.             <form method="post" action="{{ url('entry') }}" novalidate class="h-adr">
  212.                 <span class="p-country-name" style="display:none;">Japan</span>
  213.                 {{ form_widget(form._token) }}
  214.                 <div class="flex flex-col gap-10">
  215.                     <dl class="">
  216.                         <dt class="flex items-center gap-2 pb-4">
  217.                             <p class="text-xl font-medium leading-8">お名前</p>
  218.                             <p class="text-sm text-red">※</p>
  219.                         </dt>
  220.                         <dd>
  221.                             <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error'}}">
  222.                                 <div class="flex gap-2">
  223.                                     <div class="w-1/2 {% if form_errors(form.name.name01) %} border-red bg-rose-50 {% endif %}">{{ form_widget(form.name.name01, { 'attr': { 'placeholder': 'common.last_name_yamada' }}) }}</div>
  224.                                     <div class="w-1/2  {% if form_errors(form.name.name02) %} border-red bg-rose-50 {% endif %}">
  225.                                         {{ form_widget(form.name.name02, { 'attr': { 'placeholder': 'common.first_name_taro' }}) }}
  226.                                     </div>
  227.                                 </div>
  228.                                 <div class="flex flex-col gap-1 pt-2">
  229.                                     {% if form_errors(form.name.name01) %}
  230.                                         <div class="!text-red text-xs flex items-center gap-2">
  231.                                             <img src="{{asset('assets/icon/error.svg')}}" alt="Error Image" class="w-3 h-3">
  232.                                             <span class="flex ">
  233.                                                 お名前(姓)：{{ form_errors(form.name.name01) }}</span>
  234.                                         </div>
  235.                                     {% endif %}
  236.                                     {% if form_errors(form.name.name02) %}
  237.                                         <div class="!text-red text-xs flex items-center gap-2">
  238.                                             <img src="{{asset('assets/icon/error.svg')}}" alt="Error Image" class="w-3 h-3">
  239.                                             <span class="flex ">
  240.                                                 お名前(名)：{{ form_errors(form.name.name02) }}
  241.                                             </span>
  242.                                         </div>
  243.                                     {% endif %}
  244.                                 </div>
  245.                             </div>
  246.                         </dd>
  247.                     </dl>
  248.                     <dl>
  249.                         <dt class="flex items-center gap-2 pb-4">
  250.                             <p class="text-xl font-medium leading-8">お名前(フリガナ)</p>
  251.                             <p class="text-sm text-red">※</p>
  252.                         </dt>
  253.                         <dd>
  254.                             <div class="ec-halfInput{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error'}}">
  255.                                 <div class="flex gap-2">
  256.                                     <div class="w-1/2  {% if form_errors(form.kana.kana01) %} border-red bg-rose-50 {% endif %}">{{ form_widget(form.kana.kana01, { 'attr': { 'placeholder': 'common.last_name_kana_yamada' }}) }}</div>
  257.                                     <div class="w-1/2 {% if form_errors(form.kana.kana02) %} border-red bg-rose-50 {% endif %}">
  258.                                         {{ form_widget(form.kana.kana02, { 'attr': { 'placeholder': 'common.first_name_kana_taro' }}) }}
  259.                                     </div>
  260.                                 </div>
  261.                                 <div class="flex flex-col gap-1 pt-2">
  262.                                     {% if form_errors(form.kana.kana01) %}
  263.                                         <div class="!text-red text-xs flex items-center gap-2">
  264.                                             <img src="{{asset('assets/icon/error.svg')}}" alt="Error Image" class="w-3 h-3">
  265.                                             <span class="flex ">
  266.                                                 お名前(セイ)：{{ form_errors(form.kana.kana01) }}
  267.                                             </span>
  268.                                         </div>
  269.                                     {% endif %}
  270.                                     {% if form_errors(form.kana.kana02) %}
  271.                                         <div class="!text-red text-xs flex items-center gap-2">
  272.                                             <img src="{{asset('assets/icon/error.svg')}}" alt="Error Image" class="w-3 h-3">
  273.                                             <span class="flex ">
  274.                                                 お名前(メイ)：{{ form_errors(form.kana.kana02) }}
  275.                                             </span>
  276.                                         </div>
  277.                                     {% endif %}
  278.                                 </div>
  279.                             </div>
  280.                         </dd>
  281.                     </dl>
  282.                     <dl>
  283.                         <dt class="flex items-center gap-2  pb-4">
  284.                             <p class="text-xl font-medium leading-8">住所</p>
  285.                             <p class="text-sm text-red">※</p>
  286.                         </dt>
  287.                         <dd>
  288.                             <div class="ec-zipInput{{ has_errors(form.postal_code) ? ' error' }}">
  289.                                 <div class="flex flex-col gap-6">
  290.                                     <div class="">
  291.                                         <div class="pb-4 md:pb-2">
  292.                                             <div class="flex gap-x-4 flex-col w-full gap-y-2 md:items-start">
  293.                                                 <p class="font-medium">郵便番号</p>
  294.                                                 <div class="flex gap-x-2 items-center font-normal">
  295.                                                     <span>{{ 'common.postal_symbol'|trans }}</span>
  296.                                                     <div class="w-[160px] ec-zipInput  {% if form_errors(form.postal_code) %} border-red bg-rose-50 {% endif %}">
  297.                                                         {{ form_widget(form.postal_code, { 'attr': { 'placeholder': 'common.postal_code_hyphen' }}) }}
  298.                                                     </div>
  299.                                                 </div>
  300.                                             </div>
  301.                                             {% if form_errors(form.postal_code) %}
  302.                                                 <div class="!text-red text-xs flex items-center gap-2 pt-2">
  303.                                                     <img src="{{asset('assets/icon/error.svg')}}" alt="Error Image" class="w-3 h-3">
  304.                                                     <span class="flex">
  305.                                                         郵便番号：{{ form_errors(form.postal_code) }}
  306.                                                     </span>
  307.                                                 </div>
  308.                                             {% endif %}
  309.                                         </div>
  310.                                         <a href="https://www.post.japanpost.jp/zipcode/" target="_blank" class="text-sm border-b w-fit leading-7 tracking-widest font-normal hover">郵便番号を検索する(外部サイトへ)</a>
  311.                                     </div>
  312.                                     <div class="flex flex-col gap-6 md:gap-4">
  313.                                         <div class="ec-select{{ has_errors(form.address.pref) ? ' error' }}">
  314.                                             <p class="pb-2 text-sm font-medium">都道府県</p>
  315.                                             {# TODO:css変更したい #}
  316.                                             {{ form_widget(form.address.pref) }}
  317.                                             {% if form_errors(form.address.pref) %}
  318.                                                 <div class="!text-red text-xs flex items-center gap-2 pt-2">
  319.                                                     <img src="{{asset('assets/icon/error.svg')}}" alt="Error Image" class="w-3 h-3">
  320.                                                     <span class="flex">
  321.                                                         都道府県：{{ form_errors(form.address.pref) }}
  322.                                                     </span>
  323.                                                 </div>
  324.                                             {% endif %}
  325.                                         </div>
  326.                                         <div class="ec-input{{ has_errors(form.address.addr01) ? ' error' }}">
  327.                                             <div class="pb-2">
  328.                                                 <p class="text-sm font-medium">市区町村</p>
  329.                                             </div>
  330.                                             <div class=" w-full  {% if form_errors(form.address.addr01) %} border-red bg-rose-50 {% endif %}">
  331.                                                 {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': 'common.address_sample_Chiyoda-ku' }}) }}</div>
  332.                                             {% if form_errors(form.address.addr01) %}
  333.                                                 <div class="!text-red text-xs flex items-center gap-2 pt-2">
  334.                                                     <img src="{{asset('assets/icon/error.svg')}}" alt="Error Image" class="w-3 h-3">
  335.                                                     <span class="flex">
  336.                                                         市区町村：{{ form_errors(form.address.addr01) }}
  337.                                                     </span>
  338.                                                 </div>
  339.                                             {% endif %}
  340.                                         </div>
  341.                                         <div class="ec-input{{ has_errors(form.address.addr02) ? ' error' }}">
  342.                                             <div class="pb-2">
  343.                                                 <p class="text-sm font-medium">番地・ビル名</p>
  344.                                             </div>
  345.                                             <div class="w-full {% if form_errors(form.address.addr02) %} border-red bg-rose-50 {% endif %}">
  346.                                                 {{ form_widget(form.address.addr02,  { 'attr': { 'placeholder': 'common.address_sample_apartment' }}) }}</div>
  347.                                             {% if form_errors(form.address.addr02) %}
  348.                                                 <div class="!text-red text-xs flex items-center gap-2 pt-2">
  349.                                                     <img src="{{asset('assets/icon/error.svg')}}" alt="Error Image" class="w-3 h-3">
  350.                                                     <span class="flex">
  351.                                                         番地・ビル名：{{ form_errors(form.address.addr02) }}
  352.                                                     </span>
  353.                                                 </div>
  354.                                             {% endif %}
  355.                                         </div>
  356.                                     </div>
  357.                                 </div>
  359.                             </dd>
  360.                         </dd>
  361.                     </dl>
  362.                     <dl>
  363.                         <dt class="flex items-center gap-2  pb-4">
  364.                             <p class="text-xl font-medium leading-8">電話番号</p>
  365.                             <p class="text-sm text-red">※</p>
  366.                         </dt>
  367.                         <dd>
  368.                             <div class="ec-telInput{{ has_errors(form.phone_number) ? ' error' }}">
  369.                                 <div class=" w-full  {% if form_errors(form.phone_number) %} border-red bg-rose-50 {% endif %}">{{ form_widget(form.phone_number,  { 'attr': { 'placeholder': 'common.Input_specification' }}) }}</div>
  370.                                 {% if form_errors(form.phone_number) %}
  371.                                     <div class="!text-red text-xs flex items-center gap-2 pt-2">
  372.                                         <img src="{{asset('assets/icon/error.svg')}}" alt="Error Image" class="w-3 h-3">
  373.                                         <span class="flex">
  374.                                             電話番号：{{ form_errors(form.phone_number) }}
  375.                                         </span>
  376.                                     </div>
  377.                                 {% endif %}
  378.                             </div>
  379.                             <p class="pt-4 text-xs whitespace-normal font-normal">※携帯電話等の日中につながりやすいお電話番号をご入力ください。</p>
  380.                         </dd>
  381.                     </dl>
  382.                     <dl>
  383.                         <dt class="flex items-center gap-2 pb-4">
  384.                             <p class="text-xl font-medium leading-8">メールアドレス</p>
  385.                             <p class="text-sm text-red">※</p>
  386.                         </dt>
  387.                         <dd>
  388.                             <div class="ec-input{{ has_errors(form.email.first) ? ' error' }} pb-6">
  389.                                 <div class=" w-full  {% if form_errors(form.email.first) %} border-red bg-rose-50 {% endif %}">{{ form_widget(form.email.first, { 'attr': { 'placeholder': 'common.mail_address_itsukushi' }}) }}</div>
  390.                                 {% if form_errors(form.email.first) %}
  391.                                     <div class="!text-red text-xs flex items-center gap-2 pt-2">
  392.                                         <img src="{{asset('assets/icon/error.svg')}}" alt="Error Image" class="w-3 h-3">
  393.                                         <span class="flex">
  394.                                             メールアドレス：{{ form_errors(form.email.first) }}
  395.                                         </span>
  396.                                     </div>
  397.                                 {% endif %}
  398.                             </div>
  399.                             <div class="ec-input{{ has_errors() ? ' error' }}">
  400.                                 <p class="text-sm pb-2">確認のためもう一度入力してください</p>
  401.                                 <div class=" w-full  {% if form_errors(form.email.second) %} border-red bg-rose-50 {% endif %}">{{ form_widget(form.email.second, { 'attr': { 'placeholder': 'common.mail_address_itsukushi' }}) }}</div>
  402.                                 {% if form_errors(form.email.second) %}
  403.                                     <div class="!text-red text-xs flex items-center gap-2 pt-2">
  404.                                         <img src="{{asset('assets/icon/error.svg')}}" alt="Error Image" class="w-3 h-3">
  405.                                         <span class="flex text-wrap md:flex-col">
  406.                                             メールアドレス(確認)：{{ form_errors(form.email.second) }}
  407.                                         </span>
  408.                                     </div>
  409.                                 {% endif %}
  410.                             </div>
  411.                             <p class="pt-4 text-xs whitespace-normal font-normal">※『itsukushi@manaka-net.com』からのメールを受信できる設定になっていることをご確認下さい。</p>
  412.                             <p class="pt-2 text-xs whitespace-normal font-normal">※MMSはご利用になれません。キャリアメールは極力お控え頂けますようお願い申し上げます。</p>
  413.                         </dd>
  414.                     </dl>
  415.                     <dl>
  416.                         <dt class="flex items-center gap-2 pb-4">
  417.                             <p class="text-xl font-medium leading-8">パスワード</p>
  418.                             <p class="text-sm text-red">※</p>
  419.                         </dt>
  420.                         <dd class="font-normal">
  421.                             <div class="ec-input{{ has_errors(form.plain_password.first) ? ' error' }} pb-6">
  422.                                 <div class="">
  423.                                     <div class=" w-full  {% if form_errors(form.plain_password.first) %} border-red bg-rose-50 {% endif %}">{{ form_widget(form.plain_password.first, {
  424.                                         'attr': { 'placeholder': 'common.password_input_specification'|trans({ '%min%': eccube_config.eccube_password_min_len, '%max%': eccube_config.eccube_password_max_len }) },
  425.                                         'type': 'password'
  426.                                     }) }}</div>
  427.                                 </div>
  428.                                 {% if form_errors(form.plain_password.first) %}
  429.                                     <div class="!text-red text-xs flex items-center gap-2 pt-2">
  430.                                         <img src="{{asset('assets/icon/error.svg')}}" alt="Error Image" class="w-3 h-3">
  431.                                         <span class="flex items-center text-wrap">
  432.                                             パスワード：
  433.                                             <div class="flex flex-col">
  434.                                                 {{ form_errors(form.plain_password.first) }}
  435.                                             </div>
  436.                                         </span>
  437.                                     </div>
  438.                                 {% endif %}
  439.                             </div>
  440.                             <div class="ec-input{{ has_errors(form.plain_password.second) ? ' error' }}">
  441.                                 <p class="text-sm pb-2">確認のためもう一度入力してください</p>
  442.                                 <div class=" w-full  {% if form_errors(form.plain_password.second) %} border-red bg-rose-50 {% endif %}">
  443.                                     {{ form_widget(form.plain_password.second, {
  444.                                         'attr': { 'placeholder': 'common.password_input_specification'|trans },
  445.                                         'type': 'password'
  446.                                     }) }}
  447.                                 </div>
  448.                                 {% if form_errors(form.plain_password.second) %}
  449.                                     <div class="!text-red text-xs flex items-center gap-2 pt-2">
  450.                                         <img src="{{asset('assets/icon/error.svg')}}" alt="Error Image" class="w-3 h-3">
  451.                                         <span class="flex items-center text-wrap">
  452.                                             パスワード(確認)：
  453.                                             <div class="flex flex-col">
  454.                                                 {{ form_errors(form.plain_password.second) }}
  455.                                             </div>
  456.                                         </span>
  457.                                     </div>
  458.                                 {% endif %}
  459.                             </div>
  460.                         </dd>
  461.                     </dl>
  462.                     {# エンティティ拡張の自動出力 #}
  463.                     {% for f in form|filter(f => f.vars.eccube_form_options.auto_render) %}
  464.                         {% if f.vars.eccube_form_options.form_theme %}
  465.                             {% form_theme f f.vars.eccube_form_options.form_theme %}
  466.                             {{ form_row(f) }}
  467.                         {% else %}
  468.                             <dl>
  469.                                 <dt>
  470.                                     {% set label_class =  f.vars.label_attr.class is defined ? f.vars.label_attr.class : '' %}
  471.                                     {{ form_label(f, f.vars.label, { 'label_attr': {'class': label_class ~ ' ec-label' }}) }}
  472.                                 </dt>
  473.                                 <dd>
  474.                                     <div
  475.                                         class="{{ f.vars.eccube_form_options.style_class }}{{ has_errors(f) ? ' error' }}">
  476.                                         {# EntryType~のファイルを編集しないとテキスト変えられない #}
  477.                                         {{ form_widget(f) }}
  478.                                         {{ form_errors(f) }}
  479.                                     </div>
  480.                                 </dd>
  481.                             </dl>
  482.                         {% endif %}
  483.                     {% endfor %}
  484.                     <div class="ec-checkbox{{ has_errors(form.user_policy_check) ? ' error' }} hidden">
  485.                         <label>
  486.                             {{ form_widget(form.user_policy_check, { 'attr': {'checked': true} }) }}
  487.                             {{ 'front.entry.agree_with_terms'|trans({ '%url%': url('help_agreement') })|raw }}
  488.                         </label>
  489.                     </div>
  490.                 </div>
  491.                 <div class="mt-20 md:mt-10 w-full items-center justify-center flex flex-col">
  492.                     <div class="text-sm flex gap-2 w-full items-center justify-center pb-6">
  493.                         <a href="/help/agreement" class="border-b hover">会員規約</a>
  494.                         <p>に同意の上、</p>
  495.                     </div>
  496.                     <button class="w-[327px] bg-black text-center py-3 h-[48px] text-sm font-bold text-white rounded-[3px] hover" type="submit" name="mode" value="confirm">確認画面へ</button>
  497.                 </div>
  498.             </form>
  499.         </div>
  500.     </div>
  501. </div>{% endblock %}