diff --git a/system/lan/english.json b/system/lan/english.json
index 3d33b6e9..430a0cc2 100644
--- a/system/lan/english.json
+++ b/system/lan/english.json
@@ -581,5 +581,10 @@
     "Created___Expired": "Created \/ Expired",
     "Bank_Transfer": "Bank Transfer",
     "Recharge_Using": "Recharge Using",
-    "ago": "ago"
+    "ago": "ago",
+    "Disabled": "Disabled",
+    "Banned": "Banned",
+    "Customer_cannot_login_again": "Customer cannot login again",
+    "Customer_can_login_but_cannot_buy_internet_plan__Admin_cannot_recharge_customer": "Customer can login but cannot buy internet plan, Admin cannot recharge customer",
+    "Don_t_forget_to_deactivate_all_active_plan_too": "Don't forget to deactivate all active plan too"
 }
\ No newline at end of file
diff --git a/ui/ui/customers-edit.tpl b/ui/ui/customers-edit.tpl
index 863f97b8..f0564cb8 100644
--- a/ui/ui/customers-edit.tpl
+++ b/ui/ui/customers-edit.tpl
@@ -3,7 +3,7 @@
 <form class="form-horizontal" method="post" role="form" action="{$_url}customers/edit-post">
     <div class="row">
         <div class="col-md-6">
-            <div class="panel panel-primary panel-hovered panel-stacked mb30">
+            <div class="panel panel-{if $d['status']=='Active'}primary{else}danger{/if} panel-hovered panel-stacked mb30">
                 <div class="panel-heading">{Lang::T('Edit Contact')}</div>
                 <div class="panel-body">
                     <input type="hidden" name="id" value="{$d['id']}">
@@ -20,7 +20,7 @@
                                 {/if}
                                 <input type="text" class="form-control" name="username" value="{$d['username']}"
                                     required
-                                placeholder="{if $_c['country_code_phone']!= ''}{$_c['country_code_phone']} {Lang::T('Phone Number')}{else}{Lang::T('Username')}{/if}">
+                                    placeholder="{if $_c['country_code_phone']!= ''}{$_c['country_code_phone']} {Lang::T('Phone Number')}{else}{Lang::T('Username')}{/if}">
                             </div>
                         </div>
                     </div>
@@ -108,6 +108,26 @@
                             <div id="map" style="width: '100%'; height: 200px; min-height: 150px;"></div>
                         </div>
                     </div>
+                    <div class="form-group">
+                        <label class="col-md-3 control-label">{Lang::T('Status')}</label>
+                        <div class="col-md-9">
+                            <select class="form-control" id="status" name="status">
+                                <option value="Active" {if $d['status'] eq 'Active' }selected{/if}>{Lang::T('Active')}
+                                </option>
+                                <option value="Disabled" {if $d['status'] eq 'Disabled' }selected{/if}>
+                                    {Lang::T('Disabled')}
+                                </option>
+                                <option value="Banned" {if $d['status'] eq 'Banned' }selected{/if}>
+                                    {Lang::T('Banned')}
+                                </option>
+                            </select>
+                            <span class="help-block">
+                                {Lang::T('Banned')}: {Lang::T('Customer cannot login again')}.<br>
+                                {Lang::T('Disabled')}: {Lang::T('Customer can login but cannot buy internet plan, Admin cannot recharge customer')}.<br>
+                                {Lang::T('Don\'t forget to deactivate all active plan too')}.
+                            </span>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>
@@ -219,13 +239,15 @@
         });
         }
         window.onload = function() {
-            {/literal}{if $d['coordinates']}
-                setupMap({$d['coordinates']});
-            {else}
-                getLocation();
-            {/if}{literal}
-        }
-    </script>
-{/literal}
+            {/literal}
+                {if $d['coordinates']}
+                    setupMap({$d['coordinates']});
+                {else}
+                    getLocation();
+                    {/if}
+                        {literal}
+                        }
+                    </script>
+                {/literal}
 
-{include file="sections/footer.tpl"}
\ No newline at end of file
+                {include file="sections/footer.tpl"}
\ No newline at end of file
diff --git a/ui/ui/customers-view.tpl b/ui/ui/customers-view.tpl
index fbc25a9b..3b96430e 100644
--- a/ui/ui/customers-view.tpl
+++ b/ui/ui/customers-view.tpl
@@ -2,15 +2,17 @@
 
 <div class="row">
     <div class="col-sm-4 col-md-4">
-        <div class="box box-primary">
+        <div class="box box-{if $d['status']=='Active'}primary{else}danger{/if}">
             <div class="box-body box-profile">
                 <img class="profile-user-img img-responsive img-circle"
                     src="https://robohash.org/{$d['id']}?set=set3&size=100x100&bgset=bg1"
                     onerror="this.src='{$UPLOAD_PATH}/user.default.jpg'" alt="avatar">
-
                 <h3 class="profile-username text-center">{$d['fullname']}</h3>
-
                 <ul class="list-group list-group-unbordered">
+                    <li class="list-group-item">
+                        <b>{Lang::T('Status')}</b> <span
+                            class="pull-right {if $d['status'] !='Active'}bg-red{/if}">&nbsp;{Lang::T($d['status'])}&nbsp;</span>
+                    </li>
                     <li class="list-group-item">
                         <b>{Lang::T('Username')}</b> <span class="pull-right">{$d['username']}</span>
                     </li>
@@ -233,23 +235,23 @@
 </div>
 
 {if $d['coordinates']}
-{literal}
-<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"></script>
-<script>
-    function setupMap(lat, lon) {
-        var map = L.map('map').setView([lat, lon], 17);
-        L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png', {
-            attribution:
-                '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
-                subdomains: 'abcd',
-                maxZoom: 20
-        }).addTo(map);
-        var marker = L.marker([lat, lon]).addTo(map);
-    }
-    window.onload = function() {
-        {/literal}setupMap({$d['coordinates']});{literal}
-    }
-</script>
-{/literal}
+    {literal}
+        <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"></script>
+        <script>
+            function setupMap(lat, lon) {
+                var map = L.map('map').setView([lat, lon], 17);
+                L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png', {
+                attribution:
+                    '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
+                    subdomains: 'abcd',
+                    maxZoom: 20
+            }).addTo(map);
+            var marker = L.marker([lat, lon]).addTo(map);
+            }
+            window.onload = function() {
+                {/literal}setupMap({$d['coordinates']});{literal}
+            }
+        </script>
+    {/literal}
 {/if}
 {include file="sections/footer.tpl"}
\ No newline at end of file