design pembayaransag and omit google maps

public/js/miscellaneous/cart.js

@@ -1,22 +1,53 @@
-const test = () =>{
-    let btn_payment = document.getElementById('bayarsbmt');
+// const test = () =>{
+//     let btn_payment = document.getElementById('bayarsbmt');
    
-    console.log(btn_payment,rad_payment);
-}
+//     console.log(btn_payment,rad_payment);
+// }
 
 let checked_rad = () =>{
-    let rad_payment = document.getElementById('radpembayaran');
+    const radios = document.querySelectorAll('input[name="radpembayaran"]');
+    // let rad_payment = document.getElementById('radpembayaran');
+    let btn_payment = document.getElementById('bayarsbmt');
 
-    if(rad_payment.checked){
-        console.log('checked');
+    if(radios.checked){
         btn_payment.disabled = false;
     }else{
-        console.log('not-checked');
         btn_payment.disabled = true;
     }
 }
 
-document.addEventListener('DOMContentLoaded', function () {
-    console.log('Document is fully loaded and parsed.');
-    // Perform your actions here
-});
+const radios = document.querySelectorAll('input[name="radpembayaran"]');
+
+radios.forEach((radio) => {
+    radio.addEventListener('change', function () {
+        let btn_payment = document.getElementById('bayarsbmt');
+        let content1 = document.getElementById('divpkb');
+        let content2 = document.getElementById('divkopkb');
+
+        if (this.checked) {
+            if(this.value == 'kopkb'){
+                content1.classList.add('blurred');
+                content2.classList.remove('blurred');
+                btn_payment.disabled = false;
+            }else{
+                content2.classList.add('blurred');
+                content1.classList.remove('blurred');
+                btn_payment.disabled = false;
+            }
+        }
+        
+    });
+    // document.getElementById('radpembayaran').addEventListener('change', function () {
+    //     const toggle = this.value;
+    //     console.log(toggle);
+    //     const content = document.getElementById(toggle);
+
+    //     console.log(dataToggleValue);
+    //     if (this.checked) {
+    //         content.classList.add('blurred');
+    //     } else {
+    //         content.classList.remove('blurred');
+    //     }
+    // });
+});
+