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);
});
