${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(); } });