app/template/default/Mypage/login.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 = 'mypage' %}
  15. {% block main %}
  16.     <div class="mt-10 mb-[120px] px-4 md:mt-4 md:mb-10 animate-slideIn">
  17.         <div class="w-full max-w-[720px] flex flex-col gap-10 md:gap-5 mx-auto">
  18.             <h2 class="text-2xl md:text-lg font-extralight">新規会員登録・ログイン</h2>
  19.             {# 新規会員登録 #}
  20.             <div class="bg-manakaBeige">
  21.                 <h3 class="bg-[#A7A79B] text-white font-bold px-8 py-4 mb-10 md:mb-6">新規会員登録</h3>
  22.                 <p class="text-sm text-center font-bold mb-5">
  23.                     <span>●</span>
  24.                     はじめてのご利用はこちら
  25.                 </p>
  26.                 <a class="mb-10 md:mb-5 py-4 md:py-3 block text-lg text-white text-center bg-[#333] mx-auto w-[calc(100%-32px)] max-w-[300px] md:text-base hover" href="{{ url('entry') }}">会員登録</a>
  27.             </div>
  28.             {# ログイン #}
  29.             <form name="login_mypage" id="login_mypage" method="post" action="{{ url('mypage_login') }}">
  30.                 {% if app.session.flashBag.has('eccube.login.target.path') %}
  31.                     {% for targetPath in app.session.flashBag.peek('eccube.login.target.path') %}
  32.                         <input type="hidden" name="_target_path" value="{{ targetPath }}"/>
  33.                     {% endfor %}
  34.                 {% endif %}
  35.                 <div class="flex flex-col items-center w-full bg-manakaBeige x">
  36.                     <h3 class="bg-[#A7A79B] text-white font-bold px-8 py-4 mb-10 w-full md:mb-6">ログイン</h3>
  37.                     {% if error %}
  38.                         <p class="my-2 text-[15px] text-[#be5255] font-bold text-center">{{ error.messageKey|trans(error.messageData, 'validators')|nl2br }}</p>
  39.                     {% endif %}
  40.                     <div class="w-full mb-6 md:mb-5 px-4 max-w-[576px] mx-auto">
  41.                         <div class="flex flex-col gap-4 md:gap-3 w-full">
  42.                             {{ form_widget(form.login_email, {'attr': {'class':'w-full max-w-[576px] mx-auto px-4 py-2 border border-[#CCC] rounded-md','style' : 'ime-mode: disabled;', 'placeholder' : 'common.mail_address', 'autofocus': true}}) }}
  43.                             {{ form_widget(form.login_pass,  {'attr': {'class':'w-full max-w-[576px] mx-auto px-4 py-2 border border-[#CCC] rounded-md','placeholder' : 'common.password' }}) }}
  44.                         </div>
  45.                         {% for reset_complete in app.session.flashbag.get('password_reset_complete') %}
  46.                             <p class="mt-2">{{ reset_complete|trans }}</p>
  47.                         {% endfor %}
  48.                     </div>
  49.                     <button type="submit" class="mb-3 text-lg bg-[#333] text-white w-[calc(100%-32px)] max-w-[300px] py-4 md:py-3 md:text-base hover">{{ 'common.login'|trans }}</button>
  50.                     <a class="underline mb-10 md:mb-5 hover md:text-sm" href="{{ url('forgot') }}">パスワードを忘れた方</a>
  51.                 </div>
  52.                 <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  53.                 <div class="ec-login"></div>
  54.             </form>
  55.         </div>
  56.     </div>
  57.     <div class="w-[calc(100%-32px)] max-w-[1120px] mx-auto">
  58.         {% set breadcrumbs = [{'name': '新規会員登録・ログイン'}] %}
  59.         {% include('Block/breadcrumbs.twig') %}
  60.     </div>
  61. {% endblock %}