(function(){
window.tampilkanSocialProof = function(data, position = "bottom") {
    let index = 0;
    const box = document.createElement("div");
    box.style.position = "fixed";
    box.style[`${position}`] = "40px";
    box.style.left = "20px";
    box.style.background = "#fff";
    box.style.border = "1px solid #ddd";
    box.style.padding = "10px";
    box.style.borderRadius = "8px";
    box.style.boxShadow = "0 2px 8px rgba(0,0,0,0.2)";
    box.style.fontFamily = "Arial, sans-serif";
    box.style.fontSize = "14px";
    box.style.zIndex = "9999";
    box.style.display = "flex";
    box.style.alignItems = "center";
    box.style.maxWidth = "300px";
    box.style.transition = "opacity 0.5s ease";
    document.body.appendChild(box);

    function tampilkanBerikutnya() {
        if (index >= data.length) index = 0;
        const item = data[index++];
        const waktu = formatTimeAgo(item.timestamp);

        box.innerHTML = `
            <img src="${item.foto}" alt="produk" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; margin-right: 5px;">
            <div>
                ${item.text}<br>
                <small style="color:#888">${waktu}</small>
            </div>
        `;

        box.style.opacity = "1";
        setTimeout(() => box.style.opacity = "0", 6000);
        setTimeout(tampilkanBerikutnya, 8000);
    }

    function maskNama(nama) {
        return nama.length > 3 ? nama.substring(0, 3) + '****' : nama;
    }

    function formatTimeAgo(timestamp) {
        const now = Math.floor(Date.now() / 1000);
        const diff = now - timestamp;

        if (diff < 60) return "baru saja";
        if (diff < 3600) return `${Math.floor(diff / 60)} menit lalu`;
        if (diff < 86400) return `${Math.floor(diff / 3600)} jam lalu`;
        return `${Math.floor(diff / 86400)} hari lalu`;
    }

    tampilkanBerikutnya();
};

window.tampilkanSocialProof([{"nama":"Ahm****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Ahm****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1753980912},{"nama":"Agu****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Agu****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1753859798},{"nama":"Wid****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Wid****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1753787110},{"nama":"Ind****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Ind****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1753680606},{"nama":"Ang****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Ang****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1753600144},{"nama":"Okt****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Okt****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1753594493},{"nama":"Ima****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Ima****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1753584154},{"nama":"Sub****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Sub****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1753583770},{"nama":"Kus****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Kus****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1753576111},{"nama":"Wat****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Wat****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1753515130},{"nama":"Sud****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Sud****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1753510218},{"nama":"Raj****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Raj****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1753448014},{"nama":"FAR****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>FAR****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752956400},{"nama":"Ari****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Ari****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752835186},{"nama":"Moh****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Moh****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752811882},{"nama":"Har****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Har****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752621729},{"nama":"Naz****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Naz****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752588897},{"nama":"Dev****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Dev****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752581608},{"nama":"AHM****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>AHM****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752554226},{"nama":"Riz****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Riz****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752543376},{"nama":"Fik****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Fik****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752476016},{"nama":"Ahm****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Ahm****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752470265},{"nama":"Dyv****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Dyv****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752468908},{"nama":"Ded****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Ded****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752459780},{"nama":"Rus****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Rus****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752425410},{"nama":"Har****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Har****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752422910},{"nama":"Ady","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Ady<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752419239},{"nama":"Oka****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Oka****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752412640},{"nama":"War****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>War****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752409102},{"nama":"Fat****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Fat****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752395910},{"nama":"Nur****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Nur****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752395604},{"nama":"Sig****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Sig****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752392295},{"nama":"Ded****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Ded****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752389492},{"nama":"Isw****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Isw****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752388468},{"nama":"Rij****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Rij****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752385167},{"nama":"Ari****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Ari****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752380630},{"nama":"Dwi****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Dwi****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752379028},{"nama":"Nur****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Nur****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752378350},{"nama":"Vie****","produk":"Free Panduan Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/bahan%20marketing\/Panduan%20Lunas%20Hutang%208%20Hari.jpg","text":"<b>Vie****<\/b> telah akses produk <em>Free Panduan Lunas Hutang<em>","timestamp":1752330174}], 'top');
})();