{% extends 'default_frame.twig' %}{% set body_class = 'forgot_page' %}{% form_theme form 'Form/form_div_layout.twig' %}{% set breadcrumbs = [{'name': 'マイページ', 'route': 'mypage'}, {'name': 'パスワードの再発行'}] %}{% block stylesheet %} <style> #login_email { padding: 0.75rem 1rem; width: 100%; height: 100%; background-color: transparent; } </style>{% endblock %}{% block main %} <section class="px-6 pb-10 pt-[7.5rem] md:pt-20 md:pb-1 text-black"> <div class="mx-auto w-full max-w-[63rem]"> <h1 class="flex items-start gap-4 md:gap-2"> <span class="block h-[7.5rem] w-0.5 bg-gradient-to-b from-[#ADAAA6] md:h-16 md:w-px"></span> <p class="text-[2rem] font-light leading-normal tracking-widest md:text-xl"> {{ 'front.forgot.title'|trans }}</p> </h1> </div> </section> {{ include('Block/breadcrumb.twig') }} <section class="md:pt-6 px-6 pb-[7.5rem] md:pb-20 text-black"> <div class="mx-auto w-full max-w-[37rem]"> <p class="text-sm leading-loose"> こちらのページから、パスワード再発行手続きができます。<br/>ご登録頂いたメールアドレスを入力して「再発行」ボタンを押してください。ご入力いただいたアドレスにメールが届きますので、そちらから手続きを行ってください。 </p> <form method="post" action="{{ url('forgot') }}"> {{ form_widget(form._token) }} <dl class="mt-10"> <dt class="text-sm font-medium leading-normal"> メールアドレス </dt> <dd class="mt-2 w-full rounded-[0.18rem] border border-gray bg-white text-sm{% if form_errors(form.login_email) %} !border-red !bg-[#FDF1F0] {% endif %}">{{ form_widget(form.login_email) }}</dd> {% if form_errors(form.login_email) %} <dd class="text-red text-xs flex items-center gap-1 mt-2"> <i class="fas fa-exclamation-triangle"></i> {{ form_errors(form.login_email) }} </dd> {% endif %} </dl> <button class="mx-auto mt-10 grid w-80 place-items-center rounded-[0.18rem] border border-red bg-red py-3 text-sm font-bold text-white md:w-full hover" type="submit">再発行メールを送る</button> </form> </div> </section>{% endblock %}