diff --git a/ui/ui/admin-add.tpl b/ui/ui/admin-add.tpl
index 85f97caf..640747e2 100644
--- a/ui/ui/admin-add.tpl
+++ b/ui/ui/admin-add.tpl
@@ -101,7 +101,7 @@
         </div>
     </div>
     <div class="form-group text-center">
-        <button class="btn btn-primary" onclick="return confirm('Continue the process of adding Admin?')" type="submit">{Lang::T('Save Changes')}</button>
+        <button class="btn btn-primary" onclick="return ask(this, 'Continue the process of adding Admin?')" type="submit">{Lang::T('Save Changes')}</button>
         Or <a href="{$_url}settings/users">{Lang::T('Cancel')}</a>
     </div>
 </form>
diff --git a/ui/ui/admin-edit.tpl b/ui/ui/admin-edit.tpl
index 9e406d9f..f04d71be 100644
--- a/ui/ui/admin-edit.tpl
+++ b/ui/ui/admin-edit.tpl
@@ -142,7 +142,7 @@
         </div>
     </div>
     <div class="form-group text-center">
-        <button class="btn btn-primary" onclick="return confirm('Continue the Admin change process?')"
+        <button class="btn btn-primary" onclick="return ask(this, 'Continue the Admin change process?')"
             type="submit">{Lang::T('Save Changes')}</button>
         Or <a href="{$_url}settings/users">{Lang::T('Cancel')}</a>
     </div>
diff --git a/ui/ui/admin.tpl b/ui/ui/admin.tpl
index 4c9a43bd..a88b715e 100644
--- a/ui/ui/admin.tpl
+++ b/ui/ui/admin.tpl
@@ -63,7 +63,7 @@
                                             class="btn btn-info btn-xs">{Lang::T('Edit')}</a>
                                         {if ($_admin['id']) neq ($ds['id'])}
                                             <a href="{$_url}settings/users-delete/{$ds['id']}" id="{$ds['id']}"
-                                                class="btn btn-danger btn-xs" onclick="return confirm('{Lang::T('Delete')}?')"><i class="glyphicon glyphicon-trash"></i></a>
+                                                class="btn btn-danger btn-xs" onclick="return ask(this, '{Lang::T('Delete')}?')"><i class="glyphicon glyphicon-trash"></i></a>
                                         {/if}
                                     </td>
                                     <td>{$ds['id']}</td>
diff --git a/ui/ui/balance-add.tpl b/ui/ui/balance-add.tpl
index d6459171..f25e9370 100644
--- a/ui/ui/balance-add.tpl
+++ b/ui/ui/balance-add.tpl
@@ -46,7 +46,7 @@
 
                     <div class="form-group">
                         <div class="col-lg-offset-2 col-lg-10">
-                            <button class="btn btn-success" onclick="return confirm('Continue the balance top-up process?')" type="submit">{Lang::T('Save Changes')}</button>
+                            <button class="btn btn-success" onclick="return ask(this, 'Continue the balance top-up process?')" type="submit">{Lang::T('Save Changes')}</button>
                             Or <a href="{$_url}services/balance">{Lang::T('Cancel')}</a>
                         </div>
                     </div>
diff --git a/ui/ui/balance-edit.tpl b/ui/ui/balance-edit.tpl
index 50961333..4dc9a804 100644
--- a/ui/ui/balance-edit.tpl
+++ b/ui/ui/balance-edit.tpl
@@ -55,7 +55,7 @@
                     </div>
                     <div class="form-group">
                         <div class="col-lg-offset-2 col-lg-10">
-                            <button class="btn btn-success" onclick="return confirm('Continue the process of changing the balance contents?')" type="submit">{Lang::T('Save Changes')}</button>
+                            <button class="btn btn-success" onclick="return ask(this, 'Continue the process of changing the balance contents?')" type="submit">{Lang::T('Save Changes')}</button>
                             Or <a href="{$_url}services/balance">{Lang::T('Cancel')}</a>
                         </div>
                     </div>
diff --git a/ui/ui/balance.tpl b/ui/ui/balance.tpl
index ce2b8b38..6166148a 100644
--- a/ui/ui/balance.tpl
+++ b/ui/ui/balance.tpl
@@ -41,7 +41,7 @@
 															{/if}</td>
                                                     <td>
                                                         <a href="{$_url}services/balance-edit/{$ds['id']}" class="btn btn-info btn-xs">{Lang::T('Edit')}</a>
-                                                        <a href="{$_url}services/balance-delete/{$ds['id']}" onclick="return confirm('{Lang::T('Delete')}?')" id="{$ds['id']}" class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
+                                                        <a href="{$_url}services/balance-delete/{$ds['id']}" onclick="return ask(this, '{Lang::T('Delete')}?')" id="{$ds['id']}" class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                                     </td>
                                                 </tr>
                                             {/foreach}
diff --git a/ui/ui/bandwidth-add.tpl b/ui/ui/bandwidth-add.tpl
index af6b1fee..d0d17667 100644
--- a/ui/ui/bandwidth-add.tpl
+++ b/ui/ui/bandwidth-add.tpl
@@ -69,7 +69,7 @@
 					</div>
 					<div class="form-group">
 						<div class="col-lg-offset-2 col-lg-10">
-							<button class="btn btn-primary" onclick="return confirm('Continue the Bandwidth addition process?')" type="submit">{Lang::T('Save')}</button>
+							<button class="btn btn-primary" onclick="return ask(this, 'Continue the Bandwidth addition process?')" type="submit">{Lang::T('Save')}</button>
 							Or <a href="{$_url}bandwidth/list">{Lang::T('Cancel')}</a>
 						</div>
 					</div>
diff --git a/ui/ui/bandwidth-edit.tpl b/ui/ui/bandwidth-edit.tpl
index b992cd81..453f8364 100644
--- a/ui/ui/bandwidth-edit.tpl
+++ b/ui/ui/bandwidth-edit.tpl
@@ -86,7 +86,7 @@
 					</div>
 					<div class="form-group">
 						<div class="col-lg-offset-2 col-lg-10">
-							<button class="btn btn-primary" onclick="return confirm('Continue the Bandwidth change process?')" type="submit">{Lang::T('Save Change')}</button>
+							<button class="btn btn-primary" onclick="return ask(this, 'Continue the Bandwidth change process?')" type="submit">{Lang::T('Save Change')}</button>
 							Or <a href="{$_url}bandwidth/list">{Lang::T('Cancel')}</a>
 						</div>
 					</div>
diff --git a/ui/ui/bandwidth.tpl b/ui/ui/bandwidth.tpl
index 0f5aea1a..322ff693 100644
--- a/ui/ui/bandwidth.tpl
+++ b/ui/ui/bandwidth.tpl
@@ -47,7 +47,7 @@
 											class="btn btn-sm btn-warning">{Lang::T('Edit')}</a>
 										<a href="{$_url}bandwidth/delete/{$ds['id']}" id="{$ds['id']}"
 											class="btn btn-danger btn-sm"
-											onclick="return confirm('{Lang::T('Delete')}?')"><i
+											onclick="return ask(this, '{Lang::T('Delete')}?')"><i
 												class="glyphicon glyphicon-trash"></i></a>
 									</td>
 								</tr>
diff --git a/ui/ui/customer/dashboard.tpl b/ui/ui/customer/dashboard.tpl
index 7a92e4a5..85c186e9 100644
--- a/ui/ui/customer/dashboard.tpl
+++ b/ui/ui/customer/dashboard.tpl
@@ -35,7 +35,7 @@
                     <div class="btn-group btn-group-justified mb15">
                         <div class="btn-group">
                             <a href="{$_url}order/view/{$unpaid['id']}/cancel" class="btn btn-danger btn-sm"
-                                onclick="return confirm('{Lang::T('Cancel it?')}')">
+                                onclick="return ask(this, '{Lang::T('Cancel it?')}')">
                                 <span class="glyphicon glyphicon-trash"></span>
                                 {Lang::T('Cancel')}
                             </a>
@@ -103,11 +103,11 @@
                                 {Lang::moneyFormat($_user['balance'])}
                                 {if $_user['auto_renewal'] == 1}
                                     <a class="label label-success pull-right" href="{$_url}home&renewal=0"
