{% extends "base.html" %}

{% block title %}تسجيل الدخول - سجل العقارات اللبناني{% endblock %}

{% block navbar %}{% endblock %}

{% block content %}
<div class="login-card">
    <div class="login-logo">
      <span class="login-logo-icon">
        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <path d="M3 21h18"/>
          <path d="M5 21V7l7-4 7 4v14"/>
          <path d="M9 21v-6h6v6"/>
        </svg>
      </span>
    </div>
    <h2>تسجيل الدخول</h2>
    <p class="login-subtitle">أدخل بياناتك للوصول إلى سجل العقارات</p>

    {% if error %}
    <div class="login-error">{{ error }}</div>
    {% endif %}

    <form method="post" action="/auth/login">
        <div class="form-group">
            <label for="username">اسم المستخدم</label>
            <input type="text" id="username" name="username" required placeholder="أدخل اسم المستخدم">
        </div>

        <div class="form-group">
            <label for="password">كلمة المرور</label>
            <input type="password" id="password" name="password" required placeholder="أدخل كلمة المرور">
        </div>

        <button type="submit" class="btn btn-primary btn-large btn-block login-submit">
            دخول
        </button>
    </form>
</div>
{% endblock %}