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

{% block title %}Mot de passe oublié - Les gîtes de Roquetoire{% endblock %}

{% block meta %}
    <meta name="description" content="Modifier son mot de passe oublié par email">
{% endblock %}

{% block content %}
    <div class="container mt-5">
        {% for message in app.flashes('notice') %}
            <div class="alert alert-info">{{ message }}</div>
        {% endfor %}
        <form method="post">
            <h1 class="text-center">Réinitialiser mon mot de passe</h1>
                <div class="row justify-content-center mt-4">
                    <div class="col-md-6">
                        <div class="bg-perso">
                            <div class="row justify-content-center">
                                <div class="col-8 my-3">
                                    <label for="inputEmail" class="semi-bold-label ms-1">Votre adresse mail</label>
                                    <input type="email" name="email" id="inputEmail" placeholder="Votre adresse mail" class="form-control btn-radius" autocomplete="email" required autofocus>
                                    <div class="text-center mt-3">
                                        <button class="btn btn-perso mx-auto w-100" type="submit">
                                            Valider
                                        </button>
                                    </div>
                                    <hr>
                                    <p class="text-center">Ou souhaitez-vous <a href="{{ path('app_login') }}">vous connecter</a> ?</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </form>
    </div>
    
{% endblock %}