{% extends 'Layouts/login.html.twig' %}

{% block title %}
	{{ 'app.global.user.password.reset.title'|trans }}
{% endblock %}

{% block body %}
	<div class="text-center mb-11">
		<a href="{{ path('foxorders_dashboard') }}">
			<img alt="Logo" src="{{asset('foxorders/media/logos/popina-order-icon.png')}}" class="h-100px"/>
		</a>
		<h1 class="text-dark fw-bolder mb-10" style="padding-top: 30px !important;">{{ 'app.global.user.password.reset.title'|trans }}</h1>
		<div class="text-gray-500 fw-semibold fs-6">
			<p>{{ 'app.global.user.password.reset.body.notif'|trans }}.</p>
			<p>{{ 'app.global.user.password.reset.body.expiration'|trans }}
				<b>
					<u>{{ resetToken.expirationMessageKey|trans(resetToken.expirationMessageData, 'ResetPasswordBundle') }}</u>
				</b>.
			</p>
		</div>
		<div class="text-gray-500 fw-semibold fs-6 mt-10">{{ 'app.global.user.password.reset.body.spam'|trans }}</div>
		<div class="text-gray-500 fw-semibold fs-6 mt-15">
			<a href="{{ path('foxorders_security_reset_password_request') }}" class="btn btn-lg btn-primary fw-bolder">{{ 'app.global.user.password.reset.button.retry'|trans }}</a>
		</div>
	</div>
	<div class="text-gray-500 text-center fw-semibold fs-6">{{ 'app.global.user.password.already_have_account'|trans }}
		<a href="{{ path('security_login') }}" class="link-primary">{{ 'app.global.buttons.login'|trans }}</a>
	</div>
{% endblock %}