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 stylesheet %}
  16.     <style>
  17.         #login_email,
  18.         #login_pass {
  19.             padding: 16px 12px;
  20.             width: 100%;
  21.             border-width: 1px;
  22.             border-color: #CCCCCC;
  23.             border-radius: 3px;
  24.             text: #BBBBBB;
  25.             height: 48px;
  26.         }
  28.         #breadcrumbs {
  29.             width: 100vw;
  30.             margin-left: -50vw;
  31.             position: relative;
  32.             left: 50%;
  33.         }
  35.         @media(max-width: 768px) {
  36.             #breadcrumbs {
  37.                 padding-left: 40px;
  38.             }
  39.         }
  40.     </style>
  41. {% endblock %}
  43. {% block main %}
  44.     <div class="pb-20 md:px-6 whitespace-nowrap bg-background-default rounded">
  45.         <div class="flex gap-4 items-start mx-auto w-full pl-[136px] md:pl-0 pt-20 pb-6">
  46.             <hr class="md:h-[64px] h-[160px] w-[1px] bg-gradient-to-b from-[#ADAAA6] to-[#F0EDE900] border-none">
  47.             <h1 class="text-[32px] md:text-xl font-light leading-9 tracking-widest">新規会員登録・ログイン</h1>
  48.         </div>
  49.         <div class="w-full">
  50.             {% set breadcrumbs = [{'name': "新規会員登録・ログイン"}] %}
  51.             {{ include('Block/breadcrumb.twig') }}
  52.         </div>
  53.         <div class="max-w-[798px] w-full flex flex-col items-center justify-center mx-auto">
  54.             <div>
  55.                 <div class="flex w-full gap-[72px] lg:flex-col lg:gap-10">
  56.                     <div
  57.                         class="w-1/2 lg:w-full">
  58.                         {# 新規会員登録 #}
  59.                         <h3 class="mb-[22px] text-xl font-medium">はじめてのご利用はこちら</h3>
  60.                         <a href="{{url('entry')}}" class="block text-sm text-center bg-black w-[327px] text-white py-3 rounded-[3px] font-bold hover">{{ 'common.signup'|trans }}</a>
  61.                     </div>
  62.                     <hr class="bg-[#F0EDE9] border-none w-[1px] h-[327px] lg:w-[327px] lg:h-[1px]">
  63.                     <form name="login_mypage" id="login_mypage" method="post" action="{{ url('mypage_login') }}" class="w-1/2 lg:w-full">
  64.                         {% if app.session.flashBag.has('eccube.login.target.path') %}
  65.                             {% for targetPath in app.session.flashBag.peek('eccube.login.target.path') %}
  66.                                 <input type="hidden" name="_target_path" value="{{ targetPath }}"/>
  67.                             {% endfor %}
  68.                         {% endif %}
  69.                         {# ログイン #}
  70.                         <h3 class="mb-[22px] text-xl font-medium">会員の方</h3>
  71.                         <p class="text-lg mb-[18px] font-medium">ログイン</p>
  72.                         <div class="flex flex-col">
  73.                             <div class="mb-4 text-sm font-medium">
  74.                                 <p class="mb-2 font-medium">メールアドレス</p>
  75.                                 {{ form_widget(form.login_email, {'attr': {'style' : 'ime-mode: disabled;', 'placeholder' : 'common.mail_address', 'autofocus': true}}) }}
  76.                                 {{ form_errors(form.login_email) }}
  77.                             </div>
  78.                             <div class="mb-10">
  79.                                 <p class="mb-2 text-sm font-medium">パスワード</p>
  80.                                 {{ form_widget(form.login_pass,  {'attr': {'placeholder' : 'common.password' }}) }}
  81.                                 {{ form_errors(form.login_pass) }}
  82.                             </div>
  83.                             <div class="flex flex-col items-center">
  84.                                 <button type="submit" class="mb-4 text-sm bg-red w-[327px] h-[45px] py-3 rounded-[3px] text-white font-bold hover">{{ 'common.login'|trans }}</button>
  85.                                 {% if error %}
  86.                                     <div class="!text-red text-xs flex items-center gap-2 pb-2">
  87.                                         <img src="{{asset('assets/icon/error.svg')}}" alt="Error Image" class="w-3 h-3">
  88.                                         <span class="flex ">
  89.                                             {{ error.messageKey|trans(error.messageData, 'validators')|nl2br }}
  90.                                         </span>
  91.                                     </div>
  92.                                 {% endif %}
  93.                                 <a class="border-b border-black leading-4 tracking-widest text-sm font-normal hover" href="{{ url('forgot') }}">パスワードを忘れた方</a>
  94.                             </div>
  95.                         </div>
  96.                         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  97.                     </form>
  98.                 </div>
  99.                 <div></div>
  100.             </div>
  101.         </div>
  102.     </div>
  103. {% endblock %}