{#
This file is part of EC-CUBE
Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
http://www.ec-cube.co.jp/
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{% extends 'default_frame.twig' %}
{% set body_class = 'mypage' %}
{% block main %}
<div class="mt-10 mb-[120px] px-4 md:mt-4 md:mb-10 animate-slideIn">
<div class="w-full max-w-[720px] flex flex-col gap-10 md:gap-5 mx-auto">
<h2 class="text-2xl md:text-lg font-extralight">新規会員登録・ログイン</h2>
{# 新規会員登録 #}
<div class="bg-manakaBeige">
<h3 class="bg-[#A7A79B] text-white font-bold px-8 py-4 mb-10 md:mb-6">新規会員登録</h3>
<p class="text-sm text-center font-bold mb-5">
<span>●</span>
はじめてのご利用はこちら
</p>
<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>
</div>
{# ログイン #}
<form name="login_mypage" id="login_mypage" method="post" action="{{ url('mypage_login') }}">
{% if app.session.flashBag.has('eccube.login.target.path') %}
{% for targetPath in app.session.flashBag.peek('eccube.login.target.path') %}
<input type="hidden" name="_target_path" value="{{ targetPath }}"/>
{% endfor %}
{% endif %}
<div class="flex flex-col items-center w-full bg-manakaBeige x">
<h3 class="bg-[#A7A79B] text-white font-bold px-8 py-4 mb-10 w-full md:mb-6">ログイン</h3>
{% if error %}
<p class="my-2 text-[15px] text-[#be5255] font-bold text-center">{{ error.messageKey|trans(error.messageData, 'validators')|nl2br }}</p>
{% endif %}
<div class="w-full mb-6 md:mb-5 px-4 max-w-[576px] mx-auto">
<div class="flex flex-col gap-4 md:gap-3 w-full">
{{ 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}}) }}
{{ 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' }}) }}
</div>
{% for reset_complete in app.session.flashbag.get('password_reset_complete') %}
<p class="mt-2">{{ reset_complete|trans }}</p>
{% endfor %}
</div>
<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>
<a class="underline mb-10 md:mb-5 hover md:text-sm" href="{{ url('forgot') }}">パスワードを忘れた方</a>
</div>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<div class="ec-login"></div>
</form>
</div>
</div>
<div class="w-[calc(100%-32px)] max-w-[1120px] mx-auto">
{% set breadcrumbs = [{'name': '新規会員登録・ログイン'}] %}
{% include('Block/breadcrumbs.twig') %}
</div>
{% endblock %}