document.addEventListener(‘DOMContentLoaded’, function() {
const rows = document.querySelectorAll(‘.lshk-pp-tier-row’);
const summaryEl = document.getElementById(‘lshk-pp-summary-detail’);
const ctaEl = document.getElementById(‘lshk-pp-cta-whatsapp’);

const monthlyMap = {12: 1650, 26: 900, 36: 650, 48: 525, 60: 450};
// Setup fee bundled into monthly per Danny 2026-09-27 verbatim:
// “Plan B is not request one time setup free”
// Customer sees: 月費 + HK$15,000 deposit only (refundable at contract end)
const deposit = 15000;

function updateSelection(term) {
const m = monthlyMap[term];

summaryEl.innerHTML = ‘‘ + term + ‘ 個月 · HK$‘ + m.toLocaleString() + ‘/月 · 按金 HK$15,000(可退回) · 月費已包含安裝及 Y1-Y3 保養服務’;

const waUrl = ‘https://wa.me/85268995060?text=Hi%20LSHK%2C%20I%27d%20like%20the%20Xerox%20AltaLink%20C8155%20MPS%20package%20on%20’ + term + ‘-month%20term%20(HK%24’ + m + ‘%2Fmonth%20%2B%20HK%2415%2C000%20deposit%20%2B%20POD%20HK%240.06%2Fpage%20B%26W%20HK%240.60%2Fpage%20COLOR)’;
ctaEl.setAttribute(‘href’, waUrl);
}

rows.forEach(row => {
row.setAttribute(‘role’, ‘button’);
row.setAttribute(‘tabindex’, ‘0’);
row.setAttribute(‘aria-label’, ‘Select ‘ + row.getAttribute(‘data-term’) + ‘-month term’);

row.addEventListener(‘click’, function() {
rows.forEach(r => r.classList.remove(‘lshk-pp-tier-row–selected’));
this.classList.add(‘lshk-pp-tier-row–selected’);
const term = this.getAttribute(‘data-term’);
updateSelection(term);
});

row.addEventListener(‘keydown’, function(e) {
if (e.key === ‘Enter’ || e.key === ‘ ‘) {
e.preventDefault();
this.click();
}
});
});
});