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

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

{% block auth_title %}ورود به سیستم{% endblock %}

{% block auth_subtitle %}برای دسترسی به سیستم حسابداری وارد شوید{% endblock %}

{% block auth_body %}
    {% if error %}
        <div class="alert alert-danger">
            <i class="bi bi-exclamation-triangle me-2"></i>
            {{ error.messageKey|trans(error.messageData, 'security') }}
        </div>
    {% endif %}

    <form method="post" class="needs-validation" novalidate>
        {% if csrf_token('authenticate') %}
            <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
        {% endif %}

        <div class="form-group">
            <label for="inputEmail" class="form-label">
                <i class="bi bi-envelope me-2"></i>ایمیل
            </label>
            <input type="email" 
                   value="{{ last_username }}" 
                   name="_username" 
                   id="inputEmail" 
                   class="form-control" 
                   autocomplete="email" 
                   required 
                   autofocus
                   placeholder="ایمیل خود را وارد کنید">
            <div class="invalid-feedback">
                لطفاً یک ایمیل معتبر وارد کنید
            </div>
        </div>

        <div class="form-group">
            <label for="inputPassword" class="form-label">
                <i class="bi bi-lock me-2"></i>رمز عبور
            </label>
            <input type="password" 
                   name="_password" 
                   id="inputPassword" 
                   class="form-control" 
                   autocomplete="current-password" 
                   required
                   placeholder="رمز عبور خود را وارد کنید">
            <div class="invalid-feedback">
                لطفاً رمز عبور خود را وارد کنید
            </div>
        </div>

        <div class="form-group">
            <div class="form-check">
                <input type="checkbox" class="form-check-input" id="remember_me" name="_remember_me">
                <label class="form-check-label" for="remember_me">
                    <i class="bi bi-clock me-1"></i>مرا به خاطر بسپار
                </label>
            </div>
        </div>

        <div class="form-group">
            <button class="btn btn-primary" type="submit">
                <i class="bi bi-box-arrow-in-right me-2"></i>ورود
            </button>
        </div>
    </form>

    <div class="divider">
        <span>یا</span>
    </div>

    <div class="text-center">
        <a href="{{ path('app_forgot_password_request') }}" class="btn btn-outline-secondary btn-sm">
            <i class="bi bi-question-circle me-2"></i>فراموشی رمز عبور
        </a>
    </div>

    <div class="divider">
        <span>حساب کاربری ندارید؟</span>
    </div>

    <div class="text-center">
        <a href="{{ path('app_register') }}" class="btn btn-success">
            <i class="bi bi-person-plus 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_register') }}">
            <i class="bi bi-person-plus me-1"></i>ثبت‌نام
        </a>
    </div>
{% endblock %}