refactor: replace the javascript popup with sweetalert which prevent some devices to purchase data plans and packages via captive portal, clean up footer template and improve script formatting

ui/ui/customer/footer.tpl

@@ -160,21 +160,40 @@
     });
 
     function ask(field, text) {
-            var txt = field.innerHTML;
+        const txt = field.innerHTML;
-            if (confirm(text)) {
+
+        field.innerHTML = `<span class="loading"></span>`;
+        field.setAttribute("disabled", true);
+
+        Swal.fire({
+            title: 'Are you sure?',
+            text: text,
+            icon: 'warning',
+            showCancelButton: true,
+            confirmButtonText: 'Yes, proceed',
+            cancelButtonText: 'Cancel',
+        }).then((result) => {
+            let delay = result.isConfirmed ? 400 : 500;
+
             setTimeout(() => {
-                    field.innerHTML = field.innerHTML.replace(`<span class="loading"></span>`, txt);
+                field.innerHTML = txt;
                 field.removeAttribute("disabled");
-                }, 5000);
+
-                return true;
+                if (result.isConfirmed) {
+                    const form = field.closest('form');
+                    if (form) {
+                        form.submit(); // manually submit the form
                     } else {
-                setTimeout(() => {
+                        //fallback if not in a form
-                    field.innerHTML = field.innerHTML.replace(`<span class="loading"></span>`, txt);
+                        const href = field.getAttribute("href") || field.dataset.href;
-                    field.removeAttribute("disabled");
+                        if (href) window.location.href = href;
-                }, 500);
-                return false;
                     }
                 }
+            }, delay);
+        });
+
+        return false;
+    }
 
     function setCookie(name, value, days) {
         var expires = "";