templates/login.html

{% extends "base.html" %}

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

{% block content %}
<div class="auth-container">
    <h2>تسجيل الدخول</h2>
    <form id="loginForm" method="POST" action="{{ url_for('login') }}">
        <div class="form-group">
            <label for="username">اسم المستخدم</label>
            <input type="text" id="username" name="username" required>
            <small class="form-text">سيتم إضافة @moltka.eg تلقائياً</small>
        </div>

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

        <button type="submit" class="submit-btn">تسجيل الدخول</button>
    </form>

    <div class="auth-links">
        <p><a href="{{ url_for('forgot_password') }}">نسيت كلمة السر؟</a></p>
        <p>ليس لديك حساب؟ <a href="{{ url_for('register') }}">إنشاء حساب جديد</a></p>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>

$(document).ready(function() {

    $('#loginForm').on('submit', function(e) {

        const username = $('#username').val().trim();

        const password = $('#password').val();



        if (!username || !password) {

            e.preventDefault();

            alert('الرجاء ملء جميع الحقول المطلوبة');

        }

    });

});

</script>
{% endblock %}