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

{% block page_title %}بازیابی کلمه عبور{% endblock %}
{% block page_subtitle %}کلمه عبور خود را بازیابی کنید{% endblock %}

{% block auth_content %}
    <div class="text-center mb-4">
        <img src="{{ asset('/img/icons/key.svg') }}" alt="کلید" class="icon-svg-large icon-key text-primary">
        <p class="text-muted">ایمیل خود را وارد کنید تا لینک بازیابی کلمه عبور برای شما ارسال شود.</p>
    </div>

    {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}
    
    <div class="form-floating mb-3">
        {{ form_widget(form.email, {'attr': {'class': 'form-control', 'placeholder': 'ایمیل خود را وارد کنید'}}) }}
        {{ form_label(form.email) }}
        {{ form_errors(form.email) }}
    </div>

    {{ form_end(form) }}

    <div class="auth-links">
        <a href="{{ path('customer_login') }}">
            <img src="{{ asset('/img/icons/arrow-left.svg') }}" alt="بازگشت" class="icon-svg icon-arrow-left"> بازگشت به صفحه ورود
        </a>
        <br><br>
        <p>حساب کاربری ندارید؟ 
            <a href="{{ path('customer_register') }}">
                <img src="{{ asset('/img/icons/user-plus.svg') }}" alt="عضویت" class="icon-svg icon-user-plus"> عضویت در باشگاه
            </a>
        </p>
    </div>
{% endblock %}