{% sw_extends '@Storefront/storefront/base.html.twig' %}

{% block base_content %}
    {% block page_account_profile_recover_password %}
        <div class="account-recover-password row justify-content-md-center">
            {% block page_account_profile_recover_password_inner %}
                <div class="col-md-8 col-lg-6">
                    {% block page_account_profile_recover_password_form %}
                        <form method="post"
                              class="account-recover-password-form card"
                              action="{{ path('frontend.account.recover.request') }}"
                              data-form-handler="true">
                            {% block page_account_profile_recover_password_title %}
                                <h1 class="card-title">
                                    {{ 'account.profileRecoverPasswordTitle'|trans }}
                                </h1>
                            {% endblock %}

                            {% block page_account_profile_recover_password_container %}
                                <div class="card-body">
                                    {% block page_account_profile_recover_password_info %}
                                        <div class="card-text account-recover-password-info mb-3">
                                            {{ 'account.profileRecoverPasswordInfo'|trans }}
                                        </div>
                                    {% endblock %}

                                    {% block page_account_profile_recover_password_mail %}
                                        {% sw_include '@Storefront/storefront/component/form/form-input.html.twig' with {
                                            type: 'email',
                                            label: 'account.profileCurrentMail'|trans|sw_sanitize,
                                            id: 'recoverMail',
                                            name: 'email[email]',
                                            autocomplete: 'section-personal email',
                                            violationPath: '/email',
                                            validationRules: 'required,email',
                                        } %}
                                    {% endblock %}

                                    {% block page_account_profile_recover_password_actions %}
                                        <div class="account-recover-password-form-actions">
                                            {% block page_account_profile_recover_password_action_back %}
                                                <a href="{{ seoUrl('frontend.account.login') }}"
                                                   class="account-recover-password-back btn btn-outline-secondary"
                                                   title="{{ 'general.back'|trans }}">
                                                    {{ 'general.back'|trans }}
                                                </a>
                                            {% endblock %}

                                            {% block page_account_profile_recover_password_action_send %}
                                                <button type="submit"
                                                        class="account-recover-password-submit btn btn-primary"
                                                        title="{{ 'account.profileRecoverPasswordSubmit'|trans }}">
                                                    {{ 'account.profileRecoverPasswordSubmit'|trans }}
                                                </button>
                                            {% endblock %}
                                        </div>
                                    {% endblock %}
                                </div>
                            {% endblock %}
                        </form>
                    {% endblock %}
                </div>
            {% endblock %}
        </div>
    {% endblock %}
{% endblock %}