(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":"Ahm****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Ahm****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1746529712},{"nama":"Har****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Har****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1744168612},{"nama":"adi****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>adi****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1744008324},{"nama":"Ach****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Ach****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1742828825},{"nama":"Men****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Men****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1742419598},{"nama":"M. ****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>M. ****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1742405913},{"nama":"Kus****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Kus****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1742395053},{"nama":"Her****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Her****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1742342671},{"nama":"Tur****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Tur****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1742300565},{"nama":"Dwi****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Dwi****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1742295221},{"nama":"Har****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Har****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1742252021},{"nama":"ejj****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>ejj****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1742226874},{"nama":"Ahm****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Ahm****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1739168217},{"nama":"fat****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>fat****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1738160845},{"nama":"Muh****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Muh****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1737882652},{"nama":"Zha****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Zha****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1737359861},{"nama":"Mua****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Mua****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1737008555},{"nama":"Ari****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Ari****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1736962458},{"nama":"Ari****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Ari****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1736962453},{"nama":"Sya****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Sya****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1736775919},{"nama":"Muh****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Muh****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1736754439},{"nama":"Muh****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Muh****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1736746421},{"nama":"kan****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>kan****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1736674934},{"nama":"Muh****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Muh****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1736659254},{"nama":"mus****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>mus****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1736655969},{"nama":"Rof****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Rof****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1736641919},{"nama":"Hen****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Hen****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1736596118},{"nama":"Pri****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Pri****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1736574123},{"nama":"fer****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>fer****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1736529499},{"nama":"Har****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Har****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1736529168},{"nama":"Azw****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>Azw****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1736527881},{"nama":"zak****","produk":"WACRM - Agency","foto":"https:\/\/adhifa.com\/uploads\/1 (3).png","text":"<b>zak****<\/b> telah order <em>WACRM - Agency<em>","timestamp":1736520939}], 'top');
})();