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

{% block title %}{{ 'Reset your password'|trans }}{% endblock %}

{% block body %}
    <main>
        <div class="container">
            <section
                    class="section register min-vh-100 d-flex flex-column align-items-center justify-content-center py-4">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-4 col-md-6 d-flex flex-column align-items-center justify-content-center">
                            <div class="card mb-3">
                                <div class="card-body">
                                    <div class="pt-4 pb-2">
                                        <h5 class="card-title text-center pb-0 fs-4">{{ 'Reset your password'|trans }}</h5>
                                    </div>
                                    <form class="row g-3 needs-validation" novalidate
                                          name="{{ field_name(requestForm) }}" method="post">

                                        <div class="col-12">
                                            {% for error in field_errors(requestForm.email) %}
                                                <div class="alert alert-danger" role="alert">
                                                    {{ error|trans }}
                                                </div>
                                            {% endfor %}
                                        </div>

                                        <div class="col-12">
                                            <label for="email"
                                                   class="form-label">{{ field_label(requestForm.email) }}</label>
                                            <div class="input-group has-validation">
                                                <input
                                                        type="email"
                                                        name="{{ field_name(requestForm.email) }}"
                                                        class="form-control"
                                                        id="email"
                                                        required
                                                >
                                                <div class="invalid-feedback">{{ 'Please choose an email'|trans }}</div>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <button class="btn btn-primary w-100"
                                                    name="{{ field_label(requestForm.submit) }}"
                                                    type="submit">{{ field_label(requestForm.submit) }}</button>
                                        </div>
                                        <div class="col-12">
                                            <span class="small mb-0 float-start"><a href="{{ path('app_login') }}">{{ 'Log in'|trans }}</a></span>
                                            <span class="small mb-0 float-end"><a href="{{ path('app_register') }}"> {{ 'Create an account'|trans }}</a></span>
                                        </div>
                                        {{ form_row(requestForm._token) }}
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </main>
{% endblock %}