{% 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(resetForm) }}" method="post">

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

                                    <div class="col-12">
                                        <label for="yourPassword"
                                               class="form-label">{{ field_label(resetForm.plainPassword.first) }}</label>
                                        <input type="password"
                                               name="{{ field_name(resetForm.plainPassword.first) }}"
                                               class="form-control" id="yourPassword" required>
                                        <div class="invalid-feedback">{{ 'Please enter your password!'|trans }}</div>
                                    </div>

                                    <div class="col-12">
                                        <label for="yourPassword"
                                               class="form-label">{{ field_label(resetForm.plainPassword.second) }}</label>
                                        <input type="password"
                                               name="{{ field_name(resetForm.plainPassword.second) }}"
                                               class="form-control" id="yourPassword" required>
                                        <div class="invalid-feedback">{{ 'Please type in the same password again!'|trans }}</div>
                                    </div>

                                    <div class="col-12">
                                        <button class="btn btn-primary w-100"
                                                name="{{ field_label(resetForm.submit) }}"
                                                type="submit">{{ field_label(resetForm.submit) }}</button>
                                    </div>
                                    {{ form_row(resetForm._token) }}
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</main>
{% endblock %}