{% 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/lock.svg') }}" alt="قفل" class="icon-svg-large icon-lock text-primary">
        <p class="text-muted">کلمه عبور جدید خود را وارد کنید.</p>
    </div>

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

    <div class="form-floating mb-3">
        {{ form_widget(form.plainPassword.second, {'attr': {'class': 'form-control', 'placeholder': 'کلمه عبور جدید را مجدداً وارد کنید'}}) }}
        {{ form_label(form.plainPassword.second) }}
        {{ form_errors(form.plainPassword.second) }}
    </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>
    </div>
{% endblock %}