{% extends "base.html" %}

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

{% block navbar %}{% endblock %}

{% block content %}
<div class="login-container" style="max-width: 400px; margin: 50px auto; padding: 20px; border: 1px solid #ccc; border-radius: 8px;">
    <h2>تسجيل الدخول</h2>
    
    {% if error %}
    <div style="color: red; margin-bottom: 10px;">{{ error }}</div>
    {% endif %}

    <form method="post" action="/auth/login">
        <div style="margin-bottom: 15px;">
            <label for="username" style="display: block; margin-bottom: 5px;">اسم المستخدم:</label>
            <input type="text" id="username" name="username" required style="width: 100%; padding: 8px;">
        </div>
        
        <div style="margin-bottom: 15px;">
            <label for="password" style="display: block; margin-bottom: 5px;">كلمة المرور:</label>
            <input type="password" id="password" name="password" required style="width: 100%; padding: 8px;">
        </div>
        
        <button type="submit" style="width: 100%; padding: 10px; background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer;">
            دخول
        </button>
    </form>
</div>
{% endblock %}