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

{% block page_title %}ورود{% endblock %}
{% block page_subtitle %}وارد حساب کاربری خود شوید{% endblock %}

{% block auth_content %}
    {% if error %}
        <div class="alert alert-danger" role="alert">
            <img src="{{ asset('/img/icons/exclamation-circle.svg') }}" alt="خطا" class="icon-svg icon-exclamation"> {{ error.messageKey|trans(error.messageData, 'security', 'fa') }}
        </div>
    {% endif %}

    <form method="post" action="{{ path('customer_login_check') }}">
        <div class="form-floating mb-3">
            <input type="email" 
                   class="form-control" 
                   id="inputEmail" 
                   name="_username" 
                   value="{{ last_username }}" 
                   placeholder="ایمیل خود را وارد کنید"
                   required 
                   autofocus
                   dir="ltr">
            <label for="inputEmail">پست الکترونیکی</label>
        </div>

        <div class="form-floating mb-3">
            <input type="password" 
                   class="form-control" 
                   id="inputPassword" 
                   name="_password" 
                   placeholder="کلمه عبور خود را وارد کنید"
                   required
                   dir="ltr">
            <label for="inputPassword">کلمه عبور</label>
        </div>

        <div class="form-check mb-3">
            <input class="form-check-input" type="checkbox" id="remember_me" name="_remember_me" checked>
            <label class="form-check-label" for="remember_me">
                مرا به یاد داشته باش
            </label>
        </div>

        <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">

        <button class="btn btn-primary w-100 mb-3" type="submit">
            <img src="{{ asset('/img/icons/sign-in.svg') }}" alt="ورود" class="icon-svg icon-sign-in"> ورود
        </button>
    </form>

    <div class="auth-links">
        <a href="{{ path('customer_forgot_password') }}">
            <img src="{{ asset('/img/icons/key.svg') }}" alt="کلید" class="icon-svg icon-key"> فراموشی کلمه عبور
        </a>
        <br><br>
        <p>حساب کاربری ندارید؟ 
            <a href="{{ path('customer_register') }}">
                <img src="{{ asset('/img/icons/user-plus.svg') }}" alt="عضویت" class="icon-svg icon-user-plus"> عضویت در باشگاه
            </a>
        </p>
    </div>
{% endblock %}