{% extends "layout.twig" %}

{% block title %}Mot de passe oublié – Slim Blog{% endblock %}

{% block content %}
<div class="form-container form-container--narrow">
    <div class="form-container__panel">
        <div class="form-container__header">
            <h2 class="form-container__title">Mot de passe oublié</h2>
            <p class="form-container__intro">Saisissez votre adresse email. Si elle est associée à un compte, vous recevrez un lien de réinitialisation.</p>
        </div>

        {% if error %}
        <div class="alert alert--danger">{{ error }}</div>
        {% endif %}

        {% if success %}
        <div class="alert alert--success">{{ success }}</div>
        {% endif %}

        <form method="post" action="/password/forgot" class="form-container__form">
            <input type="hidden" name="{{ csrf.keys.name }}" value="{{ csrf.name }}">
            <input type="hidden" name="{{ csrf.keys.value }}" value="{{ csrf.value }}">

            <p class="form-container__field">
                <label for="email" class="form-container__label">
                    <span>Adresse email</span>
                    <input type="email" id="email" name="email" required autofocus class="form-container__input">
                </label>
            </p>

            <div class="form-container__actions">
                <div class="form-container__action">
                    <button type="submit" class="btn btn--primary btn--lg btn--full">Envoyer le lien</button>
                </div>
            </div>
        </form>

        <div class="form-container__footer">
            <a href="/auth/login">← Retour à la connexion</a>
        </div>
    </div>
</div>
{% endblock %}