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

{% block title %}Réinitialiser votre mot de passe
{% 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">
		<div class="flex justify-center mb-4">
			<img src="{{ asset('images/my-horse.png') }}" alt="Logo" class="h-32 w-auto">
		</div>

		{% for flash_error in app.flashes('reset_password_error') %}
			<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative text-sm" role="alert">
				{{ flash_error }}
			</div>
		{% endfor %}

		<h1 class="text-2xl font-semibold text-center text-stone-800">
			Réinitialiser votre mot de passe
		</h1>

		<p class="text-center text-stone-600 text-sm">
			Indiquez votre adresse e-mail ci-dessous. Vous recevrez un lien pour réinitialiser votre mot de passe.
		</p>

		{{ form_start(requestForm, {'attr': {'class': 'space-y-4'}}) }}
		<div>
			{{ form_label(requestForm.email) }}
			{{ form_widget(requestForm.email) }}
			{{ form_errors(requestForm.email) }}
		</div>

		<div class="text-center">
			<button type="submit" class="w-full button-style button-nav-primary">
				Envoyer le lien de réinitialisation
			</button>
		</div>
		{{ form_end(requestForm) }}

		<hr class="my-4 border-stone-300">

		<div class="text-center text-sm">
			<a href="{{ path('app_login') }}" class="text-blue-600 hover:underline font-medium">
				← Retour à la connexion
			</a>
		</div>
	</div>
{% endblock %}