(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":"Raissa Shafira Agus","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>Raissa Shafira Agus<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754527023},{"nama":"Zhafira Azma Khairinniswah","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>Zhafira Azma Khairinniswah<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754527010},{"nama":"ivan raditya","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>ivan raditya<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754452437},{"nama":"delta juniar","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>delta juniar<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754452088},{"nama":"Arumi fajriani","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>Arumi fajriani<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754452065},{"nama":"Hasna Dwi Rahma","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>Hasna Dwi Rahma<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754452058},{"nama":"Arumi fajriani","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>Arumi fajriani<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754452044},{"nama":"Arumi fajriani","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>Arumi fajriani<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754452030},{"nama":"muhammad syamil al khairi","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>muhammad syamil al khairi<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754452030},{"nama":"delta juniar","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>delta juniar<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754452028},{"nama":"delta juniar","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>delta juniar<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754452010},{"nama":"Suci Agustria Ramadhani","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>Suci Agustria Ramadhani<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754451998},{"nama":"Bunga Aulia Putri","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>Bunga Aulia Putri<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754451997},{"nama":"Lintang Alma Ghaisani","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>Lintang Alma Ghaisani<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754451997},{"nama":"Nisya Wulansari","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>Nisya Wulansari<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754451997},{"nama":"malva","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>malva<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754451990},{"nama":"Arumi fajriani","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>Arumi fajriani<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754451989},{"nama":"Diadra Khanza Atifa","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>Diadra Khanza Atifa<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754451965},{"nama":"Nariswari Raissa Aliy","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>Nariswari Raissa Aliy<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1754451960},{"nama":"Gudang WPR","produk":"Kursus Microsoft Word","foto":"https:\/\/cerdasdigitalid.com\/uploads\/produk_baru\/1754184993_99c4a65fc1c84989a328.png","text":"<b>Gudang WPR<\/b> telah order produk <em>Kursus Microsoft Word<em>","timestamp":1748975106}], 'top');
})();