${item.competition}

${item.home}

${item.tanggal}

${item.jam}

${item.home_score} : ${item.away_score}

${item.away}

Selengkapnya

Betting

`; }); const firstClone = realSlides[0]; const lastClone = realSlides[realSlides.length - 1]; const wrapper = document.createElement("div"); wrapper.className = "match-carousel"; wrapper.innerHTML = `

❮

❯

${lastClone} ${realSlides.join("")} ${firstClone}

`; const isMobile = window.matchMedia("(max-width: 1024px)").matches; function finishMount(target) { if (isMobile) { if (!target) return; wrapper.classList.add("is-mobile"); target.parentNode.insertBefore(wrapper, target); } else { document.body.appendChild(wrapper); } const track = wrapper.querySelector(".match-carousel-track"); const prevBtn = wrapper.querySelector(".match-carousel-btn.prev"); const nextBtn = wrapper.querySelector(".match-carousel-btn.next"); const closeBtn = wrapper.querySelector(".match-carousel-close"); const totalReal = realSlides.length; let index = 1; let isTransitioning = false; function getCurrentRealItem() { let realIndex = index - 1; if (realIndex < 0) realIndex = totalReal - 1; if (realIndex >= totalReal) realIndex = 0; return data[realIndex]; } function closeLiveModal() { const modal = document.querySelector(".match-live-modal"); if (!modal) return; const iframe = modal.querySelector("iframe"); if (iframe) { iframe.src = "about:blank"; iframe.remove(); } modal.remove(); } function openLiveModal(streamUrl) { closeLiveModal(); const modal = document.createElement("div"); modal.className = "match-live-modal is-open"; modal.innerHTML = ` `; document.body.appendChild(modal); modal.querySelector(".match-live-modal-close").addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); closeLiveModal(); }); } wrapper.addEventListener("click", function (e) { const liveButton = e.target.closest(".match-watch-live"); if (!liveButton) return; e.preventDefault(); e.stopPropagation(); const match = liveButton.dataset.match; const tanggal = liveButton.dataset.tanggal; if (!match || !tanggal) return; const streamUrl = "https://off.shotsgoal.live/live/stream/?channel=1" + "&match=" + encodeURIComponent(match) + "&tanggal=" + encodeURIComponent(formatTanggalForLive(tanggal)) + "&embed=1"; openLiveModal(streamUrl); }); function setPosition(withTransition) { track.style.transition = withTransition ? "transform " + transitionMs + "ms ease" : "none"; track.style.transform = "translateX(-" + (index * 100) + "%)"; } function nextSlide() { if (isTransitioning) return; isTransitioning = true; index++; setPosition(true); } function prevSlide() { if (isTransitioning) return; isTransitioning = true; index--; setPosition(true); } let touchStartX = 0; let touchStartY = 0; let touchEndX = 0; let touchEndY = 0; let isSwiping = false; track.addEventListener("touchstart", function (e) { if (!e.touches || e.touches.length !== 1) return; touchStartX = e.touches[0].clientX; touchStartY = e.touches[0].clientY; touchEndX = touchStartX; touchEndY = touchStartY; isSwiping = true; }, { passive: true }); track.addEventListener("touchmove", function (e) { if (!isSwiping || !e.touches || e.touches.length !== 1) return; touchEndX = e.touches[0].clientX; touchEndY = e.touches[0].clientY; }, { passive: true }); track.addEventListener("touchend", function () { if (!isSwiping) return; const diffX = touchEndX - touchStartX; const diffY = touchEndY - touchStartY; isSwiping = false; if (Math.abs(diffX) < 40 || Math.abs(diffX) < Math.abs(diffY)) { return; } if (diffX < 0) { nextSlide(); } else { prevSlide(); } }); track.addEventListener("transitionend", function () { isTransitioning = false; if (index === totalReal + 1) { index = 1; setPosition(false); } if (index === 0) { index = totalReal; setPosition(false); } }); prevBtn.addEventListener("click", function () { prevSlide(); }); nextBtn.addEventListener("click", function () { nextSlide(); }); closeBtn.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); closeLiveModal(); wrapper.remove(); }); function getLoginPopup() { const title = [...document.querySelectorAll("h1")] .find(function (el) { return el.textContent.trim() === "Login terlebih dahulu untuk bermain"; }); if (!title) return null; return title.closest(".fixed"); } function showBettingLoginPopup() { const popup = getLoginPopup(); if (!popup) { return; } popup.classList.remove("hidden"); popup.classList.add("flex"); const okBtn = popup.querySelector("button"); if (okBtn && !okBtn.dataset.betOkRefresh) { okBtn.dataset.betOkRefresh = "true"; okBtn.addEventListener("click", function (e) { e.preventDefault(); e.stopImmediatePropagation(); popup.classList.add("hidden"); popup.classList.remove("flex"); window.location.replace(window.location.origin + "/"); }, true); } } wrapper.addEventListener("click", function (e) { if (!e.target.closest(".betClick")) return; showBettingLoginPopup(); }); setPosition(false); } if (isMobile) { waitForElement("main > div:nth-of-type(2)", function (target) { if (!target) return; finishMount(target); }, 60); } else { finishMount(null); } } fetch(apiUrl) .then(function (res) { if (!res.ok) throw new Error(); return res.json(); }) .then(function (data) { if (!Array.isArray(data) || data.length === 0) return; injectStyle(); createCarousel(data); }) .catch(function (err) { console.error("Match carousel error:", err); }); })(); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initMatchCarousel); } else { initMatchCarousel(); } window.addEventListener("pageshow", function () { if (!document.querySelector(".match-carousel")) { initMatchCarousel(); } });

PALING POPULER

Login terlebih dahulu untuk bermain

Login terlebih dahulu untuk bermain

Login terlebih dahulu untuk bermain

Login terlebih dahulu untuk bermain

Login terlebih dahulu untuk bermain

Fa Chai

Login terlebih dahulu untuk bermain