const blockedImages = ['/assets/img/bankpapua.webp','/assets/img/bsi.webp','/assets/img/seabank.webp','/assets/img/maybank.webp','/assets/img/bankneo.webp','/assets/img/bankjago.webp','assets/img/shopeepay.webp','assets/img/panin.webp']; function cleanSrc(url) { return url.split('?')[0]; } function isBlockedImage(radio) { const container = radio.closest('label'); if (!container) return false; const img = container.querySelector('img'); if (!img) return false; const src = cleanSrc(img.getAttribute('src')); return blockedImages.includes(src); } function setupRadioControl() { const submitButton = document.getElementById('submit-depo'); const qrisTab = document.getElementById('mop1'); const otherMop = document.getElementById('other-mop'); if (!submitButton || !qrisTab || !otherMop) return; const defaultSelected = otherMop.querySelector('input[type="radio"][name="selected-bank"]:checked'); const defaultId = defaultSelected ? defaultSelected.id : null; if (defaultSelected && isBlockedImage(defaultSelected)) { submitButton.disabled = true; } else { submitButton.disabled = false; } otherMop.addEventListener('change', function (e) { if (e.target.matches('input[type="radio"][name="selected-bank"]')) { const currentId = e.target.id; const isBlocked = isBlockedImage(e.target); if (currentId !== defaultId && isBlocked) { submitButton.disabled = true; qrisTab.click(); } else { submitButton.disabled = false; } } }); submitButton.addEventListener('click', function () { const selectedRadio = otherMop.querySelector('input[type="radio"][name="selected-bank"]:checked'); if (selectedRadio && isBlockedImage(selectedRadio)) { qrisTab.click(); } }); } function waitUntilReady(callback) { const interval = setInterval(() => { const otherMop = document.getElementById('other-mop'); const labels = otherMop ? otherMop.querySelectorAll('label') : null; if (labels && labels.length > 0) { clearInterval(interval); callback(); } }, 300); } window.addEventListener('load', () => { waitUntilReady(setupRadioControl); });