{% extends "auth/layout.html" %}
{% block title %}{{ t('login_title') }} | {{ app_name }}{% endblock %}
{% block auth_stage_intro %}
    <p class="auth-stage-copy">{{ ltext('Please sign in to access your account and manage service requests efficiently. / يرجى تسجيل الدخول للوصول إلى حسابك وإدارة طلبات الخدمة بكفاءة.') }}</p>
{% endblock %}
{% block content %}
    <div class="auth-card auth-card-signin">
        <div class="auth-inline-alerts toast-stack" data-toast-host aria-live="polite" aria-atomic="true"></div>
        <form method="post" class="auth-login-form">
            {{ form.hidden_tag() }}
            <label class="auth-field">
                <span class="auth-field-label">{{ form.identity.label.text }}</span>
                {{ form.identity(class="input auth-input", autocomplete="username", placeholder=ltext('Username / اسم المستخدم')) }}
            </label>
            <label class="auth-field">
                <span class="auth-field-label">{{ form.password.label.text }}</span>
                {{ form.password(class="input auth-input", autocomplete="current-password", placeholder=ltext('Password / كلمة المرور')) }}
            </label>
            {{ form.submit(class="button auth-submit") }}
            <div class="auth-login-meta">
                <label class="checkbox-row auth-checkbox-row">{{ form.remember() }} <span>{{ form.remember.label.text }}</span></label>
                <a class="auth-inline-link" href="{{ url_for('auth.forgot_password') }}">{{ t('forgot_password') }}</a>
            </div>
        </form>
    </div>
{% endblock %}