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

{% block title %}Définir un nouveau 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 My Horse" class="h-32 w-auto">
		</div>

		<h1 class="text-2xl font-semibold text-center text-stone-800">
			Définir un nouveau mot de passe
		</h1>

		<p class="text-center text-stone-600 text-sm">
			Veuillez saisir votre nouveau mot de passe ci-dessous pour terminer la réinitialisation.
		</p>

		{{ form_start(resetForm, {'attr': {'class': 'space-y-4'}}) }}
			<div>
				{{ form_widget(resetForm.plainPassword, {'attr': {
					'class': 'w-full border border-stone-300 rounded-lg px-3 py-2 text-stone-800 placeholder-stone-400 space-y-2 bg-white dark:bg-stone-700 dark:text-stone-200 dark:placeholder-stone-500'
				}}) }}
				{{ form_errors(resetForm.plainPassword) }}
			</div>

			<div class="text-center">
				<button type="submit" class="w-full button-style button-validate">
					Valider le nouveau mot de passe
				</button>
			</div>
		{{ form_end(resetForm) }}

		<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 %}