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

{% block page_title %}عضویت{% endblock %}
{% block page_subtitle %}به باشگاه مشتریان حسابیکس بپیوندید{% endblock %}

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

    <div class="form-floating mb-3">
        {{ form_widget(form.email, {'attr': {'class': 'form-control', 'placeholder': 'example@domain.com'}}) }}
        {{ form_label(form.email) }}
        {{ form_errors(form.email) }}
    </div>

    <div class="form-floating mb-3">
        {{ form_widget(form.phone, {'attr': {'class': 'form-control', 'placeholder': '09123456789'}}) }}
        {{ form_label(form.phone) }}
        {{ form_errors(form.phone) }}
    </div>

    <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>

    <div class="form-check mb-3">
        {{ form_widget(form.agreeTerms, {'attr': {'class': 'form-check-input'}}) }}
        <label class="form-check-label" for="{{ form.agreeTerms.vars.id }}">
            <a href="{{ path('app_page', {'url': 'terms'}) }}" target="_blank">قوانین و مقررات</a> را می‌پذیرم
        </label>
        {{ form_errors(form.agreeTerms) }}
    </div>

    <button class="btn btn-primary w-100 mb-3" type="submit">
        <img src="{{ asset('/img/icons/user-plus.svg') }}" alt="عضویت" class="icon-svg icon-user-plus"> عضویت در باشگاه
    </button>

    {{ form_end(form) }}

    <div class="auth-links">
        <p>قبلاً عضو شده‌اید؟ 
            <a href="{{ path('customer_login') }}">
                <img src="{{ asset('/img/icons/sign-in.svg') }}" alt="ورود" class="icon-svg icon-sign-in"> ورود
            </a>
        </p>
    </div>
{% endblock %}