(function () { var countdown = null; var remaining = 10 * 60; function faDigits(value) { return String(value).replace(/[0-9]/g, function (d) { return "۰۱۲۳۴۵۶۷۸۹"[Number(d)]; }); } function formatMoney(value) { try { return new Intl.NumberFormat("fa-IR").format(Number(value || 0)); } catch (e) { return faDigits(value || 0); } } function tick() { if (!countdown) return; var m = Math.floor(remaining / 60); var s = remaining % 60; countdown.textContent = faDigits(m + ":" + String(s).padStart(2, "0")); if (remaining > 0) remaining -= 1; } tick(); // HTD_STAGE30_CLEAN_FILTER_JS_START var htdTierFilter = "all"; function htdSetActiveTierCard(filter) { document.querySelectorAll(".hs-price-card").forEach(function (card) { var f = card.getAttribute("data-filter") || "all"; card.classList.toggle("active", f === filter); card.style.pointerEvents = "auto"; card.style.cursor = "pointer"; }); } function htdApplyTierFilter(filter) { htdTierFilter = filter || "all"; htdSetActiveTierCard(htdTierFilter); document.querySelectorAll(".hs-seat").forEach(function (seat) { var tier = seat.getAttribute("data-tier") || "middle"; var input = seat.querySelector(".hs-seat-check"); var originalDisabled = input && input.getAttribute("data-original-disabled") === "1"; var checked = !!(input && input.checked); var match = htdTierFilter === "all" || tier === htdTierFilter; seat.classList.toggle("htd-tier-filter-off", !match); if (input) { if (checked) { input.disabled = originalDisabled; } else if (!match) { input.disabled = true; } else { input.disabled = originalDisabled; } } }); if (typeof syncSeatClasses === "function") { try { syncSeatClasses(); } catch(e) {} } if (typeof updateSummary === "function") { try { updateSummary(); } catch(e) {} } } document.addEventListener("click", function (event) { var target = event.target; if (!target || !target.closest) return; var card = target.closest(".hs-price-card"); if (!card) return; event.preventDefault(); event.stopPropagation(); if (event.stopImmediatePropagation) event.stopImmediatePropagation(); htdApplyTierFilter(card.getAttribute("data-filter") || "all"); return false; }, true); document.addEventListener("change", function (event) { var target = event.target; if (!target || !target.classList || !target.classList.contains("hs-seat-check")) return; setTimeout(function () { htdApplyTierFilter(htdTierFilter || "all"); }, 0); }, true); function htdInitTierFilter() { htdSetActiveTierCard(htdTierFilter || "all"); htdApplyTierFilter(htdTierFilter || "all"); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", htdInitTierFilter); } else { htdInitTierFilter(); } window.addEventListener("load", function () { htdInitTierFilter(); setTimeout(htdInitTierFilter, 300); setTimeout(htdInitTierFilter, 1000); }); window.htdApplyTierFilter = htdApplyTierFilter; // HTD_STAGE30_CLEAN_FILTER_JS_END // HTD_STAGE32_ZOOM_ONLY_JS_START (function () { var zoom32 = 1; function fa32(value) { return String(value).replace(/[0-9]/g, function (d) { return "۰۱۲۳۴۵۶۷۸۹"[Number(d)]; }); } function getZoomTarget32() { return ( document.getElementById("hs-seat-board") || document.querySelector(".hs-seat-board") || document.querySelector(".hs-seat-grid") ); } function getZoomMount32() { return ( document.querySelector(".hs-map-card") || document.querySelector(".hs-map-scroll") || document.querySelector(".hs-seat-page") ); } function applyZoom32() { var target = getZoomTarget32(); if (!target) return; target.style.transform = "scale(" + zoom32 + ")"; target.style.transformOrigin = "top center"; target.style.transition = "transform .16s ease"; var value = document.getElementById("hs-zoom-value-stage32"); if (value) value.textContent = fa32(Math.round(zoom32 * 100)) + "٪"; } function initZoom32() { var mount = getZoomMount32(); if (!mount) return; if (getComputedStyle(mount).position === "static") { mount.style.position = "relative"; } document.querySelectorAll("#hs-zoom-controls-stage21,#hs-zoom-controls-stage26,.hs-zoom-floating,.hs-zoom-controls").forEach(function (el) { el.style.display = "none"; }); var controls = document.getElementById("hs-zoom-controls-stage32"); if (!controls) { controls = document.createElement("div"); controls.id = "hs-zoom-controls-stage32"; controls.innerHTML = '' + '۱۰۰٪' + ''; mount.appendChild(controls); } var minus = document.getElementById("hs-zoom-out-stage32"); var plus = document.getElementById("hs-zoom-in-stage32"); if (minus && !minus.dataset.bound32) { minus.dataset.bound32 = "1"; minus.addEventListener("click", function (event) { event.preventDefault(); event.stopPropagation(); zoom32 = Math.max(0.7, Math.round((zoom32 - 0.15) * 100) / 100); applyZoom32(); }); } if (plus && !plus.dataset.bound32) { plus.dataset.bound32 = "1"; plus.addEventListener("click", function (event) { event.preventDefault(); event.stopPropagation(); zoom32 = Math.min(2.2, Math.round((zoom32 + 0.15) * 100) / 100); applyZoom32(); }); } applyZoom32(); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initZoom32); } else { initZoom32(); } window.addEventListener("load", function () { initZoom32(); setTimeout(initZoom32, 300); setTimeout(initZoom32, 1000); }); window.htdZoomStage32 = initZoom32; })(); // HTD_STAGE32_ZOOM_ONLY_JS_END setInterval(tick, 1000); function isSelectable(status) { return status === "0" || status === "" || typeof status === "undefined" || status === null; } function syncSeatClasses() { document.querySelectorAll(".hs-seat-check").forEach(function (input) { var label = input.closest(".hs-seat"); if (!label) return; label.classList.toggle("is-selected", input.checked); }); } function getSingleSeatIds(inputs, selectedSet) { var byRow = {}; inputs.forEach(function (input) { if (!isSelectable(input.dataset.status)) return; var y = input.dataset.y || "0"; if (!byRow[y]) byRow[y] = []; byRow[y].push({ id: input.dataset.seatId, x: Number(input.dataset.x || 0), selected: selectedSet.has(input.dataset.seatId) }); }); var singles = []; Object.keys(byRow).forEach(function (rowKey) { var row = byRow[rowKey].sort(function (a, b) { return a.x - b.x; }); row.forEach(function (seat, index) { if (seat.selected) return; var left = row[index - 1]; var right = row[index + 1]; var leftBlocked = !left || left.selected; var rightBlocked = !right || right.selected; if (leftBlocked && rightBlocked) { singles.push(seat.id); } }); }); return singles; } function updateSummary() { var inputs = Array.prototype.slice.call(document.querySelectorAll(".hs-seat-check")); var selected = inputs.filter(function (input) { return input.checked; }); var count = selected.length; var total = selected.reduce(function (sum, input) { return sum + Number(input.dataset.price || 0); }, 0); var countEl = document.getElementById("hs-selected-count"); var totalEl = document.getElementById("hs-total-price"); var listEl = document.getElementById("hs-selected-list"); var warningEl = document.getElementById("single-seat-soft-warning"); // HTD_SAFE_DISABLED_SUBMIT_JS_START var submitBtn = document.getElementById("reserve-submit-button"); if (submitBtn) { submitBtn.disabled = count === 0; submitBtn.setAttribute("aria-disabled", count === 0 ? "true" : "false"); } // HTD_SAFE_DISABLED_SUBMIT_JS_END if (countEl) countEl.textContent = faDigits(count); if (totalEl) totalEl.textContent = formatMoney(total) + " تومان"; if (listEl) { if (!selected.length) { listEl.innerHTML = 'صندلی انتخاب نشده'; } else { listEl.innerHTML = selected.map(function (input) { return '' + faDigits(input.dataset.label || "صندلی") + ''; }).join(""); } } var selectedSet = new Set(selected.map(function (input) { return input.dataset.seatId; })); var singles = getSingleSeatIds(inputs, selectedSet); if (warningEl) { warningEl.classList.toggle("show", singles.length > 0 && selected.length > 0); } syncSeatClasses(); } document.addEventListener("change", function (event) { if (event.target && event.target.classList && event.target.classList.contains("hs-seat-check")) { // HTD_STAGE8_SEAT_INTERACTIONS_JS_START function ensureLimitWarning() { var existing = document.getElementById("hs-limit-warning"); if (existing) return existing; var warning = document.createElement("div"); warning.id = "hs-limit-warning"; warning.className = "hs-limit-warning"; warning.textContent = "حداکثر می‌توانید ۱۰ صندلی انتخاب کنید."; var mapCard = document.querySelector(".hs-map-card"); if (mapCard) { mapCard.insertBefore(warning, mapCard.firstChild); } return warning; } function showLimitWarning() { var warning = ensureLimitWarning(); warning.classList.add("show"); clearTimeout(window.__hsLimitWarningTimer); window.__hsLimitWarningTimer = setTimeout(function () { warning.classList.remove("show"); }, 3500); } function enforceMaxSeats(changedInput) { var selected = Array.prototype.slice.call(document.querySelectorAll(".hs-seat-check:checked")); if (selected.length <= 10) return true; if (changedInput) { changedInput.checked = false; } else { selected.slice(10).forEach(function (input) { input.checked = false; }); } showLimitWarning(); return false; } function detectFilter(card) { var text = (card.textContent || "").trim(); if (text.indexOf("VIP") !== -1) return "vip"; if (text.indexOf("میانی") !== -1) return "middle"; if (text.indexOf("اقتصادی") !== -1) return "economic"; return "all"; } function applySeatFilter(filter) { document.querySelectorAll(".hs-seat").forEach(function (seat) { var tier = seat.getAttribute("data-tier") || "middle"; var shouldShow = filter === "all" || tier === filter; seat.classList.remove("hs-hidden-by-filter"); seat.classList.toggle("hs-disabled-by-filter", !shouldShow); var input = seat.querySelector(".hs-seat-check"); if (input) { if (!shouldShow) { input.checked = false; input.disabled = true; } else { input.disabled = input.dataset.originalDisabled === "1"; } } }); if (typeof updateSummary === "function") { // HTD_STAGE10_PLAN_POLISH_JS_START function initZoomControls() { var title = document.querySelector(".hs-map-title"); var mapCard = document.querySelector(".hs-map-card"); if (!title || !mapCard || document.getElementById("hs-zoom-controls")) return; var zoom = 1; var controls = document.createElement("div"); controls.id = "hs-zoom-controls"; controls.className = "hs-zoom-controls"; controls.innerHTML = '' + ''; title.appendChild(controls); function applyZoom() { mapCard.style.setProperty("--hs-zoom", String(zoom)); } document.getElementById("hs-zoom-in").addEventListener("click", function () { zoom = Math.min(1.5, Math.round((zoom + 0.1) * 10) / 10); applyZoom(); }); document.getElementById("hs-zoom-out").addEventListener("click", function () { zoom = Math.max(0.7, Math.round((zoom - 0.1) * 10) / 10); applyZoom(); }); applyZoom(); } // HTD_STAGE11_ZOOM_ROW_FIX_JS_START function hsFaDigits(input) { return String(input || "").replace(/[0-9]/g, function (d) { return "۰۱۲۳۴۵۶۷۸۹"[Number(d)]; }); } function initStage11FloatingZoom() { var mapCard = document.querySelector(".hs-map-card"); if (!mapCard || document.getElementById("hs-zoom-floating")) return; var zoom = 1; var controls = document.createElement("div"); controls.id = "hs-zoom-floating"; controls.className = "hs-zoom-floating"; controls.innerHTML = '' + ''; mapCard.appendChild(controls); function applyZoom() { mapCard.style.setProperty("--hs-zoom", String(zoom)); } document.getElementById("hs-zoom-in").addEventListener("click", function () { zoom = Math.min(1.7, Math.round((zoom + 0.1) * 10) / 10); applyZoom(); }); document.getElementById("hs-zoom-out").addEventListener("click", function () { zoom = Math.max(0.7, Math.round((zoom - 0.1) * 10) / 10); applyZoom(); }); applyZoom(); } function initStage11RowEdgeLabels() { var grid = document.querySelector(".hs-seat-grid"); if (!grid) return; var seats = Array.from(grid.querySelectorAll(".hs-seat")); if (!seats.length) return; seats.forEach(function (seat) { seat.classList.remove("hs-row-edge-left", "hs-row-edge-right"); seat.removeAttribute("data-row-fa"); }); var rows = []; seats.forEach(function (seat) { var top = seat.offsetTop; var found = null; for (var i = 0; i < rows.length; i++) { if (Math.abs(rows[i].top - top) <= 4) { found = rows[i]; break; } } if (!found) { found = { top: top, seats: [] }; rows.push(found); } found.seats.push(seat); }); rows.forEach(function (rowGroup) { rowGroup.seats.sort(function (a, b) { return a.offsetLeft - b.offsetLeft; }); var leftSeat = rowGroup.seats[0]; var rightSeat = rowGroup.seats[rowGroup.seats.length - 1]; var rawLabel = (leftSeat && leftSeat.getAttribute("data-row-label")) || (rightSeat && rightSeat.getAttribute("data-row-label")) || ""; rawLabel = String(rawLabel).replace(/^ردیفs*/, "").trim(); var faLabel = hsFaDigits(rawLabel); if (leftSeat) { leftSeat.classList.add("hs-row-edge-left"); leftSeat.setAttribute("data-row-fa", faLabel); } if (rightSeat) { rightSeat.classList.add("hs-row-edge-right"); rightSeat.setAttribute("data-row-fa", faLabel); } }); } setTimeout(function () { initStage11FloatingZoom(); initStage11RowEdgeLabels(); }, 60); window.addEventListener("resize", function () { setTimeout(initStage11RowEdgeLabels, 60); }); document.addEventListener("click", function (e) { var target = e.target; if ( target.closest(".hs-price-card") || target.closest(".hs-seat") || target.closest(".hs-seat-check") ) { setTimeout(initStage11RowEdgeLabels, 60); } }); // HTD_STAGE14_ZOOM_FIX_JS_START function htdStage14BindZoom() { var mapCard = document.querySelector(".hs-map-card"); var grid = document.querySelector(".hs-seat-grid"); if (!mapCard || !grid) return; var controls = document.getElementById("hs-zoom-controls") || document.querySelector(".hs-zoom-controls") || document.querySelector(".hs-zoom-floating"); if (!controls) { controls = document.createElement("div"); controls.id = "hs-zoom-controls"; controls.className = "hs-zoom-controls"; controls.innerHTML = '' + ''; mapCard.appendChild(controls); } var zoomIn = document.getElementById("hs-zoom-in") || controls.querySelector(".hs-zoom-btn:last-child"); var zoomOut = document.getElementById("hs-zoom-out") || controls.querySelector(".hs-zoom-btn:first-child"); var zoom = Number(grid.getAttribute("data-zoom") || "1"); if (!Number.isFinite(zoom) || zoom <= 0) zoom = 1; function applyZoom() { if (zoom < 0.75) zoom = 0.75; if (zoom > 1.6) zoom = 1.6; grid.setAttribute("data-zoom", String(zoom)); grid.style.transform = "scale(" + zoom + ")"; grid.style.marginTop = zoom > 1 ? Math.round((zoom - 1) * 30) + "px" : ""; grid.style.marginBottom = zoom > 1 ? Math.round((zoom - 1) * 80) + "px" : ""; } if (zoomIn && zoomIn.dataset.htdStage14Bound !== "1") { zoomIn.dataset.htdStage14Bound = "1"; zoomIn.addEventListener("click", function (event) { event.preventDefault(); event.stopPropagation(); zoom = Math.round((zoom + 0.1) * 10) / 10; applyZoom(); }); } if (zoomOut && zoomOut.dataset.htdStage14Bound !== "1") { zoomOut.dataset.htdStage14Bound = "1"; zoomOut.addEventListener("click", function (event) { event.preventDefault(); event.stopPropagation(); zoom = Math.round((zoom - 0.1) * 10) / 10; applyZoom(); }); } applyZoom(); } htdStage14BindZoom(); if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", htdStage14BindZoom); } else { setTimeout(htdStage14BindZoom, 0); } window.addEventListener("load", htdStage14BindZoom); // HTD_STAGE17_ZOOM_FILTER_JS_START function setActiveFilterCard(filter) { document.querySelectorAll(".hs-price-card").forEach(function (card) { var cardFilter = card.getAttribute("data-filter") || "all"; card.classList.toggle("active", cardFilter === filter); }); } function bindFilterCards() { document.querySelectorAll(".hs-price-card").forEach(function (card) { if (card.dataset.boundClick === "1") return; card.dataset.boundClick = "1"; card.style.cursor = "pointer"; card.addEventListener("click", function () { var filter = card.getAttribute("data-filter") || "all"; setActiveFilterCard(filter); if (typeof applySeatFilter === "function") { applySeatFilter(filter); } }); }); } function initStage17ZoomControls() { var mapCard = document.querySelector(".hs-map-card"); var board = document.getElementById("hs-seat-board"); if (!mapCard || !board) return; var oldControls = document.getElementById("hs-zoom-controls"); if (oldControls) { oldControls.remove(); } var scale = 1; var minScale = 1; var maxScale = 5; var controls = document.createElement("div"); controls.id = "hs-zoom-controls"; controls.className = "hs-zoom-controls"; controls.innerHTML = '' + ''; mapCard.appendChild(controls); var zoomOutBtn = controls.querySelector("#hs-zoom-out"); var zoomInBtn = controls.querySelector("#hs-zoom-in"); function applyScale() { if (scale < minScale) scale = minScale; if (scale > maxScale) scale = maxScale; board.style.transform = "scale(" + scale + ")"; board.style.transformOrigin = "top center"; if (zoomOutBtn) zoomOutBtn.disabled = scale <= minScale; if (zoomInBtn) zoomInBtn.disabled = scale >= maxScale; } if (zoomInBtn) { zoomInBtn.addEventListener("click", function () { scale = Math.min(maxScale, +(scale + 0.25).toFixed(2)); applyScale(); }); } if (zoomOutBtn) { zoomOutBtn.addEventListener("click", function () { scale = Math.max(minScale, +(scale - 0.25).toFixed(2)); applyScale(); }); } applyScale(); } function initStage17Layout() { bindFilterCards(); setActiveFilterCard("all"); if (typeof applySeatFilter === "function") { applySeatFilter("all"); } initStage17ZoomControls(); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initStage17Layout); } else { initStage17Layout(); } // HTD_STAGE18_ZOOM_TOOLTIP_ONLY_JS_START (function () { function initZoom() { var mapCard = document.querySelector(".hs-map-card"); var board = document.getElementById("hs-seat-board") || document.querySelector(".hs-seat-board") || document.querySelector(".hs-seat-grid"); if (!mapCard || !board) return; var old = document.getElementById("hs-zoom-controls"); if (old) old.remove(); var controls = document.createElement("div"); controls.id = "hs-zoom-controls"; controls.className = "hs-zoom-controls"; controls.innerHTML = '' + ''; mapCard.appendChild(controls); var zoomIn = controls.querySelector("#hs-zoom-in"); var zoomOut = controls.querySelector("#hs-zoom-out"); var scale = Number(board.getAttribute("data-scale") || "1"); if (!Number.isFinite(scale) || scale < 1) scale = 1; var minScale = 1; var maxScale = 5; function apply() { if (scale < minScale) scale = minScale; if (scale > maxScale) scale = maxScale; scale = Math.round(scale * 100) / 100; board.setAttribute("data-scale", String(scale)); board.style.transform = "scale(" + scale + ")"; board.style.transformOrigin = "top center"; if (zoomOut) zoomOut.disabled = scale <= minScale; if (zoomIn) zoomIn.disabled = scale >= maxScale; } zoomIn.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); scale += 0.25; apply(); }); zoomOut.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); scale -= 0.25; apply(); }); apply(); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initZoom); } else { setTimeout(initZoom, 0); setTimeout(initZoom, 500); } window.addEventListener("load", initZoom); })(); // HTD_STAGE19_DEDUPE_ZOOM_TOOLTIP_JS_START (function () { function removeOldZoomControls(mapCard) { if (!mapCard) return; mapCard.querySelectorAll(".hs-zoom-controls, #hs-zoom-controls, #hs-zoom-controls-stage19").forEach(function (el) { el.remove(); }); mapCard.querySelectorAll("div").forEach(function (el) { var buttons = el.querySelectorAll("button"); if (buttons.length !== 2) return; var texts = Array.from(buttons).map(function (b) { return (b.textContent || "").trim(); }); var hasPlus = texts.includes("+"); var hasMinus = texts.includes("-") || texts.includes("−"); if (hasPlus && hasMinus) { el.remove(); } }); } function dedupeRowLabels() { document.querySelectorAll(".hs-seat-row").forEach(function (row) { var labels = Array.from(row.querySelectorAll(":scope > .hs-row-label")); if (labels.length <= 2) return; labels.forEach(function (label, idx) { if (idx !== 0 && idx !== labels.length - 1) { label.remove(); } }); }); } function initStage19Zoom() { var mapCard = document.querySelector(".hs-map-card"); var board = document.getElementById("hs-seat-board") || document.querySelector(".hs-seat-board"); if (!mapCard || !board) return; removeOldZoomControls(mapCard); var controls = document.createElement("div"); controls.id = "hs-zoom-controls-stage19"; controls.className = "hs-zoom-controls"; controls.innerHTML = '' + ''; mapCard.appendChild(controls); var zoomInBtn = document.getElementById("hs-zoom-in-stage19"); var zoomOutBtn = document.getElementById("hs-zoom-out-stage19"); var scale = Number(board.getAttribute("data-scale") || "1"); if (!Number.isFinite(scale) || scale < 1) scale = 1; var minScale = 1; var maxScale = 5; function applyScale() { if (scale < minScale) scale = minScale; if (scale > maxScale) scale = maxScale; scale = Math.round(scale * 100) / 100; board.setAttribute("data-scale", String(scale)); board.style.transform = "scale(" + scale + ")"; board.style.transformOrigin = "top center"; if (zoomOutBtn) zoomOutBtn.disabled = scale <= minScale; if (zoomInBtn) zoomInBtn.disabled = scale >= maxScale; } if (zoomInBtn) { zoomInBtn.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); scale = Math.min(maxScale, scale + 0.25); applyScale(); }); } if (zoomOutBtn) { zoomOutBtn.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); scale = Math.max(minScale, scale - 0.25); applyScale(); }); } applyScale(); } function initStage19Fixes() { dedupeRowLabels(); initStage19Zoom(); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initStage19Fixes); } else { initStage19Fixes(); setTimeout(initStage19Fixes, 300); setTimeout(initStage19Fixes, 1000); } window.addEventListener("load", initStage19Fixes); })(); // HTD_STAGE20_FINAL_ZOOM_TOOLTIP_ROWFIX_JS_START (function () { function removeOldZoomControls() { document.querySelectorAll( ".hs-zoom-floating, #hs-zoom-controls, #hs-zoom-controls-stage19, #hs-zoom-controls-stage20, .hs-zoom-controls" ).forEach(function (el) { el.remove(); }); } function cleanupRowLabels() { document.querySelectorAll(".hs-seat-row").forEach(function (row) { var rightLabels = Array.from(row.querySelectorAll(":scope > .hs-row-label-right")); var leftLabels = Array.from(row.querySelectorAll(":scope > .hs-row-label-left")); rightLabels.forEach(function (label, index) { if (index > 0) label.remove(); }); leftLabels.forEach(function (label, index) { if (index > 0) label.remove(); }); Array.from(row.querySelectorAll(".hs-seat-row-seats .hs-row-label")).forEach(function (label) { label.remove(); }); Array.from(row.querySelectorAll(":scope > .hs-row-label")).forEach(function (label) { if ( !label.classList.contains("hs-row-label-right") && !label.classList.contains("hs-row-label-left") ) { label.remove(); } }); }); } function initFinalZoom() { var mapCard = document.querySelector(".hs-map-card"); var board = document.getElementById("hs-seat-board") || document.querySelector(".hs-seat-board"); if (!mapCard || !board) return; removeOldZoomControls(); var controls = document.createElement("div"); controls.id = "hs-zoom-controls-stage20"; controls.innerHTML = '' + ''; mapCard.appendChild(controls); var zoomIn = document.getElementById("hs-zoom-in-stage20"); var zoomOut = document.getElementById("hs-zoom-out-stage20"); var scale = Number(board.getAttribute("data-scale") || "1"); if (!Number.isFinite(scale) || scale < 1) scale = 1; var minScale = 1; var maxScale = 5; function apply() { if (scale < minScale) scale = minScale; if (scale > maxScale) scale = maxScale; scale = Math.round(scale * 100) / 100; board.setAttribute("data-scale", String(scale)); board.style.transform = "scale(" + scale + ")"; board.style.transformOrigin = "top center"; if (zoomOut) zoomOut.disabled = scale <= minScale; if (zoomIn) zoomIn.disabled = scale >= maxScale; } if (zoomIn) { zoomIn.addEventListener("click", function (event) { event.preventDefault(); event.stopPropagation(); scale = Math.min(maxScale, scale + 0.25); apply(); }); } if (zoomOut) { zoomOut.addEventListener("click", function (event) { event.preventDefault(); event.stopPropagation(); scale = Math.max(minScale, scale - 0.25); apply(); }); } apply(); } function ensureTooltip() { var tooltip = document.getElementById("hs-live-tooltip-stage20"); if (!tooltip) { tooltip = document.createElement("div"); tooltip.id = "hs-live-tooltip-stage20"; document.body.appendChild(tooltip); } return tooltip; } function positionTooltip(tooltip, seat) { var rect = seat.getBoundingClientRect(); var tooltipRect = tooltip.getBoundingClientRect(); var gap = 10; var x = rect.left + rect.width / 2 - tooltipRect.width / 2; var y = rect.top - tooltipRect.height - gap; /* For first/top rows: keep tooltip visible and above everything, even if it overlaps stage */ if (y < 12) { y = rect.bottom + gap; } x = Math.max(8, Math.min(x, window.innerWidth - tooltipRect.width - 8)); y = Math.max(8, Math.min(y, window.innerHeight - tooltipRect.height - 8)); tooltip.style.left = x + "px"; tooltip.style.top = y + "px"; } function bindFloatingTooltips() { var tooltip = ensureTooltip(); document.querySelectorAll(".hs-seat").forEach(function (seat) { if (seat.dataset.stage20TooltipBound === "1") return; seat.dataset.stage20TooltipBound = "1"; function show() { var text = seat.getAttribute("data-tooltip") || seat.getAttribute("title") || ""; if (!text) return; seat.setAttribute("data-native-title", seat.getAttribute("title") || ""); seat.removeAttribute("title"); tooltip.textContent = text; tooltip.classList.add("show"); requestAnimationFrame(function () { positionTooltip(tooltip, seat); }); } function hide() { tooltip.classList.remove("show"); var nativeTitle = seat.getAttribute("data-native-title"); if (nativeTitle) { seat.setAttribute("title", nativeTitle); } } seat.addEventListener("mouseenter", show); seat.addEventListener("focusin", show); seat.addEventListener("mousemove", function () { if (tooltip.classList.contains("show")) { positionTooltip(tooltip, seat); } }); seat.addEventListener("mouseleave", hide); seat.addEventListener("focusout", hide); }); } function initStage20() { cleanupRowLabels(); initFinalZoom(); bindFloatingTooltips(); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initStage20); } else { initStage20(); setTimeout(initStage20, 300); setTimeout(initStage20, 1000); } window.addEventListener("load", initStage20); })(); // HTD_STAGE21_COMPACT_SEATS_FINAL_ZOOM_JS_START (function () { function removeOldZoomOnly() { document.querySelectorAll( ".hs-zoom-floating, #hs-zoom-controls, #hs-zoom-controls-stage19, #hs-zoom-controls-stage20, .hs-zoom-controls" ).forEach(function (el) { el.remove(); }); } function ensureStage21Zoom() { var mapCard = document.querySelector(".hs-map-card"); var board = document.getElementById("hs-seat-board") || document.querySelector(".hs-seat-board"); if (!mapCard || !board) return; removeOldZoomOnly(); var controls = document.getElementById("hs-zoom-controls-stage21"); if (!controls) { controls = document.createElement("div"); controls.id = "hs-zoom-controls-stage21"; controls.className = "hs-zoom-stage21"; controls.innerHTML = '' + ''; mapCard.appendChild(controls); } else if (controls.parentElement !== mapCard) { mapCard.appendChild(controls); } var zoomIn = document.getElementById("hs-zoom-in-stage21"); var zoomOut = document.getElementById("hs-zoom-out-stage21"); if (!zoomIn || !zoomOut || controls.dataset.boundStage21 === "1") return; controls.dataset.boundStage21 = "1"; var scale = Number(board.getAttribute("data-scale") || "1"); if (!Number.isFinite(scale) || scale < 1) scale = 1; var minScale = 1; var maxScale = 5; function apply() { if (scale < minScale) scale = minScale; if (scale > maxScale) scale = maxScale; scale = Math.round(scale * 100) / 100; board.setAttribute("data-scale", String(scale)); board.style.transform = "scale(" + scale + ")"; board.style.transformOrigin = "top center"; zoomOut.disabled = scale <= minScale; zoomIn.disabled = scale >= maxScale; } zoomIn.addEventListener("click", function (event) { event.preventDefault(); event.stopPropagation(); scale = Math.min(maxScale, scale + 0.25); apply(); }); zoomOut.addEventListener("click", function (event) { event.preventDefault(); event.stopPropagation(); scale = Math.max(minScale, scale - 0.25); apply(); }); apply(); } function initStage21() { ensureStage21Zoom(); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initStage21); } else { initStage21(); setTimeout(initStage21, 300); setTimeout(initStage21, 1000); setTimeout(initStage21, 2000); } window.addEventListener("load", initStage21); })(); // HTD_STAGE21_COMPACT_SEATS_FINAL_ZOOM_JS_END // HTD_STAGE20_FINAL_ZOOM_TOOLTIP_ROWFIX_JS_END // HTD_STAGE19_DEDUPE_ZOOM_TOOLTIP_JS_END // HTD_STAGE18_ZOOM_TOOLTIP_ONLY_JS_END // HTD_STAGE17_ZOOM_FILTER_JS_END // HTD_STAGE14_ZOOM_FIX_JS_END // HTD_STAGE11_ZOOM_ROW_FIX_JS_END initZoomControls(); initStage11FloatingZoom(); initStage11RowEdgeLabels(); // HTD_STAGE10_PLAN_POLISH_JS_END updateSummary(); } } function initPriceFilters() { var cards = Array.prototype.slice.call(document.querySelectorAll(".hs-price-card")); cards.forEach(function (card) { var filter = detectFilter(card); card.setAttribute("role", "button"); card.setAttribute("tabindex", "0"); card.setAttribute("data-filter", filter); card.addEventListener("click", function () { cards.forEach(function (c) { c.classList.remove("active"); }); card.classList.add("active"); applySeatFilter(filter); }); card.addEventListener("keydown", function (event) { if (event.key === "Enter" || event.key === " ") { event.preventDefault(); card.click(); } }); }); } document.addEventListener("change", function (event) { if (event.target && event.target.classList && event.target.classList.contains("hs-seat-check")) { if (!enforceMaxSeats(event.target)) { setTimeout(function () { event.target.dispatchEvent(new Event("change", { bubbles: true })); }, 0); } } }, true); initPriceFilters(); enforceMaxSeats(null); // HONARTIK_MOBILE_PLAN_HORIZONTAL_PAN_JS_V1_START (function () { function bindHorizontalTouchDrag(scroll) { if (!scroll || scroll.dataset.honartikHorizontalDragBound === "1") return; scroll.dataset.honartikHorizontalDragBound = "1"; var startX = 0; var startY = 0; var startScrollLeft = 0; var axis = null; var dragged = false; var clearDraggedTimer = null; scroll.addEventListener("touchstart", function (event) { if (!event.touches || event.touches.length !== 1) return; if (clearDraggedTimer) { clearTimeout(clearDraggedTimer); clearDraggedTimer = null; } var touch = event.touches[0]; startX = touch.clientX; startY = touch.clientY; startScrollLeft = scroll.scrollLeft; axis = null; dragged = false; }, { passive: true }); scroll.addEventListener("touchmove", function (event) { if (!event.touches || event.touches.length !== 1) return; var touch = event.touches[0]; var deltaX = touch.clientX - startX; var deltaY = touch.clientY - startY; var absX = Math.abs(deltaX); var absY = Math.abs(deltaY); if (axis === null && (absX > 6 || absY > 6)) { axis = absX > absY ? "x" : "y"; } if (axis !== "x") return; dragged = dragged || absX > 10; event.preventDefault(); var isRtl = window.getComputedStyle(scroll).direction === "rtl"; scroll.scrollLeft = startScrollLeft + (isRtl ? deltaX : -deltaX); }, { passive: false }); function finishDrag() { axis = null; clearDraggedTimer = window.setTimeout(function () { dragged = false; }, 300); } scroll.addEventListener("touchend", finishDrag, { passive: true }); scroll.addEventListener("touchcancel", finishDrag, { passive: true }); scroll.addEventListener("click", function (event) { if (!dragged) return; event.preventDefault(); event.stopPropagation(); }, true); } function enableMobileSeatPan() { if (window.innerWidth > 767) return; var scroll = document.getElementById("hs-map-scroll") || document.querySelector(".hs-map-scroll"); var board = document.getElementById("hs-seat-board") || document.querySelector(".hs-seat-board"); if (!scroll || !board) return; scroll.style.display = "block"; scroll.style.overflowX = "auto"; scroll.style.overflowY = "hidden"; scroll.style.justifyContent = "initial"; scroll.style.alignItems = "initial"; scroll.style.touchAction = "pan-y pinch-zoom"; scroll.style.webkitOverflowScrolling = "touch"; bindHorizontalTouchDrag(scroll); board.style.width = "max-content"; board.style.minWidth = "max-content"; board.style.marginLeft = "0"; board.style.marginRight = "0"; board.style.transformOrigin = "top right"; if (board.dataset.htdUserZoomed !== "1") { board.setAttribute("data-scale", "1"); board.style.transform = "scale(1)"; board.style.marginBottom = ""; } document.documentElement.style.overflowX = "hidden"; document.body.style.overflowX = "hidden"; } function markZoomButtons() { if (window.__honartikMobilePanZoomBound) return; window.__honartikMobilePanZoomBound = true; document.addEventListener("click", function (event) { var target = event.target; if (!target || !target.closest) return; if ( target.closest("#hs-zoom-controls-stage32") || target.closest("#hs-zoom-controls-stage21") || target.closest(".hs-zoom-controls") || target.closest(".hs-zoom-stage21") ) { var board = document.getElementById("hs-seat-board") || document.querySelector(".hs-seat-board"); if (board) board.dataset.htdUserZoomed = "1"; } }, true); } function run() { markZoomButtons(); enableMobileSeatPan(); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", run); } else { run(); } window.addEventListener("load", function () { setTimeout(run, 50); setTimeout(run, 300); setTimeout(run, 900); }); window.addEventListener("resize", function () { var board = document.getElementById("hs-seat-board") || document.querySelector(".hs-seat-board"); if (board) board.dataset.htdUserZoomed = "0"; setTimeout(run, 120); }); window.addEventListener("orientationchange", function () { var board = document.getElementById("hs-seat-board") || document.querySelector(".hs-seat-board"); if (board) board.dataset.htdUserZoomed = "0"; setTimeout(run, 350); }); })(); // HONARTIK_MOBILE_PLAN_HORIZONTAL_PAN_JS_V1_END // HTD_STAGE8_SEAT_INTERACTIONS_JS_END updateSummary(); } }); updateSummary(); })();