78 lines
3.9 KiB
Twig
78 lines
3.9 KiB
Twig
{% extends 'customer/base.html.twig' %}
|
|
|
|
{% block page_title %}ورود{% endblock %}
|
|
{% block page_subtitle %}وارد حساب کاربری خود شوید{% endblock %}
|
|
|
|
{% block auth_content %}
|
|
{% if error %}
|
|
<div class="mb-6 p-4 bg-red-50 border border-red-200 rounded-xl text-red-800 text-right" role="alert">
|
|
<div class="flex items-center">
|
|
<img src="{{ asset('/img/icons/exclamation-circle.svg') }}" alt="خطا" class="icon-svg icon-exclamation ml-2">
|
|
{{ error.messageKey|trans(error.messageData, 'security', 'fa') }}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<form method="post" action="{{ path('customer_login_check') }}" class="space-y-6">
|
|
<div class="space-y-4">
|
|
<div>
|
|
<label for="inputEmail" class="block text-sm font-medium text-gray-700 mb-2">پست الکترونیکی</label>
|
|
<input type="email"
|
|
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"
|
|
id="inputEmail"
|
|
name="_username"
|
|
value="{{ last_username }}"
|
|
placeholder="ایمیل خود را وارد کنید"
|
|
required
|
|
autofocus
|
|
dir="ltr">
|
|
</div>
|
|
|
|
<div>
|
|
<label for="inputPassword" class="block text-sm font-medium text-gray-700 mb-2">کلمه عبور</label>
|
|
<input type="password"
|
|
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"
|
|
id="inputPassword"
|
|
name="_password"
|
|
placeholder="کلمه عبور خود را وارد کنید"
|
|
required
|
|
dir="ltr">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-center">
|
|
<input class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2 ml-3"
|
|
type="checkbox"
|
|
id="remember_me"
|
|
name="_remember_me"
|
|
checked>
|
|
<label for="remember_me" class="text-sm text-gray-700">
|
|
مرا به یاد داشته باش
|
|
</label>
|
|
</div>
|
|
|
|
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
|
|
|
|
<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/sign-in.svg') }}" alt="ورود" class="icon-svg icon-sign-in">
|
|
ورود
|
|
</button>
|
|
</form>
|
|
|
|
<div class="mt-8 text-center space-y-4">
|
|
<a href="{{ path('customer_forgot_password') }}" class="inline-flex items-center text-blue-600 hover:text-blue-700 font-medium transition-colors duration-200">
|
|
<img src="{{ asset('/img/icons/key.svg') }}" alt="کلید" class="icon-svg icon-key ml-2">
|
|
فراموشی کلمه عبور
|
|
</a>
|
|
|
|
<div class="text-gray-600">
|
|
<p>حساب کاربری ندارید؟
|
|
<a href="{{ path('customer_register') }}" class="text-blue-600 hover:text-blue-700 font-medium transition-colors duration-200">
|
|
<img src="{{ asset('/img/icons/user-plus.svg') }}" alt="عضویت" class="icon-svg icon-user-plus ml-1">
|
|
عضویت در باشگاه
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|