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

{% block title %}{{ 'تسجيل الدخول'|trans }}{% endblock %}

{% block body_guest %}
<div class="d-flex align-items-center justify-content-center" style="min-height: 100vh;">
    <div class="card shadow-sm" style="width: 380px;">
        <div class="card-body p-4">
            <h4 class="text-center mb-3"><i class="bi bi-phone"></i> GSM Manager</h4>
            <p class="text-center text-muted mb-4">{{ 'تسجيل الدخول إلى النظام'|trans }}</p>

            {% if error %}
                <div class="alert alert-danger">{{ 'بيانات الدخول غير صحيحة، حاول مجددًا.'|trans }}</div>
            {% endif %}

            <form method="post">
                <div class="mb-3">
                    <label class="form-label">{{ 'البريد الإلكتروني'|trans }}</label>
                    <input type="email" name="_username" value="{{ last_username }}" class="form-control" required autofocus>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{ 'كلمة المرور'|trans }}</label>
                    <input type="password" name="_password" class="form-control" required>
                </div>
                <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
                <button class="btn btn-primary w-100" type="submit">
                    <i class="bi bi-box-arrow-in-left"></i> {{ 'دخول'|trans }}
                </button>
            </form>
        </div>
    </div>
</div>
{% endblock %}