66 lines
4.1 KiB
Twig
66 lines
4.1 KiB
Twig
{% extends 'customer/base.html.twig' %}
|
|
|
|
{% block page_title %}عضویت{% endblock %}
|
|
{% block page_subtitle %}به باشگاه مشتریان حسابیکس بپیوندید{% endblock %}
|
|
|
|
{% block auth_content %}
|
|
{{ form_start(form, {'attr': {'novalidate': 'novalidate', 'class': 'space-y-6'}}) }}
|
|
|
|
<div class="space-y-4">
|
|
<div>
|
|
{{ form_label(form.name, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700 mb-2'}}) }}
|
|
{{ form_widget(form.name, {'attr': {'class': 'w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200 text-right', 'placeholder': 'نام و نام خانوادگی خود را وارد کنید'}}) }}
|
|
{{ form_errors(form.name) }}
|
|
</div>
|
|
|
|
<div>
|
|
{{ form_label(form.email, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700 mb-2'}}) }}
|
|
{{ form_widget(form.email, {'attr': {'class': 'w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200 text-left', 'placeholder': 'example@domain.com'}}) }}
|
|
{{ form_errors(form.email) }}
|
|
</div>
|
|
|
|
<div>
|
|
{{ form_label(form.phone, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700 mb-2'}}) }}
|
|
{{ form_widget(form.phone, {'attr': {'class': 'w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200 text-left', 'placeholder': '09123456789'}}) }}
|
|
{{ form_errors(form.phone) }}
|
|
</div>
|
|
|
|
<div>
|
|
{{ form_label(form.plainPassword.first, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700 mb-2'}}) }}
|
|
{{ form_widget(form.plainPassword.first, {'attr': {'class': 'w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200 text-left', 'placeholder': 'کلمه عبور خود را وارد کنید'}}) }}
|
|
{{ form_errors(form.plainPassword.first) }}
|
|
</div>
|
|
|
|
<div>
|
|
{{ form_label(form.plainPassword.second, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700 mb-2'}}) }}
|
|
{{ form_widget(form.plainPassword.second, {'attr': {'class': 'w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200 text-left', 'placeholder': 'کلمه عبور را مجدداً وارد کنید'}}) }}
|
|
{{ form_errors(form.plainPassword.second) }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-start">
|
|
{{ form_widget(form.agreeTerms, {'attr': {'class': 'w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2 mt-1 ml-3'}}) }}
|
|
<label class="text-sm text-gray-700" for="{{ form.agreeTerms.vars.id }}">
|
|
<a href="{{ path('app_page', {'url': 'terms'}) }}" target="_blank" class="text-blue-600 hover:text-blue-700 font-medium">قوانین و مقررات</a> را میپذیرم
|
|
</label>
|
|
{{ form_errors(form.agreeTerms) }}
|
|
</div>
|
|
|
|
<button class="w-full bg-gradient-to-r from-blue-600 to-purple-600 text-white py-3 px-6 rounded-xl font-semibold hover:from-blue-700 hover:to-purple-700 transform hover:-translate-y-0.5 transition-all duration-200 shadow-lg hover:shadow-xl flex items-center justify-center gap-2" type="submit">
|
|
<img src="{{ asset('/img/icons/user-plus.svg') }}" alt="عضویت" class="icon-svg icon-user-plus">
|
|
عضویت در باشگاه
|
|
</button>
|
|
|
|
{{ form_end(form) }}
|
|
|
|
<div class="mt-8 text-center">
|
|
<p class="text-gray-600">
|
|
قبلاً عضو شدهاید؟
|
|
<a href="{{ path('customer_login') }}" class="text-blue-600 hover:text-blue-700 font-medium transition-colors duration-200">
|
|
<img src="{{ asset('/img/icons/sign-in.svg') }}" alt="ورود" class="icon-svg icon-sign-in ml-1">
|
|
ورود
|
|
</a>
|
|
</p>
|
|
</div>
|
|
{% endblock %}
|