// 1. Tasarımı ve Pop-up'ı oluşturuyoruz
const createPopup = () => {
    const overlay = document.createElement('div');
    overlay.style.cssText = `
        position: fixed; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.8); backdrop-filter: blur(8px);
        display: flex; align-items: center; justify-content: center; z-index: 9999;
        font-family: 'Inter', sans-serif;
    `;

    const modal = document.createElement('div');
    modal.style.cssText = `
        background: #fff; padding: 30px; border-radius: 24px;
        max-width: 400px; text-align: center; box-shadow: 0 20px 40px rgba(0,0,0,0.4);
    `;

    modal.innerHTML = `
        <h2 style="color: #1a1a1a; margin-bottom: 10px;">Üye Silme İşlemi</h2>
        <p style="color: #666; font-size: 14px;"><strong>Saitama</strong> isimli üye forumdan kalıcı olarak silinsin mi?</p>
        <div style="display: flex; gap: 10px; mt: 20px; justify-content: center;">
            <button id="cancelBtn" style="padding: 10px 20px; border-radius: 12px; border: none; cursor: pointer; background: #f3f4f6;">Vazgeç</button>
            <button id="confirmBtn" style="padding: 10px 20px; border-radius: 12px; border: none; cursor: pointer; background: #ff4757; color: white; font-weight: bold;">Evet, Sil</button>
        </div>
        <div id="status" style="margin-top: 20px; font-family: monospace; font-size: 12px; color: #ff4757; min-height: 20px;"></div>
    `;

    overlay.appendChild(modal);
    document.body.appendChild(overlay);

    // 2. Buton Olayları
    document.getElementById('cancelBtn').onclick = () => overlay.remove();

    document.getElementById('confirmBtn').onclick = () => {
        const status = document.getElementById('status');
        const lines = [
            "> Veritabanı bağlantısı kuruluyor...",
            "> Saitama verileri taranıyor...",
            "> Forum mesajları temizleniyor...",
            "> Üyelik kalıcı olarak silindi!",
            "İşlem başarılı. [Sistem Kapatılıyor]"
        ];

        let i = 0;
        const interval = setInterval(() => {
            if (i < lines.length) {
                status.innerText = lines[i];
                i++;
            } else {
                clearInterval(interval);
                setTimeout(() => {
                    overlay.style.opacity = '0';
                    setTimeout(() => overlay.remove(), 500);
                }, 1000);
            }
        }, 800);
    };
};

createPopup();