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

{% block title %}ثبت‌نام - سیستم حسابداری{% endblock %}

{% block auth_title %}ثبت‌نام در سیستم{% endblock %}

{% block auth_subtitle %}حساب کاربری جدید ایجاد کنید{% endblock %}

{% block auth_body %}
    <form method="post" class="needs-validation" novalidate>
        <div class="form-group">
            <label for="registration_form_fullName" class="form-label">
                <i class="bi bi-person me-2"></i>نام و نام خانوادگی
            </label>
            {{ form_widget(registrationForm.fullName, {
                'attr': {
                    'class': 'form-control',
                    'placeholder': 'نام و نام خانوادگی خود را وارد کنید',
                    'id': 'registration_form_fullName'
                }
            }) }}
            {{ form_errors(registrationForm.fullName) }}
        </div>

        <div class="form-group">
            <label for="registration_form_email" class="form-label">
                <i class="bi bi-envelope me-2"></i>ایمیل
            </label>
            {{ form_widget(registrationForm.email, {
                'attr': {
                    'class': 'form-control',
                    'placeholder': 'example@email.com',
                    'id': 'registration_form_email'
                }
            }) }}
            {{ form_errors(registrationForm.email) }}
        </div>

        <div class="form-group">
            <label for="registration_form_mobile" class="form-label">
                <i class="bi bi-phone me-2"></i>شماره موبایل
            </label>
            {{ form_widget(registrationForm.mobile, {
                'attr': {
                    'class': 'form-control',
                    'placeholder': '09123456789',
                    'id': 'registration_form_mobile'
                }
            }) }}
            {{ form_errors(registrationForm.mobile) }}
        </div>

        <div class="form-group">
            <label for="registration_form_plainPassword_first" class="form-label">
                <i class="bi bi-lock me-2"></i>رمز عبور
            </label>
            {{ form_widget(registrationForm.plainPassword.first, {
                'attr': {
                    'class': 'form-control',
                    'placeholder': 'رمز عبور خود را وارد کنید',
                    'id': 'registration_form_plainPassword_first'
                }
            }) }}
            {{ form_errors(registrationForm.plainPassword.first) }}
        </div>

        <div class="form-group">
            <label for="registration_form_plainPassword_second" class="form-label">
                <i class="bi bi-lock-fill me-2"></i>تکرار رمز عبور
            </label>
            {{ form_widget(registrationForm.plainPassword.second, {
                'attr': {
                    'class': 'form-control',
                    'placeholder': 'رمز عبور را دوباره وارد کنید',
                    'id': 'registration_form_plainPassword_second'
                }
            }) }}
            {{ form_errors(registrationForm.plainPassword.second) }}
        </div>

        <div class="form-group">
            <button type="submit" class="btn btn-success">
                <i class="bi bi-person-plus me-2"></i>ثبت‌نام
            </button>
        </div>
    </form>

    <div class="divider">
        <span>قبلاً ثبت‌نام کرده‌اید؟</span>
    </div>

    <div class="text-center">
        <a href="{{ path('app_login') }}" class="btn btn-primary">
            <i class="bi bi-box-arrow-in-right me-2"></i>وارد شوید
        </a>
    </div>
{% endblock %}

{% block auth_footer %}
    <div class="auth-links">
        <a href="{{ path('app_home') }}">
            <i class="bi bi-house me-1"></i>بازگشت به صفحه اصلی
        </a>
        <span class="mx-2">|</span>
        <a href="{{ path('app_login') }}">
            <i class="bi bi-box-arrow-in-right me-1"></i>ورود
        </a>
    </div>
{% endblock %}