-                                        onclick="return confirm('{Lang::T('Disable auto renewal?')}')">{Lang::T('Auto Renewal
+                                        onclick="return ask(this, '{Lang::T('Disable auto renewal?')}')">{Lang::T('Auto Renewal
                                 On')}</a>
                                 {else}
                                     <a class="label label-danger pull-right" href="{$_url}home&renewal=1"
-                                        onclick="return confirm('{Lang::T('Enable auto renewal?')}')">{Lang::T('Auto Renewal
+                                        onclick="return ask(this, '{Lang::T('Enable auto renewal?')}')">{Lang::T('Auto Renewal
                                 Off')}</a>
                                 {/if}
                             </td>
@@ -272,7 +272,7 @@
                                 Online, Check Status')}</a>
                                 {else}
                                     <a href="{$_url}home&mikrotik=login"
-                                        onclick="return confirm('{Lang::T('Connect to Internet')}')"
+                                        onclick="return ask(this, '{Lang::T('Connect to Internet')}')"
                                         class="btn btn-danger btn-xs btn-block">{Lang::T('Not Online, Login now?')}</a>
                                 {/if}
                             </td>
@@ -282,7 +282,7 @@
                         <td class="small text-primary text-uppercase text-normal">
                             {if $_bill['status'] == 'on' && $_bill['prepaid'] != 'YES'}
                                 <a href="{$_url}home&deactivate={$_bill['id']}"
-                                    onclick="return confirm('{Lang::T('Deactivate')}?')" class="btn btn-danger btn-xs"><i
+                                    onclick="return ask(this, '{Lang::T('Deactivate')}?')" class="btn btn-danger btn-xs"><i
                                         class="glyphicon glyphicon-trash"></i></a>
                             {/if}
                         </td>
@@ -290,14 +290,14 @@
                             {if $_bill['status'] != 'on' && $_bill['prepaid'] != 'yes' && $_c['extend_expired']}
                                 <a class="btn btn-warning text-black btn-sm"
                                     href="{$_url}home&extend={$_bill['id']}&stoken={App::getToken()}"
-                                    onclick="return confirm('{Text::toHex($_c['extend_confirmation'])}')">{Lang::T('Extend')}</a>
+                                    onclick="return ask(this, '{Text::toHex($_c['extend_confirmation'])}')">{Lang::T('Extend')}</a>
                             {/if}
                             <a class="btn btn-primary pull-right btn-sm"
                                 href="{$_url}home&recharge={$_bill['id']}&stoken={App::getToken()}"
-                                onclick="return confirm('{Lang::T('Recharge')}?')">{Lang::T('Recharge')}</a>
+                                onclick="return ask(this, '{Lang::T('Recharge')}?')">{Lang::T('Recharge')}</a>
                             <a class="btn btn-warning text-black pull-right btn-sm"
                                 href="{$_url}home&sync={$_bill['id']}&stoken={App::getToken()}"
-                                onclick="return confirm('{Lang::T('Sync account if you failed login to internet')}?')"
+                                onclick="return ask(this, '{Lang::T('Sync account if you failed login to internet')}?')"
                                 data-toggle="tooltip" data-placement="top"
                                 title="{Lang::T('Sync account if you failed login to internet')}"><span
                                     class="glyphicon glyphicon-refresh" aria-hidden="true"></span> {Lang::T('Sync')}</a>
@@ -354,7 +354,7 @@
                             </div>
                             <div class="form-group col-sm-2" align="center">
                                 <button class="btn btn-success btn-block" id="sendBtn" type="submit" name="send"
-                                    onclick="return confirm('{Lang::T(" Are You Sure?")}')" value="balance"><i
+                                    onclick="return ask(this, '{Lang::T(" Are You Sure?")}')" value="balance"><i
                                         class="glyphicon glyphicon-send"></i></button>
                             </div>
                         </div>
@@ -383,7 +383,7 @@
                             </div>
                             <div class="form-group col-sm-2" align="center">
                                 <button class="btn btn-success btn-block" id="sendBtn" type="submit" name="send"
-                                    onclick="return confirm('{Lang::T(" Are You Sure?")}')" value="plan"><i
+                                    onclick="return ask(this, '{Lang::T(" Are You Sure?")}')" value="plan"><i
                                         class="glyphicon glyphicon-send"></i></button>
                             </div>
                         </div>
diff --git a/ui/ui/customer/footer.tpl b/ui/ui/customer/footer.tpl
index 8f4b48ca..7a7129dc 100644
--- a/ui/ui/customer/footer.tpl
+++ b/ui/ui/customer/footer.tpl
@@ -159,6 +159,18 @@
             });
         });
 
+        function ask(field, text){
+            if (confirm(text)) {
+                return true;
+            } else {
+                setTimeout(() => {
+                    field.innerHTML = field.innerHTML.replace(`<span class="loading"></span>`, '');
+                    field.removeAttribute("disabled");
+                }, 500);
+                return false;
+            }
+        }
+
         function setCookie(name, value, days) {
             var expires = "";
             if (days) {
diff --git a/ui/ui/customer/inbox.tpl b/ui/ui/customer/inbox.tpl
index 2e1b451a..870b6d17 100644
--- a/ui/ui/customer/inbox.tpl
+++ b/ui/ui/customer/inbox.tpl
@@ -31,7 +31,7 @@
         </div>
         <a href="{$_url}mail" class="btn btn-primary"><i class="fa fa-arrow-left"></i> {Lang::T("Back")}</a>
         <a href="{$_url}mail/delete/{$mail['id']}" class="btn btn-danger"
-            onclick="return confirm('{Lang::T("Delete")}?')"><i class="fa fa-trash-o"></i>
+            onclick="return ask(this, '{Lang::T("Delete")}?')"><i class="fa fa-trash-o"></i>
             {Lang::T("Delete")}</a>
         <a href="https://api.whatsapp.com/send?text={if Text::is_html($mail['body'])}{urlencode(strip_tags($mail['body']))}{else}{urlencode($mail['body'])}{/if}" class="btn btn-success"><i class="fa fa-share"></i> {Lang::T("Share")}</a>
     </div>
diff --git a/ui/ui/customer/orderBalance.tpl b/ui/ui/customer/orderBalance.tpl
index 4abfddad..82d0844c 100644
--- a/ui/ui/customer/orderBalance.tpl
+++ b/ui/ui/customer/orderBalance.tpl
@@ -29,7 +29,7 @@
                                 </div>
                                 <div class="box-body">
                                     <a href="{$_url}order/gateway/0/{$plan['id']}"
-                                        onclick="return confirm('{Lang::T('Buy Balance')}?')"
+                                        onclick="return ask(this, '{Lang::T('Buy Balance')}?')"
                                         class="btn btn-sm btn-block btn-primary">{Lang::T('Buy')}</a>
                                 </div>
                             </div>
@@ -54,7 +54,7 @@
                                         </div>
                                     </div>
                                     <div class="box-body">
-                                        <button onclick="return confirm('{Lang::T('Buy Balance')}?')"
+                                        <button onclick="return ask(this, '{Lang::T('Buy Balance')}?')"
                                             class="btn btn-sm btn-block btn-primary">{Lang::T('Buy')}</button>
                                     </div>
                                 </div>
diff --git a/ui/ui/customer/orderPlan.tpl b/ui/ui/customer/orderPlan.tpl
index b5253b6d..7b40e425 100644
--- a/ui/ui/customer/orderPlan.tpl
+++ b/ui/ui/customer/orderPlan.tpl
@@ -50,11 +50,11 @@
                                     </div>
                                     <div class="box-body">
                                         <a href="{$_url}order/gateway/radius/{$plan['id']}&stoken={App::getToken()}"
-                                            onclick="return confirm('{Lang::T('Buy this? your active package will be overwrite')}')"
+                                            onclick="return ask(this, '{Lang::T('Buy this? your active package will be overwrite')}')"
                                             class="btn btn-sm btn-block btn-warning text-black">{Lang::T('Buy')}</a>
                                         {if $_c['enable_balance'] == 'yes' && $_c['allow_balance_transfer'] == 'yes' && $_user['balance']>=$plan['price']}
                                             <a href="{$_url}order/send/radius/{$plan['id']}&stoken={App::getToken()}"
-                                                onclick="return confirm('{Lang::T('Buy this for friend account?')}')"
+                                                onclick="return ask(this, '{Lang::T('Buy this for friend account?')}')"
                                                 class="btn btn-sm btn-block btn-primary">{Lang::T('Buy for friend')}</a>
                                         {/if}
                                     </div>
@@ -107,11 +107,11 @@
                                     </div>
                                     <div class="box-body">
                                         <a href="{$_url}order/gateway/radius/{$plan['id']}&stoken={App::getToken()}"
-                                            onclick="return confirm('{Lang::T('Buy this? your active package will be overwrite')}')"
+                                            onclick="return ask(this, '{Lang::T('Buy this? your active package will be overwrite')}')"
                                             class="btn btn-sm btn-block btn-warning text-black">{Lang::T('Buy')}</a>
                                         {if $_c['enable_balance'] == 'yes' && $_c['allow_balance_transfer'] == 'yes' && $_user['balance']>=$plan['price']}
                                         <a href="{$_url}order/send/radius/{$plan['id']}&stoken={App::getToken()}"
-                                            onclick="return confirm('{Lang::T('Buy this for friend account?')}')"
+                                            onclick="return ask(this, '{Lang::T('Buy this for friend account?')}')"
                                             class="btn btn-sm btn-block btn-primary">{Lang::T('Buy for friend')}</a>
                                     {/if}
                                 </div>
@@ -165,11 +165,11 @@
                                 </div>
                                 <div class="box-body">
                                     <a href="{$_url}order/gateway/pppoe/{$plan['id']}&stoken={App::getToken()}"
-                                        onclick="return confirm('{Lang::T('Buy this? your active package will be overwritten')}')"
+                                        onclick="return ask(this, '{Lang::T('Buy this? your active package will be overwritten')}')"
                                         class="btn btn-sm btn-block btn-warning text-black">{Lang::T('Buy')}</a>
                                     {if $_c['enable_balance'] == 'yes' && $_c['allow_balance_transfer'] == 'yes' && $_user['balance']>=$plan['price']}
                                     <a href="{$_url}order/send/pppoe/{$plan['id']}&stoken={App::getToken()}"
-                                        onclick="return confirm('{Lang::T('Buy this for friend account?')}')"
+                                        onclick="return ask(this, '{Lang::T('Buy this for friend account?')}')"
                                         class="btn btn-sm btn-block btn-primary">{Lang::T('Buy for friend')}</a>
                                 {/if}
                             </div>
@@ -221,12 +221,12 @@
                             </div>
                             <div class="box-body">
                                 <a href="{$_url}order/gateway/hotspot/{$plan['id']}&stoken={App::getToken()}"
-                                    onclick="return confirm('{Lang::T('Buy this? your active package will be overwritten')}')"
+                                    onclick="return ask(this, '{Lang::T('Buy this? your active package will be overwritten')}')"
                                     class="btn btn-sm btn-block btn-warning text-black">{Lang::T('Buy')}</a>
                                 {if $_c['enable_balance'] == 'yes' && $_c['allow_balance_transfer'] == 'yes' &&
                                                                                                                                         $_user['balance']>=$plan['price']}
                                 <a href="{$_url}order/send/hotspot/{$plan['id']}&stoken={App::getToken()}"
-                                    onclick="return confirm('{Lang::T('Buy this for friend account?')}')"
+                                    onclick="return ask(this, '{Lang::T('Buy this for friend account?')}')"
                                     class="btn btn-sm btn-block btn-primary">{Lang::T('Buy for friend')}</a>
                             {/if}
                         </div>
@@ -290,11 +290,11 @@
                                         </div>
                                         <div class="box-body">
                                             <a href="{$_url}order/gateway/{$router['id']}/{$plan['id']}&stoken={App::getToken()}"
-                                                onclick="return confirm('{Lang::T('Buy this? your active package will be overwrite')}')"
+                                                onclick="return ask(this, '{Lang::T('Buy this? your active package will be overwrite')}')"
                                                 class="btn btn-sm btn-block btn-warning text-black">{Lang::T('Buy')}</a>
                                             {if $_c['enable_balance'] == 'yes' && $_c['allow_balance_transfer'] == 'yes' && $_user['balance']>=$plan['price']}
                                             <a href="{$_url}order/send/{$router['id']}/{$plan['id']}&stoken={App::getToken()}"
-                                                onclick="return confirm('{Lang::T('Buy this for friend account?')}')"
+                                                onclick="return ask(this, '{Lang::T('Buy this for friend account?')}')"
                                                 class="btn btn-sm btn-block btn-primary">{Lang::T('Buy for friend')}</a>
                                         {/if}
                                     </div>
@@ -345,11 +345,11 @@
                                     </div>
                                     <div class="box-body">
                                         <a href="{$_url}order/gateway/{$router['id']}/{$plan['id']}&stoken={App::getToken()}"
-                                            onclick="return confirm('{Lang::T('Buy this? your active package will be overwrite')}')"
+                                            onclick="return ask(this, '{Lang::T('Buy this? your active package will be overwrite')}')"
                                             class="btn btn-sm btn-block btn-warning text-black">{Lang::T('Buy')}</a>
                                         {if $_c['enable_balance'] == 'yes' && $_c['allow_balance_transfer'] == 'yes' && $_user['balance']>=$plan['price']}
                                         <a href="{$_url}order/send/{$router['id']}/{$plan['id']}&stoken={App::getToken()}"
-                                            onclick="return confirm('{Lang::T('Buy this for friend account?')}')"
+                                            onclick="return ask(this, '{Lang::T('Buy this for friend account?')}')"
                                             class="btn btn-sm btn-block btn-primary">{Lang::T('Buy for friend')}</a>
                                     {/if}
                                 </div>
@@ -400,11 +400,11 @@
                                     </div>
                                     <div class="box-body">
                                         <a href="{$_url}order/gateway/{$router['id']}/{$plan['id']}&stoken={App::getToken()}"
-                                            onclick="return confirm('{Lang::T('Buy this? your active package will be overwrite')}')"
+                                            onclick="return ask(this, '{Lang::T('Buy this? your active package will be overwrite')}')"
                                             class="btn btn-sm btn-block btn-warning text-black">{Lang::T('Buy')}</a>
                                         {if $_c['enable_balance'] == 'yes' && $_c['allow_balance_transfer'] == 'yes' && $_user['balance']>=$plan['price']}
                                         <a href="{$_url}order/send/{$router['id']}/{$plan['id']}&stoken={App::getToken()}"
-                                            onclick="return confirm('{Lang::T('Buy this for friend account?')}')"
+                                            onclick="return ask(this, '{Lang::T('Buy this for friend account?')}')"
                                             class="btn btn-sm btn-block btn-primary">{Lang::T('Buy for friend')}</a>
                                     {/if}
                                 </div>
@@ -459,11 +459,11 @@
                                 </div>
                                 <div class="box-body">
                                     <a href="{$_url}order/gateway/{$router['id']}/{$plan['id']}&stoken={App::getToken()}"
-                                        onclick="return confirm('{Lang::T('Buy this? your active package will be overwrite')}')"
+                                        onclick="return ask(this, '{Lang::T('Buy this? your active package will be overwrite')}')"
                                         class="btn btn-sm btn-block btn-warning text-black">{Lang::T('Buy')}</a>
                                     {if $_c['enable_balance'] == 'yes' && $_c['allow_balance_transfer'] == 'yes' && $_user['balance']>=$plan['price']}
                                     <a href="{$_url}order/send/{$router['id']}/{$plan['id']}&stoken={App::getToken()}"
-                                        onclick="return confirm('{Lang::T('Buy this for friend account?')}')"
+                                        onclick="return ask(this, '{Lang::T('Buy this for friend account?')}')"
                                         class="btn btn-sm btn-block btn-primary">{Lang::T('Buy for friend')}</a>
                                 {/if}
                             </div>
@@ -512,11 +512,11 @@
                                 </div>
                                 <div class="box-body">
                                     <a href="{$_url}order/gateway/{$router['id']}/{$plan['id']}&stoken={App::getToken()}"
-                                        onclick="return confirm('{Lang::T('Buy this? your active package will be overwrite')}')"
+                                        onclick="return ask(this, '{Lang::T('Buy this? your active package will be overwrite')}')"
                                         class="btn btn-sm btn-block btn-warning text-black">{Lang::T('Buy')}</a>
                                     {if $_c['enable_balance'] == 'yes' && $_c['allow_balance_transfer'] == 'yes' && $_user['balance']>=$plan['price']}
                                     <a href="{$_url}order/send/{$router['id']}/{$plan['id']}&stoken={App::getToken()}"
-                                        onclick="return confirm('{Lang::T('Buy this for friend account?')}')"
+                                        onclick="return ask(this, '{Lang::T('Buy this for friend account?')}')"
                                         class="btn btn-sm btn-block btn-primary">{Lang::T('Buy for friend')}</a>
                                 {/if}
                             </div>
@@ -565,11 +565,11 @@
                                 </div>
                                 <div class="box-body">
                                     <a href="{$_url}order/gateway/{$router['id']}/{$plan['id']}&stoken={App::getToken()}"
-                                        onclick="return confirm('{Lang::T('Buy this? your active package will be overwrite')}')"
+                                        onclick="return ask(this, '{Lang::T('Buy this? your active package will be overwrite')}')"
                                         class="btn btn-sm btn-block btn-warning text-black">{Lang::T('Buy')}</a>
                                     {if $_c['enable_balance'] == 'yes' && $_c['allow_balance_transfer'] == 'yes' && $_user['balance']>=$plan['price']}
                                     <a href="{$_url}order/send/{$router['id']}/{$plan['id']}&stoken={App::getToken()}"
-                                        onclick="return confirm('{Lang::T('Buy this for friend account?')}')"
+                                        onclick="return ask(this, '{Lang::T('Buy this for friend account?')}')"
                                         class="btn btn-sm btn-block btn-primary">{Lang::T('Buy for friend')}</a>
                                 {/if}
                             </div>
diff --git a/ui/ui/customer/orderView.tpl b/ui/ui/customer/orderView.tpl
index 4e7a507a..3ac794ac 100644
--- a/ui/ui/customer/orderView.tpl
+++ b/ui/ui/customer/orderView.tpl
@@ -144,7 +144,7 @@
                 </div>
                 <div class="panel-footer">
                     <a href="{$_url}order/view/{$trx['id']}/cancel" class="btn btn-danger"
-                        onclick="return confirm('{Lang::T('Cancel it?')}')">{Lang::T('Cancel')}</a>
+                        onclick="return ask(this, '{Lang::T('Cancel it?')}')">{Lang::T('Cancel')}</a>
                 </div>
             {/if}
         </div>
diff --git a/ui/ui/customer/selectGateway.tpl b/ui/ui/customer/selectGateway.tpl
index 4266dcea..251cb630 100644
--- a/ui/ui/customer/selectGateway.tpl
+++ b/ui/ui/customer/selectGateway.tpl
@@ -120,7 +120,7 @@
                 </ul>
                 <center>
                     <button type="submit" class="btn btn-primary"
-                        onclick="return confirm('{Lang::T("Are You Sure?")}')">{Lang::T('Pay Now')}</button><br>
+                        onclick="return ask(this, '{Lang::T("Are You Sure?")}')">{Lang::T('Pay Now')}</button><br>
                     <a class="btn btn-link" href="{$_url}home">{Lang::T('Cancel')}</a>
                 </center>
                 </form>
@@ -153,7 +153,7 @@
                     </ul>
                     <center>
                         <button type="submit" class="btn btn-primary"
-                            onclick="return confirm('{Lang::T("Are You Sure?")}')">{Lang::T('Pay Now')}</button><br>
+                            onclick="return ask(this, '{Lang::T("Are You Sure?")}')">{Lang::T('Pay Now')}</button><br>
                         <a class="btn btn-link" href="{$_url}home">{Lang::T('Cancel')}</a>
                     </center>
                 </form>
diff --git a/ui/ui/customer/sendPlan.tpl b/ui/ui/customer/sendPlan.tpl
index d495b16c..bf0c14d2 100644
--- a/ui/ui/customer/sendPlan.tpl
+++ b/ui/ui/customer/sendPlan.tpl
@@ -53,7 +53,7 @@
                         </div>
                         <div class="form-group col-sm-3" align="center">
                             <button class="btn btn-success btn-block" id="sendBtn" type="submit" name="send"
-                                onclick="return confirm('{Lang::T("Are You Sure?")}')" value="plan"><i
+                                onclick="return ask(this, '{Lang::T("Are You Sure?")}')" value="plan"><i
                                     class="glyphicon glyphicon-send"></i></button>
                         </div>
                     </div>
diff --git a/ui/ui/customers-add.tpl b/ui/ui/customers-add.tpl
index e9df3f7d..813e8ad1 100644
--- a/ui/ui/customers-add.tpl
+++ b/ui/ui/customers-add.tpl
@@ -204,7 +204,7 @@
         </div>
     </div>
     <center>
-        <button class="btn btn-primary" onclick="return confirm('Continue the process of adding Customer Data?')" type="submit">
+        <button class="btn btn-primary" onclick="return ask(this, 'Continue the process of adding Customer Data?')" type="submit">
             {Lang::T('Save Changes')}
         </button>
         <br><a href="{$_url}customers/list" class="btn btn-link">{Lang::T('Cancel')}</a>
diff --git a/ui/ui/customers-edit.tpl b/ui/ui/customers-edit.tpl
index 04e8893e..9265d7aa 100644
--- a/ui/ui/customers-edit.tpl
+++ b/ui/ui/customers-edit.tpl
@@ -243,7 +243,7 @@
         </div>
     </div>
     <center>
-        <button class="btn btn-primary" onclick="return confirm('Continue the Customer Data change process?')"
+        <button class="btn btn-primary" onclick="return ask(this, 'Continue the Customer Data change process?')"
             type="submit">
             {Lang::T('Save Changes')}
         </button>
diff --git a/ui/ui/customers-view.tpl b/ui/ui/customers-view.tpl
index 6bd06541..57f68376 100644
--- a/ui/ui/customers-view.tpl
+++ b/ui/ui/customers-view.tpl
@@ -114,7 +114,7 @@
                     <div class="col-xs-4">
                         <a href="{$_url}customers/delete/{$d['id']}&token={$csrf_token}" id="{$d['id']}"
                             class="btn btn-danger btn-block btn-sm"
-                            onclick="return confirm('{Lang::T('Delete')}?')"><span class="fa fa-trash"></span></a>
+                            onclick="return ask(this, '{Lang::T('Delete')}?')"><span class="fa fa-trash"></span></a>
                     </div>
                     <div class="col-xs-8">
                         <a href="{$_url}customers/edit/{$d['id']}&token={$csrf_token}"
@@ -242,7 +242,7 @@
                             <div class="col-xs-4">
                                 <a href="{$_url}customers/deactivate/{$d['id']}/{$package['plan_id']}&token={$csrf_token}" id="{$d['id']}"
                                     class="btn btn-danger btn-block btn-sm"
-                                    onclick="return confirm('This will deactivate Customer Plan, and make it expired')">{Lang::T('Deactivate')}</a>
+                                    onclick="return ask(this, 'This will deactivate Customer Plan, and make it expired')">{Lang::T('Deactivate')}</a>
                             </div>
                             <div class="col-xs-8">
                                 <a href="{$_url}customers/recharge/{$d['id']}/{$package['plan_id']}&token={$csrf_token}"
@@ -262,7 +262,7 @@
         <a href="{$_url}customers/list" class="btn btn-primary btn-sm btn-block">{Lang::T('Back')}</a>
     </div>
     <div class="col-xs-6 col-md-3">
-        <a href="{$_url}customers/sync/{$d['id']}&token={$csrf_token}" onclick="return confirm('This will sync Customer to Mikrotik?')"
+        <a href="{$_url}customers/sync/{$d['id']}&token={$csrf_token}" onclick="return ask(this, 'This will sync Customer to Mikrotik?')"
             class="btn btn-info btn-sm btn-block">{Lang::T('Sync')}</a>
     </div>
     <div class="col-xs-6 col-md-3">
diff --git a/ui/ui/customers.tpl b/ui/ui/customers.tpl
index 6f2a483a..38111418 100644
--- a/ui/ui/customers.tpl
+++ b/ui/ui/customers.tpl
@@ -18,7 +18,7 @@
                 {if in_array($_admin['user_type'],['SuperAdmin','Admin'])}
                     <div class="btn-group pull-right">
                         <a class="btn btn-primary btn-xs" title="save" href="{$_url}customers/csv&token={$csrf_token}"
-                            onclick="return confirm('This will export to CSV?')"><span class="glyphicon glyphicon-download"
+                            onclick="return ask(this, 'This will export to CSV?')"><span class="glyphicon glyphicon-download"
                                 aria-hidden="true"></span> CSV</a>
                     </div>
                 {/if}
diff --git a/ui/ui/deposit.tpl b/ui/ui/deposit.tpl
index ba253e2d..6406ce71 100644
--- a/ui/ui/deposit.tpl
+++ b/ui/ui/deposit.tpl
@@ -46,7 +46,7 @@
                     </div>
                     <div class="form-group">
                         <div class="col-md-9 col-md-offset-3">
-                            <button class="btn btn-success" onclick="return confirm('Continue the Customer Balance top-up process?')"
+                            <button class="btn btn-success" onclick="return ask(this, 'Continue the Customer Balance top-up process?')"
                                 type="submit">{Lang::T('Recharge')}</button>
                             Or <a href="{$_url}customers/list">{Lang::T('Cancel')}</a>
                         </div>
diff --git a/ui/ui/hotspot-add.tpl b/ui/ui/hotspot-add.tpl
index 55462816..e698af89 100644
--- a/ui/ui/hotspot-add.tpl
+++ b/ui/ui/hotspot-add.tpl
@@ -203,7 +203,7 @@
                     </span>
                     <div class="form-group">
                         <div class="col-md-offset-2 col-md-10">
-                            <button class="btn btn-success" onclick="return confirm('Continue the Hotspot Package creation process?')" type="submit">{Lang::T('Save Changes')}</button>
+                            <button class="btn btn-success" onclick="return ask(this, 'Continue the Hotspot Package creation process?')" type="submit">{Lang::T('Save Changes')}</button>
                             Or <a href="{$_url}services/hotspot">{Lang::T('Cancel')}</a>
                         </div>
                     </div>
diff --git a/ui/ui/hotspot-edit.tpl b/ui/ui/hotspot-edit.tpl
index 47199861..f8891cf0 100644
--- a/ui/ui/hotspot-edit.tpl
+++ b/ui/ui/hotspot-edit.tpl
@@ -278,7 +278,7 @@
     </div>
     <div class="form-group">
         <div class="col-md-offset-2 col-md-9">
-            <button class="btn btn-success" onclick="return confirm('Continue the process of changing Hotspot Package data?')" type="submit">{Lang::T('Save Changes')}</button>
+            <button class="btn btn-success" onclick="return ask(this, 'Continue the process of changing Hotspot Package data?')" type="submit">{Lang::T('Save Changes')}</button>
             Or <a href="{$_url}services/hotspot">{Lang::T('Cancel')}</a>
         </div>
     </div>
diff --git a/ui/ui/hotspot.tpl b/ui/ui/hotspot.tpl
index 62a600f5..285f4278 100644
--- a/ui/ui/hotspot.tpl
+++ b/ui/ui/hotspot.tpl
@@ -6,7 +6,7 @@
             <div class="panel-heading">
                 <div class="btn-group pull-right">
                     <a class="btn btn-primary btn-xs" title="save" href="{$_url}services/sync/hotspot"
-                        onclick="return confirm('This will sync/send hotspot package to Mikrotik?')"><span
+                        onclick="return ask(this, 'This will sync/send hotspot package to Mikrotik?')"><span
                             class="glyphicon glyphicon-refresh" aria-hidden="true"></span> sync</a>
                 </div>{Lang::T('Hotspot Plans')}
             </div>
@@ -169,7 +169,7 @@
                                         <a href="{$_url}services/edit/{$ds['id']}"
                                             class="btn btn-info btn-xs">{Lang::T('Edit')}</a>
                                         <a href="{$_url}services/delete/{$ds['id']}" id="{$ds['id']}"
-                                            onclick="return confirm('{Lang::T('Delete')}?')"
+                                            onclick="return ask(this, '{Lang::T('Delete')}?')"
                                             class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                     </td>
                                 </tr>
diff --git a/ui/ui/language-add.tpl b/ui/ui/language-add.tpl
index 88a65cf4..85d275b0 100644
--- a/ui/ui/language-add.tpl
+++ b/ui/ui/language-add.tpl
@@ -18,7 +18,7 @@
 					{/foreach}
 					<div class="form-group">
 						<div class="col-lg-offset-2 col-lg-10">
-							<button class="btn btn-primary" onclick="return confirm('Continue the process of adding Languages?')"
+							<button class="btn btn-primary" onclick="return ask(this, 'Continue the process of adding Languages?')"
 								type="submit">{Lang::T('Save Changes')}</button>
 							Or <a href="{$_url}settings/localisation">{Lang::T('Cancel')}</a>
 						</div>
diff --git a/ui/ui/logs-radius.tpl b/ui/ui/logs-radius.tpl
index 44de0667..a435b458 100644
--- a/ui/ui/logs-radius.tpl
+++ b/ui/ui/logs-radius.tpl
@@ -7,7 +7,7 @@
                 {if in_array($_admin['user_type'],['SuperAdmin','Admin'])}
                     <div class="btn-group pull-right">
                         <a class="btn btn-primary btn-xs" title="save" href="{$_url}logs/radius-csv"
-                            onclick="return confirm('This will export to CSV?')"><span class="glyphicon glyphicon-download"
+                            onclick="return ask(this, 'This will export to CSV?')"><span class="glyphicon glyphicon-download"
                                 aria-hidden="true"></span> CSV</a>
                     </div>
                 {/if}
@@ -37,7 +37,7 @@
                                 <span class="input-group-addon">{Lang::T('Days')}</span>
                             </div>
                             <button type="submit" class="btn btn-danger btn-sm"
-                                onclick="return confirm('Clear old logs?')">{Lang::T('Clean Logs')}</button>
+                                onclick="return ask(this, 'Clear old logs?')">{Lang::T('Clean Logs')}</button>
                         </form>
                     </div>&nbsp;
                 </div>
diff --git a/ui/ui/logs.tpl b/ui/ui/logs.tpl
index 3aba4804..7f69a763 100644
--- a/ui/ui/logs.tpl
+++ b/ui/ui/logs.tpl
@@ -7,7 +7,7 @@
                 {if in_array($_admin['user_type'],['SuperAdmin','Admin'])}
                     <div class="btn-group pull-right">
                         <a class="btn btn-primary btn-xs" title="save" href="{$_url}logs/list-csv"
-                            onclick="return confirm('This will export to CSV?')"><span class="glyphicon glyphicon-download"
+                            onclick="return ask(this, 'This will export to CSV?')"><span class="glyphicon glyphicon-download"
                                 aria-hidden="true"></span> CSV</a>
                     </div>
                 {/if}
@@ -37,7 +37,7 @@
                                 <span class="input-group-addon">{Lang::T('Days')}</span>
                             </div>
                             <button type="submit" class="btn btn-danger btn-sm"
-                                onclick="return confirm('Clear old logs?')">{Lang::T('Clean Logs')}</button>
+                                onclick="return ask(this, 'Clear old logs?')">{Lang::T('Clean Logs')}</button>
                         </form>
                     </div>&nbsp;
                 </div>
diff --git a/ui/ui/message-bulk.tpl b/ui/ui/message-bulk.tpl
index a7626f5b..209e04ca 100644
--- a/ui/ui/message-bulk.tpl
+++ b/ui/ui/message-bulk.tpl
@@ -77,7 +77,7 @@
 					</div>
 					<div class="form-group">
 						<div class="col-lg-offset-2 col-lg-10">
-							<button class="btn btn-success" onclick="return confirm('Continue the process of sending mass messages?')" type="submit" name=send value=now>
+							<button class="btn btn-success" onclick="return ask(this, 'Continue the process of sending mass messages?')" type="submit" name=send value=now>
 								{Lang::T('Send Message')}</button>
 							<a href="{$_url}dashboard" class="btn btn-default">{Lang::T('Cancel')}</a>
 						</div>
diff --git a/ui/ui/message.tpl b/ui/ui/message.tpl
index dd7ac21a..10676ea5 100644
--- a/ui/ui/message.tpl
+++ b/ui/ui/message.tpl
@@ -50,7 +50,7 @@
 
 					<div class="form-group">
 						<div class="col-lg-offset-2 col-lg-10">
-							<button class="btn btn-success" onclick="return confirm('Continue the process of sending messages?')" type="submit">{Lang::T('Send Message')}</button>
+							<button class="btn btn-success" onclick="return ask(this, 'Continue the process of sending messages?')" type="submit">{Lang::T('Send Message')}</button>
 							<a href="{$_url}dashboard" class="btn btn-default">{Lang::T('Cancel')}</a>
 						</div>
 					</div>
diff --git a/ui/ui/page-edit.tpl b/ui/ui/page-edit.tpl
index ecc6fabb..0230a25d 100644
--- a/ui/ui/page-edit.tpl
+++ b/ui/ui/page-edit.tpl
@@ -8,7 +8,7 @@
                     {if $action!='Voucher'}
                         <div class="btn-group pull-right">
                             <a class="btn btn-danger btn-xs" title="Reset File" href="{$_url}pages/{$PageFile}-reset"
-                                onclick="return confirm('Reset File?')"><span class="glyphicon glyphicon-refresh"
+                                onclick="return ask(this, 'Reset File?')"><span class="glyphicon glyphicon-refresh"
                                     aria-hidden="true"></span></a>
                         </div>
                     {/if}
diff --git a/ui/ui/paymentgateway.tpl b/ui/ui/paymentgateway.tpl
index bb22196d..bfc86fd3 100644
--- a/ui/ui/paymentgateway.tpl
+++ b/ui/ui/paymentgateway.tpl
@@ -22,7 +22,7 @@
                                             </div>
                                             <div class="btn-group" role="group">
                                                 <a href="{$_url}paymentgateway/delete/{$pg}"
-                                                    onclick="return confirm('{Lang::T('Delete')} {$pg}?')"
+                                                    onclick="return ask(this, '{Lang::T('Delete')} {$pg}?')"
                                                     class="btn btn-danger"><i class="glyphicon glyphicon-trash"></i></a>
                                             </div>
                                         </div>
diff --git a/ui/ui/plan-edit.tpl b/ui/ui/plan-edit.tpl
index ee3fa33b..5f2b3e3a 100644
--- a/ui/ui/plan-edit.tpl
+++ b/ui/ui/plan-edit.tpl
@@ -58,7 +58,7 @@
 
                     <div class="form-group">
                         <div class="col-lg-offset-2 col-lg-10">
-                            <button class="btn btn-success" onclick="return confirm('Continue the package change process?')" type="submit">{Lang::T('Edit')}</button>
+                            <button class="btn btn-success" onclick="return ask(this, 'Continue the package change process?')" type="submit">{Lang::T('Edit')}</button>
                             Or <a href="{$_url}plan/list">{Lang::T('Cancel')}</a>
                         </div>
                     </div>
diff --git a/ui/ui/plan.tpl b/ui/ui/plan.tpl
index 518c0289..a90e070c 100644
--- a/ui/ui/plan.tpl
+++ b/ui/ui/plan.tpl
@@ -7,12 +7,12 @@
                 {if in_array($_admin['user_type'],['SuperAdmin','Admin'])}
                 <div class="btn-group pull-right">
                     <a class="btn btn-primary btn-xs" title="save" href="{$_url}plan/sync"
-                        onclick="return confirm('This will sync/send Caustomer active plan to Mikrotik?')"><span
+                        onclick="return ask(this, 'This will sync/send Caustomer active plan to Mikrotik?')"><span
                             class="glyphicon glyphicon-refresh" aria-hidden="true"></span> sync</a>
                 </div>
                 {* <div class="btn-group pull-right">
                     <a class="btn btn-info btn-xs" title="save" href="{$_url}plan/csv{$append_url}"
-                        onclick="return confirm('This will export to CSV?')"><span class="glyphicon glyphicon-download"
+                        onclick="return ask(this, 'This will export to CSV?')"><span class="glyphicon glyphicon-download"
                             aria-hidden="true"></span> CSV</a>
                 </div> *}
                 {/if}
@@ -116,7 +116,7 @@
                                         style="color: black;">{Lang::T('Edit')}</a>
                                     {if in_array($_admin['user_type'],['SuperAdmin','Admin'])}
                                     <a href="{$_url}plan/delete/{$ds['id']}" id="{$ds['id']}"
-                                        onclick="return confirm('{Lang::T('Delete')}?')"
+                                        onclick="return ask(this, '{Lang::T('Delete')}?')"
                                         class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                     {/if}
                                     {if $ds['status']=='off' && $_c['extend_expired']}
diff --git a/ui/ui/plugin-manager.tpl b/ui/ui/plugin-manager.tpl
index b1051dc1..854be4fa 100644
--- a/ui/ui/plugin-manager.tpl
+++ b/ui/ui/plugin-manager.tpl
@@ -6,7 +6,7 @@
 {/if}
 
 <form method="post" enctype="multipart/form-data"
-    onsubmit="return confirm('Warning, installing unknown source can damage your server, continue?')"
+    onsubmit="return ask(this, 'Warning, installing unknown source can damage your server, continue?')"
     action="{$_url}pluginmanager/dlinstall">
     <div class="panel panel-primary panel-hovered">
         <div class="panel-heading">
@@ -74,10 +74,10 @@
                                 </div>
                                 <div class="btn-group btn-group-justified" role="group" aria-label="...">
                                     <a href="{$_url}pluginmanager/delete/plugin/{$plugin['id']}"
-                                        onclick="return confirm('{Lang::T('Delete')}?')" class="btn btn-danger"><i
+                                        onclick="return ask(this, '{Lang::T('Delete')}?')" class="btn btn-danger"><i
                                             class="glyphicon glyphicon-trash"></i> Delete</a>
                                     <a {if $zipExt } href="{$_url}pluginmanager/install/plugin/{$plugin['id']}"
-                                            onclick="return confirm('Installing plugin will take some time to complete, do not close the page while it loading to install the plugin')"
+                                            onclick="return ask(this, 'Installing plugin will take some time to complete, do not close the page while it loading to install the plugin')"
                                         {else} href="#" onclick="alert('PHP ZIP extension is not installed')"
                                         {/if}
                                         style="color: black;" class="btn btn-success"><i
@@ -112,7 +112,7 @@
                                     <a href="{$pg['github']}" target="_blank" style="color: black;" class="btn btn-info"><i
                                             class="glyphicon glyphicon-align-left"></i> Source</a>
                                     <a {if $zipExt } href="{$_url}pluginmanager/install/payment/{$pg['id']}"
-                                            onclick="return confirm('Installing plugin will take some time to complete, do not close the page while it loading to install the plugin')"
+                                            onclick="return ask(this, 'Installing plugin will take some time to complete, do not close the page while it loading to install the plugin')"
                                         {else} href="#" onclick="alert('PHP ZIP extension is not available')"
                                         {/if}
                                         style="color: black;" class="btn btn-success"><i
@@ -147,7 +147,7 @@
                                     <a href="{$dvc['github']}" target="_blank" style="color: black;" class="btn btn-info"><i
                                             class="glyphicon glyphicon-align-left"></i> Source</a>
                                     <a {if $zipExt } href="{$_url}pluginmanager/install/device/{$dvc['id']}"
-                                            onclick="return confirm('Installing plugin will take some time to complete, do not close the page while it loading to install the plugin')"
+                                            onclick="return ask(this, 'Installing plugin will take some time to complete, do not close the page while it loading to install the plugin')"
                                         {else} href="#" onclick="alert('PHP ZIP extension is not available')"
                                         {/if}
                                         style="color: black;" class="btn btn-success"><i
diff --git a/ui/ui/pool-add.tpl b/ui/ui/pool-add.tpl
index 36ae0fcf..e970800d 100644
--- a/ui/ui/pool-add.tpl
+++ b/ui/ui/pool-add.tpl
@@ -40,7 +40,7 @@
                     </div>
 					<div class="form-group">
 						<div class="col-lg-offset-2 col-lg-10">
-							<button class="btn btn-primary" onclick="return confirm('Continue the Pool addition process?')" type="submit">{Lang::T('Save Changes')}</button>
+							<button class="btn btn-primary" onclick="return ask(this, 'Continue the Pool addition process?')" type="submit">{Lang::T('Save Changes')}</button>
 							Or <a href="{$_url}pool/list">{Lang::T('Cancel')}</a>
 						</div>
 					</div>
diff --git a/ui/ui/pool-edit.tpl b/ui/ui/pool-edit.tpl
index a43c15ee..847ce215 100644
--- a/ui/ui/pool-edit.tpl
+++ b/ui/ui/pool-edit.tpl
@@ -38,7 +38,7 @@
 
 					<div class="form-group">
 						<div class="col-lg-offset-2 col-lg-10">
-							<button class="btn btn-success" onclick="return confirm('Continue the Port change process?')" type="submit">{Lang::T('Save Changes')}</button>
+							<button class="btn btn-success" onclick="return ask(this, 'Continue the Port change process?')" type="submit">{Lang::T('Save Changes')}</button>
 							Or <a href="{$_url}pool/list">{Lang::T('Cancel')}</a>
 						</div>
 					</div>
diff --git a/ui/ui/pool.tpl b/ui/ui/pool.tpl
index c962cfe0..56c76010 100644
--- a/ui/ui/pool.tpl
+++ b/ui/ui/pool.tpl
@@ -6,7 +6,7 @@
             <div class="panel-heading">
                 <div class="btn-group pull-right">
                     <a class="btn btn-primary btn-xs" title="save" href="{$_url}pool/sync"
-                        onclick="return confirm('This will sync/send IP Pool to Mikrotik?')"><span
+                        onclick="return ask(this, 'This will sync/send IP Pool to Mikrotik?')"><span
                             class="glyphicon glyphicon-refresh" aria-hidden="true"></span> sync</a>
                 </div>
                 {Lang::T('IP Pool')}
@@ -54,7 +54,7 @@
                                     <td align="center">
                                         <a href="{$_url}pool/edit/{$ds['id']}" class="btn btn-info btn-xs">{Lang::T('Edit')}</a>
                                         <a href="{$_url}pool/delete/{$ds['id']}" id="{$ds['id']}"
-                                            onclick="return confirm('{Lang::T('Delete')}?')"
+                                            onclick="return ask(this, '{Lang::T('Delete')}?')"
                                             class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                     </td>
                                     <td>{$ds['id']}</td>
diff --git a/ui/ui/port-add.tpl b/ui/ui/port-add.tpl
index 1f175fbe..5b32c9f4 100644
--- a/ui/ui/port-add.tpl
+++ b/ui/ui/port-add.tpl
@@ -37,7 +37,7 @@
                     </div>
 					<div class="form-group">
 						<div class="col-lg-offset-2 col-lg-10">
-							<button class="btn btn-primary" onclick="return confirm('Continue the process of adding Ports?')" type="submit">{Lang::T('Save')}</button>
+							<button class="btn btn-primary" onclick="return ask(this, 'Continue the process of adding Ports?')" type="submit">{Lang::T('Save')}</button>
 							Or <a href="{$_url}pool/port">{Lang::T('Cancel')}</a>
 						</div>
 					</div>
diff --git a/ui/ui/port-edit.tpl b/ui/ui/port-edit.tpl
index daaba21e..4a499f6e 100644
--- a/ui/ui/port-edit.tpl
+++ b/ui/ui/port-edit.tpl
@@ -35,7 +35,7 @@
 
 					<div class="form-group">
 						<div class="col-lg-offset-2 col-lg-10">
-							<button class="btn btn-success" onclick="return confirm('Continue the Port change process?')" type="submit">{Lang::T('Save Changes')}</button>
+							<button class="btn btn-success" onclick="return ask(this, 'Continue the Port change process?')" type="submit">{Lang::T('Save Changes')}</button>
 							Or <a href="{$_url}pool/port">{Lang::T('Cancel')}</a>
 						</div>
 					</div>
diff --git a/ui/ui/port.tpl b/ui/ui/port.tpl
index 77fd2661..d880de4c 100644
--- a/ui/ui/port.tpl
+++ b/ui/ui/port.tpl
@@ -6,7 +6,7 @@
             <div class="panel-heading">
                 <div class="btn-group pull-right">
                     <a class="btn btn-primary btn-xs" title="save" href="{$_url}pool/sync"
-                        onclick="return confirm('This will sync/send IP port to Mikrotik?')"><span
+                        onclick="return ask(this, 'This will sync/send IP port to Mikrotik?')"><span
                             class="glyphicon glyphicon-refresh" aria-hidden="true"></span> sync</a>
                 </div>
                 {Lang::T('Port Pool')} - VPN Tunnels
@@ -54,7 +54,7 @@
                                     <td align="center">
                                         <a href="{$_url}pool/edit-port/{$ds['id']}" class="btn btn-info btn-xs">{Lang::T('Edit')}</a>
                                         <a href="{$_url}pool/delete-port/{$ds['id']}" id="{$ds['id']}"
-                                            onclick="return confirm('{Lang::T('Delete')}?')"
+                                            onclick="return ask(this, '{Lang::T('Delete')}?')"
                                             class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                     </td>
                                     <td>{$ds['id']}</td>
diff --git a/ui/ui/pppoe-add.tpl b/ui/ui/pppoe-add.tpl
index ca4ac703..b8ace2b4 100644
--- a/ui/ui/pppoe-add.tpl
+++ b/ui/ui/pppoe-add.tpl
@@ -147,7 +147,7 @@
                     </div>
                     <div class="form-group">
                         <div class="col-md-offset-2 col-md-10">
-                            <button class="btn btn-primary" onclick="return confirm('Continue the process of adding the PPPoE Package?')" type="submit">{Lang::T('Save Changes')}</button>
+                            <button class="btn btn-primary" onclick="return ask(this, 'Continue the process of adding the PPPoE Package?')" type="submit">{Lang::T('Save Changes')}</button>
                             Or <a href="{$_url}services/pppoe">{Lang::T('Cancel')}</a>
                         </div>
                     </div>
diff --git a/ui/ui/pppoe-edit.tpl b/ui/ui/pppoe-edit.tpl
index c7d8ea9d..ef78a3a7 100644
--- a/ui/ui/pppoe-edit.tpl
+++ b/ui/ui/pppoe-edit.tpl
@@ -214,7 +214,7 @@
     </div>
     <div class="form-group">
         <div class="col-lg-offset-2 col-lg-10">
-            <button class="btn btn-success" onclick="return confirm('Continue the PPPoE Package change process?')" type="submit">{Lang::T('Save Changes')}</button>
+            <button class="btn btn-success" onclick="return ask(this, 'Continue the PPPoE Package change process?')" type="submit">{Lang::T('Save Changes')}</button>
             Or <a href="{$_url}services/pppoe">{Lang::T('Cancel')}</a>
         </div>
     </div>
diff --git a/ui/ui/pppoe.tpl b/ui/ui/pppoe.tpl
index c2efbd31..4a4f5fe4 100644
--- a/ui/ui/pppoe.tpl
+++ b/ui/ui/pppoe.tpl
@@ -6,7 +6,7 @@
             <div class="panel-heading">
                 <div class="btn-group pull-right">
                     <a class="btn btn-primary btn-xs" title="save" href="{$_url}services/sync/pppoe"
-                        onclick="return confirm('This will sync/send PPPOE plan to Mikrotik?')"><span
+                        onclick="return ask(this, 'This will sync/send PPPOE plan to Mikrotik?')"><span
                             class="glyphicon glyphicon-refresh" aria-hidden="true"></span> sync</a>
                 </div>{Lang::T('PPPOE Package')}
             </div>
@@ -164,7 +164,7 @@
                                     <a href="{$_url}services/pppoe-edit/{$ds['id']}"
                                         class="btn btn-info btn-xs">{Lang::T('Edit')}</a>
                                     <a href="{$_url}services/pppoe-delete/{$ds['id']}"
-                                        onclick="return confirm('{Lang::T('Delete')}?')" id="{$ds['id']}"
+                                        onclick="return ask(this, '{Lang::T('Delete')}?')" id="{$ds['id']}"
                                         class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                 </td>
                                 <td>{$ds['id']}</td>
diff --git a/ui/ui/radius-nas-add.tpl b/ui/ui/radius-nas-add.tpl
index 2d61f586..a38224c8 100644
--- a/ui/ui/radius-nas-add.tpl
+++ b/ui/ui/radius-nas-add.tpl
@@ -71,7 +71,7 @@
                     </div>
                     <div class="form-group">
                         <div class="col-lg-offset-2 col-lg-10">
-                            <button class="btn btn-primary" onclick="return confirm('Continue the process of adding Radius NAS?')"
+                            <button class="btn btn-primary" onclick="return ask(this, 'Continue the process of adding Radius NAS?')"
                                 type="submit">{Lang::T('Save Changes')}</button>
                             Or <a href="{$_url}radius/nas-list">{Lang::T('Cancel')}</a>
                         </div>
diff --git a/ui/ui/radius-nas-edit.tpl b/ui/ui/radius-nas-edit.tpl
index 90f779a9..b4bf3597 100644
--- a/ui/ui/radius-nas-edit.tpl
+++ b/ui/ui/radius-nas-edit.tpl
@@ -71,7 +71,7 @@
                     </div>
                     <div class="form-group">
                         <div class="col-lg-offset-2 col-lg-10">
-                            <button class="btn btn-primary" onclick="return confirm('Continue the process of changing the Radius of the NAS?')"
+                            <button class="btn btn-primary" onclick="return ask(this, 'Continue the process of changing the Radius of the NAS?')"
                                 type="submit">{Lang::T('Save Changes')}</button>
                             Or <a href="{$_url}radius/nas-list">{Lang::T('Cancel')}</a>
                         </div>
diff --git a/ui/ui/radius-nas.tpl b/ui/ui/radius-nas.tpl
index e6598364..f67db0b1 100644
--- a/ui/ui/radius-nas.tpl
+++ b/ui/ui/radius-nas.tpl
@@ -55,7 +55,7 @@
                                     <td align="center">
                                         <a href="{$_url}radius/nas-edit/{$ds['id']}" class="btn btn-info btn-xs">{Lang::T('Edit')}</a>
                                         <a href="{$_url}radius/nas-delete/{$ds['id']}" id="{$ds['id']}"
-                                            onclick="return confirm('{Lang::T('Delete')}?')"
+                                            onclick="return ask(this, '{Lang::T('Delete')}?')"
                                             class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                     </td>
                                     <td align="center">{$ds['id']}</td>
diff --git a/ui/ui/recharge.tpl b/ui/ui/recharge.tpl
index e9404dd4..8a3da30c 100644
--- a/ui/ui/recharge.tpl
+++ b/ui/ui/recharge.tpl
@@ -59,7 +59,7 @@
                     </div>
                     <div class="form-group">
                         <div class="col-lg-offset-2 col-lg-10">
-                            <button class="btn btn-success" onclick="return confirm('Continue the Recharge process?')"
+                            <button class="btn btn-success" onclick="return ask(this, 'Continue the Recharge process?')"
                                 type="submit">{Lang::T('Recharge')}</button>
                             {Lang::T('Or')} <a href="{$_url}customers/list">{Lang::T('Cancel')}</a>
                         </div>
diff --git a/ui/ui/refill.tpl b/ui/ui/refill.tpl
index b0e0ac4a..30cb2fe7 100644
--- a/ui/ui/refill.tpl
+++ b/ui/ui/refill.tpl
@@ -24,7 +24,7 @@
 
                     <div class="form-group">
                         <div class="col-lg-offset-2 col-lg-10">
-                            <button class="btn btn-success" onclick="return confirm('Continue the Refill process?')"
+                            <button class="btn btn-success" onclick="return ask(this, 'Continue the Refill process?')"
                                 type="submit">{Lang::T('Recharge')}</button>
                             Or <a href="{$_url}customers/list">{Lang::T('Cancel')}</a>
                         </div>
diff --git a/ui/ui/routers-add.tpl b/ui/ui/routers-add.tpl
index 1239c757..e2f09d07 100644
--- a/ui/ui/routers-add.tpl
+++ b/ui/ui/routers-add.tpl
@@ -61,7 +61,7 @@
                     </div>
                     <div class="form-group">
                         <div class="col-lg-offset-2 col-lg-10">
-                            <button class="btn btn-primary" onclick="return confirm('Continue the process of adding Routers?')"
+                            <button class="btn btn-primary" onclick="return ask(this, 'Continue the process of adding Routers?')"
                                 type="submit">{Lang::T('Save')}</button>
                             Or <a href="{$_url}routers/list">{Lang::T('Cancel')}</a>
                         </div>
diff --git a/ui/ui/routers-edit.tpl b/ui/ui/routers-edit.tpl
index 515edf52..0d0e94c8 100644
--- a/ui/ui/routers-edit.tpl
+++ b/ui/ui/routers-edit.tpl
@@ -78,7 +78,7 @@
                     </div>
                     <div class="form-group">
                         <div class="col-lg-offset-2 col-lg-10">
-                            <button class="btn btn-primary" onclick="return confirm('Continue the process of changing Routers?')" type="submit">{Lang::T('Save Changes')}</button>
+                            <button class="btn btn-primary" onclick="return ask(this, 'Continue the process of changing Routers?')" type="submit">{Lang::T('Save Changes')}</button>
                             Or <a href="{$_url}routers/list">{Lang::T('Cancel')}</a>
                         </div>
                     </div>
diff --git a/ui/ui/routers.tpl b/ui/ui/routers.tpl
index 58b63aef..5ea6722c 100644
--- a/ui/ui/routers.tpl
+++ b/ui/ui/routers.tpl
@@ -85,7 +85,7 @@
                                         <a href="{$_url}routers/edit/{$ds['id']}"
                                             class="btn btn-info btn-xs">{Lang::T('Edit')}</a>
                                         <a href="{$_url}routers/delete/{$ds['id']}" id="{$ds['id']}"
-                                            onclick="return confirm('{Lang::T('Delete')}?')"
+                                            onclick="return ask(this, '{Lang::T('Delete')}?')"
                                             class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                     </td>
                                     <td>{$ds['id']}</td>
diff --git a/ui/ui/sections/footer.tpl b/ui/ui/sections/footer.tpl
index 6059d11c..e183859e 100644
--- a/ui/ui/sections/footer.tpl
+++ b/ui/ui/sections/footer.tpl
@@ -88,9 +88,9 @@
                         $(this).html(
                             `<span class="loading"></span>`
                         );
-                        // setTimeout(() => {
-                        //     $(this).prop("disabled", true);
-                        // }, 100);
+                        setTimeout(() => {
+                            $(this).prop("disabled", true);
+                        }, 100);
                     }, false);
                 } else {
                     if (el.attachEvent) { // IE before version 9
@@ -98,9 +98,9 @@
                             $(this).html(
                                 `<span class="loading"></span>`
                             );
-                            // setTimeout(() => {
-                            //     $(this).prop("disabled", true);
-                            // }, 100);
+                            setTimeout(() => {
+                                $(this).prop("disabled", true);
+                            }, 100);
                         });
                     }
                 }
@@ -112,6 +112,18 @@
             }, 500);
         });
 
