(function(){
window.tampilkanSocialProof = function(data, position = "bottom") {
    let index = 0;
    const box = document.createElement("div");
    box.style.position = "fixed";
    box.style[`${position}`] = "20px";
    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":"Ruslan1 Afandi","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Ruslan1 Afandi<\/b> telah order produk <em>Infograviny<em>","timestamp":1759193634},{"nama":"Dadan Daud","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Dadan Daud<\/b> telah order produk <em>Infograviny<em>","timestamp":1758076335},{"nama":"Yandri","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Yandri<\/b> telah order produk <em>Infograviny<em>","timestamp":1757053468},{"nama":"Fitria ","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Fitria <\/b> telah order produk <em>Infograviny<em>","timestamp":1756846347},{"nama":"Srikandi Utami","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Srikandi Utami<\/b> telah order produk <em>Infograviny<em>","timestamp":1755591499},{"nama":"Rahmi","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Rahmi<\/b> telah order produk <em>Infograviny<em>","timestamp":1754954231},{"nama":"Agustias Intan wulandari","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Agustias Intan wulandari<\/b> telah order produk <em>Infograviny<em>","timestamp":1754660281},{"nama":"Kurniawan","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Kurniawan<\/b> telah order produk <em>Infograviny<em>","timestamp":1753694281},{"nama":"Andriansyah Adha Pratama","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Andriansyah Adha Pratama<\/b> telah order produk <em>Infograviny<em>","timestamp":1753523048},{"nama":"Aries Dwi Lestari ","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Aries Dwi Lestari <\/b> telah order produk <em>Infograviny<em>","timestamp":1753397817},{"nama":"Bambang Nugroho","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Bambang Nugroho<\/b> telah order produk <em>Infograviny<em>","timestamp":1753345286},{"nama":"Armilin","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Armilin<\/b> telah order produk <em>Infograviny<em>","timestamp":1753332418},{"nama":"Wahyu Alim ","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Wahyu Alim <\/b> telah order produk <em>Infograviny<em>","timestamp":1753320780},{"nama":"Kemas Hari","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Kemas Hari<\/b> telah order produk <em>Infograviny<em>","timestamp":1753284989},{"nama":"Tom","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Tom<\/b> telah order produk <em>Infograviny<em>","timestamp":1753280871},{"nama":"Fera Diani Miasari","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Fera Diani Miasari<\/b> telah order produk <em>Infograviny<em>","timestamp":1753279369},{"nama":"Ratna Ariati","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Ratna Ariati<\/b> telah order produk <em>Infograviny<em>","timestamp":1753275093},{"nama":"Dewi Sundanese","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Dewi Sundanese<\/b> telah order produk <em>Infograviny<em>","timestamp":1753270832},{"nama":"Susiswo Karno","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Susiswo Karno<\/b> telah order produk <em>Infograviny<em>","timestamp":1753257426},{"nama":"Cika Tri ","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Cika Tri <\/b> telah order produk <em>Infograviny<em>","timestamp":1753252455},{"nama":"Firmansyah Rubianto","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Firmansyah Rubianto<\/b> telah order produk <em>Infograviny<em>","timestamp":1753250737},{"nama":"masruroh","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>masruroh<\/b> telah order produk <em>Infograviny<em>","timestamp":1753229144},{"nama":"Yudha Andaka","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Yudha Andaka<\/b> telah order produk <em>Infograviny<em>","timestamp":1753223230},{"nama":"Sigid Prihartono","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Sigid Prihartono<\/b> telah order produk <em>Infograviny<em>","timestamp":1753222778},{"nama":"Emilia","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Emilia<\/b> telah order produk <em>Infograviny<em>","timestamp":1753205513},{"nama":"Sudarman","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Sudarman<\/b> telah order produk <em>Infograviny<em>","timestamp":1753198566},{"nama":"Farid Madriyanto","produk":"Infograviny","foto":"https:\/\/cuanify.id\/uploads\/blue%20gradient%20travel%20%28Presentation%20%28169%29%29%20%285%29.png","text":"<b>Farid Madriyanto<\/b> telah order produk <em>Infograviny<em>","timestamp":1753193534}], 'bottom');
})();