diff --git a/system/controllers/message.php b/system/controllers/message.php
index 4b23d170..55774d9f 100644
--- a/system/controllers/message.php
+++ b/system/controllers/message.php
@@ -22,6 +22,8 @@ switch ($action) {
             _alert(Lang::T('You do not have permission to access this page'), 'danger', "dashboard");
         }
 
+$appUrl = APP_URL;
+
         $select2_customer = <<<EOT
 <script>
 document.addEventListener("DOMContentLoaded", function(event) {
@@ -30,9 +32,9 @@ document.addEventListener("DOMContentLoaded", function(event) {
         ajax: {
             url: function(params) {
                 if(params.term != undefined){
-                    return './?_route=autoload/customer_select2&s='+params.term;
+                    return '{$appUrl}/?_route=autoload/customer_select2&s='+params.term;
                 }else{
-                    return './?_route=autoload/customer_select2';
+                    return '{$appUrl}/?_route=autoload/customer_select2';
                 }
             }
         }
diff --git a/system/controllers/plan.php b/system/controllers/plan.php
index dec942e1..24ab8937 100644
--- a/system/controllers/plan.php
+++ b/system/controllers/plan.php
@@ -12,7 +12,10 @@ $ui->assign('_system_menu', 'plan');
 $action = $routes['1'];
 $ui->assign('_admin', $admin);
 
+$appUrl = APP_URL;
+
 $select2_customer = <<<EOT
+<-- apa ini -->
 <script>
 document.addEventListener("DOMContentLoaded", function(event) {
     $('#personSelect').select2({
@@ -20,9 +23,9 @@ document.addEventListener("DOMContentLoaded", function(event) {
         ajax: {
             url: function(params) {
                 if(params.term != undefined){
-                    return './?_route=autoload/customer_select2&s='+params.term;
+                    return '{$appUrl}/?_route=autoload/customer_select2&s='+params.term;
                 }else{
-                    return './?_route=autoload/customer_select2';
+                    return '{$appUrl}/?_route=autoload/customer_select2';
                 }
             }
         }
@@ -30,7 +33,7 @@ document.addEventListener("DOMContentLoaded", function(event) {
 });
 </script>
 EOT;
-
+getUrl('docs');
 switch ($action) {
     case 'sync':
         if (!in_array($admin['user_type'], ['SuperAdmin', 'Admin'])) {
diff --git a/system/controllers/settings.php b/system/controllers/settings.php
index 6fdd1d40..b1323afe 100644
--- a/system/controllers/settings.php
+++ b/system/controllers/settings.php
@@ -23,7 +23,7 @@ switch ($action) {
             $d->value = 'yes';
             $d->save();
         }
-        r2('./docs');
+        r2(getUrl('docs'));
         break;
     case 'devices':
         $files = scandir($DEVICE_PATH);
diff --git a/ui/ui/admin/message/single.tpl b/ui/ui/admin/message/single.tpl
index 42f6c492..c4657db1 100644
--- a/ui/ui/admin/message/single.tpl
+++ b/ui/ui/admin/message/single.tpl
@@ -46,7 +46,7 @@
 							<br>
 							<b>[[company_name]]</b> - {Lang::T('Your Company Name')}
 							<br>
-							<b>[[payment_link]]</b> - <a href="./docs/#Reminder%20with%20payment%20link"
+							<b>[[payment_link]]</b> - <a href="{Text::url('docs')}/#Reminder%20with%20payment%20link"
 								target="_blank">read documentation</a>.
 						</p>
 					</div>
diff --git a/ui/ui/admin/settings/notifications.tpl b/ui/ui/admin/settings/notifications.tpl
index c3c1be49..74dcbfc2 100644
--- a/ui/ui/admin/settings/notifications.tpl
+++ b/ui/ui/admin/settings/notifications.tpl
@@ -26,7 +26,7 @@
                             <b>[[package]]</b> - {Lang::T('will be replaced with Package name')}.<br>
                             <b>[[price]]</b> - {Lang::T('will be replaced with Package price')}.<br>
                             <b>[[bills]]</b> - {Lang::T('additional bills for customers')}.<br>
-                            <b>[[payment_link]]</b> - <a href="./docs/#Reminder%20with%20payment%20link"
+                            <b>[[payment_link]]</b> - <a href="{Text::url('docs')}/docs/#Reminder%20with%20payment%20link"
                                 target="_blank">read documentation</a>.
                         </p>
                     </div>
@@ -45,7 +45,7 @@
                             <b>[[price]]</b> - {Lang::T('will be replaced with Package price')}.<br>
                             <b>[[expired_date]]</b> - {Lang::T('will be replaced with Expiration date')}.<br>
                             <b>[[bills]]</b> - {Lang::T('additional bills for customers')}.<br>
-                            <b>[[payment_link]]</b> - <a href="./docs/#Reminder%20with%20payment%20link"
+                            <b>[[payment_link]]</b> - <a href="{Text::url('docs')}/docs/#Reminder%20with%20payment%20link"
                                 target="_blank">read documentation</a>.
                         </p>
                     </div>
@@ -64,7 +64,7 @@
                             <b>[[price]]</b> - {Lang::T('will be replaced with Package price')}.<br>
                             <b>[[expired_date]]</b> - {Lang::T('will be replaced with Expiration date')}.<br>
                             <b>[[bills]]</b> - {Lang::T('additional bills for customers')}.<br>
-                            <b>[[payment_link]]</b> - <a href="./docs/#Reminder%20with%20payment%20link"
+                            <b>[[payment_link]]</b> - <a href="{Text::url('docs')}/docs/#Reminder%20with%20payment%20link"
                                 target="_blank">read documentation</a>.
                         </p>
                     </div>
@@ -83,7 +83,7 @@
                             <b>[[price]]</b> - {Lang::T('will be replaced with Package price')}.<br>
                             <b>[[expired_date]]</b> - {Lang::T('will be replaced with Expiration date')}.<br>
                             <b>[[bills]]</b> - {Lang::T('additional bills for customers')}.<br>
-                            <b>[[payment_link]]</b> - <a href="./docs/#Reminder%20with%20payment%20link"
+                            <b>[[payment_link]]</b> - <a href="{Text::url('docs')}/docs/#Reminder%20with%20payment%20link"
                                 target="_blank">read documentation</a>.
                         </p>
                     </div>