+        function ask(field, text){
+            if (confirm(text)) {
+                return true;
+            } else {
+                setTimeout(() => {
+                    field.innerHTML = field.innerHTML.replace(`<span class="loading"></span>`, '');
+                    field.removeAttribute("disabled");
+                }, 500);
+                return false;
+            }
+        }
+
         function apiGetText(){
             var el = listAttApi[posAttApi];
             $.get(el.getAttribute('api-get-text'), function(data) {
diff --git a/ui/ui/voucher-add.tpl b/ui/ui/voucher-add.tpl
index 4e579681..232ebd6f 100644
--- a/ui/ui/voucher-add.tpl
+++ b/ui/ui/voucher-add.tpl
@@ -73,7 +73,7 @@
                     </div>
                     <div class="form-group">
                         <div class="col-lg-offset-2 col-lg-10">
-                            <button class="btn btn-success" onclick="return confirm('Continue the Voucher creation process?')" type="submit">{Lang::T('Generate')}</button>
+                            <button class="btn btn-success" onclick="return ask(this, 'Continue the Voucher creation process?')" type="submit">{Lang::T('Generate')}</button>
                         </div>
                     </div>
                 </form>
diff --git a/ui/ui/voucher.tpl b/ui/ui/voucher.tpl
index abf652f0..f11c552e 100644
--- a/ui/ui/voucher.tpl
+++ b/ui/ui/voucher.tpl
@@ -19,7 +19,7 @@
         {if in_array($_admin['user_type'],['SuperAdmin','Admin'])}
         <div class="btn-group pull-right">
             <a class="btn btn-danger btn-xs" title="Remove used Voucher" href="{$_url}plan/remove-voucher"
-                onclick="return confirm('Delete all used voucher code more than 3 months?')"><span
+                onclick="return ask(this, 'Delete all used voucher code more than 3 months?')"><span
                     class="glyphicon glyphicon-trash" aria-hidden="true"></span> {Lang::T('Delete')} &gt; {Lang::T('3
                 Months')}</a>
         </div>
@@ -133,7 +133,7 @@
                             {/if}
                             {if in_array($_admin['user_type'],['SuperAdmin','Admin'])}
                             <a href="{$_url}plan/voucher-delete/{$ds['id']}" id="{$ds['id']}"
-                                class="btn btn-danger btn-xs" onclick="return confirm('{Lang::T('Delete')}?')"><i
+                                class="btn btn-danger btn-xs" onclick="return ask(this, '{Lang::T('Delete')}?')"><i
                                     class="glyphicon glyphicon-trash"></i></a>
                             {/if}
                         </td>
diff --git a/ui/ui/vpn-add.tpl b/ui/ui/vpn-add.tpl
index 4fadfbdc..7f411edc 100644
--- a/ui/ui/vpn-add.tpl
+++ b/ui/ui/vpn-add.tpl
@@ -134,7 +134,7 @@
                     </div>
                     <div class="form-group">
                         <div class="col-md-offset-2 col-md-10">
-                            <button class="btn btn-primary" onclick="return confirm('Continue the VPN creation process?')" type="submit">{Lang::T('Save Changes')}</button>
+                            <button class="btn btn-primary" onclick="return ask(this, 'Continue the VPN creation process?')" type="submit">{Lang::T('Save Changes')}</button>
                             Or <a href="{$_url}services/pppoe">{Lang::T('Cancel')}</a>
                         </div>
                     </div>
diff --git a/ui/ui/vpn-edit.tpl b/ui/ui/vpn-edit.tpl
index ab80cf18..796adfb9 100644
--- a/ui/ui/vpn-edit.tpl
+++ b/ui/ui/vpn-edit.tpl
@@ -214,7 +214,7 @@
     </div>
     <div class="form-group">
         <div class="col-lg-offset-2 col-lg-10">
-            <button class="btn btn-success" onclick="return confirm('Continue the VPN creation process?')" type="submit">{Lang::T('Save Changes')}</button>
+            <button class="btn btn-success" onclick="return ask(this, 'Continue the VPN creation process?')" type="submit">{Lang::T('Save Changes')}</button>
             Or <a href="{$_url}services/vpn">{Lang::T('Cancel')}</a>
         </div>
     </div>
diff --git a/ui/ui/vpn.tpl b/ui/ui/vpn.tpl
index 45f317f9..f1724d8d 100644
--- a/ui/ui/vpn.tpl
+++ b/ui/ui/vpn.tpl
@@ -6,7 +6,7 @@
             <div class="panel-heading">
                 <div class="btn-group pull-right">
                     <a class="btn btn-primary btn-xs" title="save" href="{$_url}services/sync/vpn"
-                        onclick="return confirm('This will sync/send vpn plan to Mikrotik?')"><span
+                        onclick="return ask(this, 'This will sync/send vpn plan to Mikrotik?')"><span
                             class="glyphicon glyphicon-refresh" aria-hidden="true"></span> sync</a>
                 </div>{Lang::T('VPN Package')}
             </div>
@@ -161,7 +161,7 @@
                                     <a href="{$_url}services/vpn-edit/{$ds['id']}"
                                         class="btn btn-info btn-xs">{Lang::T('Edit')}</a>
                                     <a href="{$_url}services/vpn-delete/{$ds['id']}"
-                                        onclick="return confirm('{Lang::T('Delete')}?')" id="{$ds['id']}"
+                                        onclick="return ask(this, '{Lang::T('Delete')}?')" id="{$ds['id']}"
                                         class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                 </td>
                                 <td>{$ds['id']}</td>