$(document).ready(function () {
    const alertBox = $('#loginAlert');
    const submitBtn = $('#primartom');

    function showAlert(msg, isSuccess = false) {
        alertBox.removeClass('alert-error alert-success')
                .addClass(isSuccess ? 'alert-success' : 'alert-error')
                .text(msg)
                .fadeIn();
    }

    $('#loginForm').on('submit', function (e) {
        e.preventDefault();
        
        const username = $('#username').val().trim();
        const password = $('#password').val().trim();

        if (!username || !password) {
            showAlert('Username dan password wajib diisi.');
            return;
        }

        submitBtn.prop('disabled', true).html('<i class="bx bx-loader-alt bx-spin"></i> Memverifikasi...');
        alertBox.hide();

        $.ajax({
            type: 'POST',
            url: 'login/proses',
            data: { username: username, password: password },
            success: function (response) {
                const check = parseInt(response, 10);
                if (check === 1) {
                    showAlert('Login berhasil. Mengalihkan ke dashboard...', true);
                    setTimeout(function () {
                        window.location.reload();
                    }, 400);
                } else if (check === 2) {
                    showAlert('Pengguna saat ini masih aktif pada sesi lain.');
                    submitBtn.prop('disabled', false).html('<span>Masuk ke Dashboard</span> <i class="bx bx-right-arrow-alt"></i>');
                } else {
                    showAlert('Username atau kata sandi tidak sesuai.');
                    submitBtn.prop('disabled', false).html('<span>Masuk ke Dashboard</span> <i class="bx bx-right-arrow-alt"></i>');
                }
            },
            error: function () {
                showAlert('Gagal terhubung ke server autentikasi.');
                submitBtn.prop('disabled', false).html('<span>Masuk ke Dashboard</span> <i class="bx bx-right-arrow-alt"></i>');
            }
        });
    });
});