// ✅ নতুন যোগ — Big Wins Showcase (GetAllGameList.php-এর
// awardRecordList থেকে — এটা Static/Template Data, তবুও
// শুধু দেখতে-সুন্দর Effect হিসেবে দেখানো হচ্ছে)
async function loadAwardShowcase() {
    try {
        const res = await fetch('/get_award_showcase.php');
        const data = await res.json();
        const container = document.getElementById('awardShowcase');
        if (!data.records || data.records.length === 0) { container.parentElement.style.display = 'none'; return; }

        // ✅ Loop স্বাভাবিক দেখানোর জন্য, তালিকা দুইবার বসানো হচ্ছে
        const cardsHtml = data.records.slice(0, 10).map(r => `
            <div class="card-bg border neon-border rounded-xl p-2.5 flex-shrink-0" style="width:110px;">
                <img src="${r.imgUrl}" class="w-full aspect-square object-cover rounded-lg mb-1.5" onerror="this.style.display='none'">
                <div class="text-white text-[9.5px] font-bold truncate">${r.gameName}</div>
                <div class="gold-text text-[11px] font-black mt-0.5">৳${Number(r.bonusAmount).toLocaleString()}</div>
            </div>
        `).join('');
        container.innerHTML = cardsHtml + cardsHtml;

        // ✅ ঠিক করা হলো — আগে প্রতি ২০ms-এ (সেকেন্ডে ৫০ বার!)
        // চলতো, যেটা পুরো System Slow করে দিচ্ছিল। এখন
        // requestAnimationFrame ব্যবহার করে, Browser নিজে
        // Optimize করে চালাবে (অনেক বেশি Efficient)
        let scrollPos = 0;
        let lastTime = 0;
        function autoScrollStep(timestamp) {
            if (!lastTime) lastTime = timestamp;
            const delta = timestamp - lastTime;
            lastTime = timestamp;
            scrollPos += delta * 0.03;
            if (scrollPos >= container.scrollWidth / 2) scrollPos = 0;
            container.scrollLeft = scrollPos;
            requestAnimationFrame(autoScrollStep);
        }
        requestAnimationFrame(autoScrollStep);
    } catch (e) {
        document.getElementById('awardShowcase').parentElement.style.display = 'none';
    }
}