{% extends get_theme_base_template() %}

{% block base_title %}Neues Passwort setzen{% endblock %}

{% block base_content %}
    {{ parent() }}
    <div class="container mt-5">
        <div class="row justify-content-center">
            <div class="col-md-6">
                <h2 class="text-center mb-4">{{ 'storefront.auth.reset_password_title'|trans }}</h2>
                <p class="text-muted text-center mb-4">{{ 'storefront.auth.reset_password_description'|trans }}</p>

                {{ form_start(resetPasswordForm, {'attr': {'class': 'form-horizontal'}}) }}
                <div class="mb-3">
                    {{ form_label(resetPasswordForm.plainPassword.first, null, {'label_attr': {'class': 'form-label'}}) }}
                    {{ form_widget(resetPasswordForm.plainPassword.first, {'attr': {'class': 'form-control'}}) }}
                </div>
                <div class="mb-3">
                    {{ form_label(resetPasswordForm.plainPassword.second, null, {'label_attr': {'class': 'form-label'}}) }}
                    {{ form_widget(resetPasswordForm.plainPassword.second, {'attr': {'class': 'form-control'}}) }}
                    {{ form_errors(resetPasswordForm.plainPassword) }}
                </div>
                {% include '@TerraFlowCMS/partials/friendly_captcha_widget.html.twig' with { captcha_context: 'reset_password' } %}
                <button type="submit" class="btn btn-primary w-100">
                    {{ 'storefront.auth.reset_password_submit'|trans }}
                </button>
                {{ form_end(resetPasswordForm) }}
            </div>
        </div>
    </div>
{% endblock %}