{% extends 'base.html.twig' %}

{% block title %}E-mail de réinitialisation envoyé{% endblock %}

{% block content %}
	<div class="max-w-md mx-auto bg-stone-100 p-8 rounded-xl shadow-lg space-y-6 md:mt-16 text-center">
		<div class="flex justify-center mb-4">
			<img src="{{ asset('images/my-horse.png') }}" alt="Logo My Horse" class="h-32 w-auto">
		</div>

		<h1 class="text-2xl font-semibold text-stone-800">
			E-mail de réinitialisation envoyé
		</h1>

		<p class="text-stone-700 text-sm leading-relaxed">
			Si un compte correspondant à votre adresse e-mail existe, un message vient de vous être envoyé.  
			Il contient un lien vous permettant de réinitialiser votre mot de passe.
		</p>

		<p class="text-stone-600 text-sm">
			Ce lien expirera dans  
			<strong>{{ resetToken.expirationMessageKey|trans(resetToken.expirationMessageData, 'ResetPasswordBundle') }}</strong>.
		</p>

		<p class="text-stone-600 text-sm">
			Si vous ne recevez pas d’e-mail dans les prochaines minutes, vérifiez votre dossier <strong>courrier indésirable</strong>  
			ou <a href="{{ path('app_forgot_password_request') }}" class="text-blue-600 hover:underline font-medium">essayez à nouveau</a>.
		</p>

		<div class="pt-4">
			<a href="{{ path('app_login') }}" class="button-style button-return">
				← Retour à la connexion
			</a>
		</div>
	</div>
{% endblock %}