diff --git a/system/controllers/customers.php b/system/controllers/customers.php
index 8fb4689c..7436b23d 100644
--- a/system/controllers/customers.php
+++ b/system/controllers/customers.php
@@ -459,6 +459,7 @@ switch ($action) {
         $phonenumber = Lang::phoneFormat(_post('phonenumber'));
         $service_type = _post('service_type');
         $coordinates = _post('coordinates');
+        $status = _post('status');
         run_hook('edit_customer'); #HOOK
         $msg = '';
         if (Validator::Length($username, 35, 2) == false) {
@@ -517,6 +518,7 @@ switch ($action) {
             $d->email = $email;
             $d->account_type = $account_type;
             $d->address = $address;
+            $d->status = $status;
             $d->phonenumber = $phonenumber;
             $d->service_type = $service_type;
             $d->coordinates = $coordinates;
@@ -606,19 +608,33 @@ switch ($action) {
     default:
         run_hook('list_customers'); #HOOK
         $search = _post('search');
+        $order = _post('order', 'username');
+        $orderby = _post('orderby', 'asc');
+        $order_pos = [
+            'username' => 0,
+            'created_at' => 8,
+            'balance' => 3
+        ];
+
         if ($search != '') {
             $query = ORM::for_table('tbl_customers')
                 ->whereRaw("username LIKE '%$search%' OR fullname LIKE '%$search%' OR address LIKE '%$search%' ".
-                "OR phonenumber LIKE '%$search%' OR email LIKE '%$search%' ")
-                ->order_by_asc('username');
-            $d = $query->findMany();
+                "OR phonenumber LIKE '%$search%' OR email LIKE '%$search%' ");
         } else {
-            $query = ORM::for_table('tbl_customers')->order_by_asc('username');
+            $query = ORM::for_table('tbl_customers');
+        }
+        if($orderby=='asc'){
+            $query->order_by_asc($order);
+        }else{
+            $query->order_by_desc($order);
         }
         $d = $query->findMany();
         $ui->assign('xheader', '<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css">');
         $ui->assign('d', $d);
         $ui->assign('search', $search);
+        $ui->assign('order', $order);
+        $ui->assign('order_pos', $order_pos[$order]);
+        $ui->assign('orderby', $orderby);
         $ui->display('customers.tpl');
         break;
 }
diff --git a/system/lan/english.json b/system/lan/english.json
index 430a0cc2..5f8ec277 100644
--- a/system/lan/english.json
+++ b/system/lan/english.json
@@ -586,5 +586,8 @@
     "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&#39;t forget to deactivate all active plan too"
+    "Don_t_forget_to_deactivate_all_active_plan_too": "Don&#39;t forget to deactivate all active plan too",
+    "Ascending": "Ascending",
+    "Descending": "Descending",
+    "Created_Date": "Created Date"
 }
\ No newline at end of file
diff --git a/ui/ui/customers.tpl b/ui/ui/customers.tpl
index 3c255bc0..081f86b9 100644
--- a/ui/ui/customers.tpl
+++ b/ui/ui/customers.tpl
@@ -16,18 +16,38 @@
         <div class="panel panel-hovered mb20 panel-primary">
             <div class="panel-heading">
                 {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"
-                        onclick="return confirm('This will export to CSV?')"><span class="glyphicon glyphicon-download"
-                            aria-hidden="true"></span> CSV</a>
-                </div>
+                    <div class="btn-group pull-right">
+                        <a class="btn btn-primary btn-xs" title="save" href="{$_url}customers/csv"
+                            onclick="return confirm('This will export to CSV?')"><span class="glyphicon glyphicon-download"
+                                aria-hidden="true"></span> CSV</a>
+                    </div>
                 {/if}
                 {Lang::T('Manage Contact')}
             </div>
             <div class="panel-body">
-                <div class="md-whiteframe-z1 mb20 text-center" style="padding: 15px">
-                    <div class="col-md-8">
-                        <form id="site-search" method="post" action="{$_url}customers">
+                <form id="site-search" method="post" action="{$_url}customers">
+                    <div class="md-whiteframe-z1 mb20 text-center" style="padding: 15px">
+                        <div class="col-lg-4">
+                            <div class="input-group">
+                                <span class="input-group-addon">Order &nbsp;&nbsp;</span>
+                                <div class="row row-no-gutters">
+                                    <div class="col-xs-8">
+                                        <select class="form-control" id="order" name="order">
+                                            <option value="username" {if $order eq 'username' }selected{/if}>{Lang::T('Username')}</option>
+                                            <option value="created_at" {if $order eq 'created_at' }selected{/if}>{Lang::T('Created Date')}</option>
+                                            <option value="balance" {if $order eq 'balance' }selected{/if}>{Lang::T('Balance')}</option>
+                                        </select>
+                                    </div>
+                                    <div class="col-xs-4">
+                                        <select class="form-control" id="orderby" name="orderby">
+                                            <option value="asc" {if $orderby eq 'asc' }selected{/if}>{Lang::T('Ascending')}</option>
+                                            <option value="desc" {if $orderby eq 'desc' }selected{/if}>{Lang::T('Descending')}</option>
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-lg-4">
                             <div class="input-group">
                                 <div class="input-group-addon">
                                     <span class="fa fa-search"></span>
@@ -38,13 +58,15 @@
                                     <button class="btn btn-success" type="submit">{Lang::T('Search')}</button>
                                 </div>
                             </div>
-                        </form>
+                        </div>
+                        <div class="col-lg-2">
+                            <a href="{$_url}customers/add" class="btn btn-primary btn-block"><i
+                                    class="ion ion-android-add">
+                                </i> {Lang::T('Add New Contact')}</a>
+                        </div>
                     </div>
-                    <div class="col-md-4">
-                        <a href="{$_url}customers/add" class="btn btn-primary btn-block"><i class="ion ion-android-add">
-                            </i> {Lang::T('Add New Contact')}</a>
-                    </div>&nbsp;
-                </div>
+                </form>
+                <br>&nbsp;
                 <div class="table-responsive table_mobile">
                     <table id="customerTable" class="table table-bordered table-striped table-condensed">
                         <thead>
@@ -56,50 +78,52 @@
                                 <th>{Lang::T('Contact')}</th>
                                 <th>{Lang::T('Package')}</th>
                                 <th>{Lang::T('Service Type')}</th>
+                                <th>{Lang::T('Status')}</th>
                                 <th>{Lang::T('Created On')}</th>
                                 <th>{Lang::T('Manage')}</th>
                             </tr>
                         </thead>
                         <tbody>
                             {foreach $d as $ds}
-                            <tr>
-                                <td onclick="window.location.href = '{$_url}customers/view/{$ds['id']}'"
-                                    style="cursor:pointer;">{$ds['username']}</td>
-                                <td>{$ds['account_type']}</td>
-                                <td onclick="window.location.href = '{$_url}customers/view/{$ds['id']}'"
-                                    style="cursor: pointer;">{$ds['fullname']}</td>
-                                <td>{Lang::moneyFormat($ds['balance'])}</td>
-                                <td align="center">
-                                    {if $ds['phonenumber']}
-                                    <a href="tel:{$ds['phonenumber']}" class="btn btn-default btn-xs"
-                                        title="{$ds['phonenumber']}"><i class="glyphicon glyphicon-earphone"></i></a>
-                                    {/if}
-                                    {if $ds['email']}
-                                    <a href="mailto:{$ds['email']}" class="btn btn-default btn-xs"
-                                        title="{$ds['email']}"><i class="glyphicon glyphicon-envelope"></i></a>
-                                    {/if}
-                                    {if $ds['coordinates']}
-                                    <a href="https://www.google.com/maps/dir//{$ds['coordinates']}/" target="_blank"
-                                        class="btn btn-default btn-xs" title="{$ds['coordinates']}"><i
-                                            class="glyphicon glyphicon-map-marker"></i></a>
-                                    {/if}
-                                </td>
-                                <td align="center" api-get-text="{$_url}autoload/customer_is_active/{$ds['id']}">
-                                    <span class="label label-default">&bull;</span>
-                                </td>
-                                <td>{$ds['service_type']}</td>
-                                <td>{Lang::dateTimeFormat($ds['created_at'])}</td>
-                                <td align="center">
-                                    <a href="{$_url}customers/view/{$ds['id']}" id="{$ds['id']}"
-                                        style="margin: 0px; color:black"
-                                        class="btn btn-success btn-xs">&nbsp;&nbsp;{Lang::T('View')}&nbsp;&nbsp;</a>
-                                    <a href="{$_url}customers/edit/{$ds['id']}" id="{$ds['id']}"
-                                        style="margin: 0px; color:black"
-                                        class="btn btn-info btn-xs">&nbsp;&nbsp;{Lang::T('Edit')}&nbsp;&nbsp;</a>
-                                    <a href="{$_url}plan/recharge/{$ds['id']}" id="{$ds['id']}" style="margin: 0px;"
-                                        class="btn btn-primary btn-xs">{Lang::T('Recharge')}</a>
-                                </td>
-                            </tr>
+                                <tr>
+                                    <td onclick="window.location.href = '{$_url}customers/view/{$ds['id']}'"
+                                        style="cursor:pointer;">{$ds['username']}</td>
+                                    <td>{$ds['account_type']}</td>
+                                    <td onclick="window.location.href = '{$_url}customers/view/{$ds['id']}'"
+                                        style="cursor: pointer;">{$ds['fullname']}</td>
+                                    <td>{Lang::moneyFormat($ds['balance'])}</td>
+                                    <td align="center">
+                                        {if $ds['phonenumber']}
+                                            <a href="tel:{$ds['phonenumber']}" class="btn btn-default btn-xs"
+                                                title="{$ds['phonenumber']}"><i class="glyphicon glyphicon-earphone"></i></a>
+                                        {/if}
+                                        {if $ds['email']}
+                                            <a href="mailto:{$ds['email']}" class="btn btn-default btn-xs"
+                                                title="{$ds['email']}"><i class="glyphicon glyphicon-envelope"></i></a>
+                                        {/if}
+                                        {if $ds['coordinates']}
+                                            <a href="https://www.google.com/maps/dir//{$ds['coordinates']}/" target="_blank"
+                                                class="btn btn-default btn-xs" title="{$ds['coordinates']}"><i
+                                                    class="glyphicon glyphicon-map-marker"></i></a>
+                                        {/if}
+                                    </td>
+                                    <td align="center" api-get-text="{$_url}autoload/customer_is_active/{$ds['id']}">
+                                        <span class="label label-default">&bull;</span>
+                                    </td>
+                                    <td>{$ds['service_type']}</td>
+                                    <td>{Lang::T($ds['status'])}</td>
+                                    <td>{Lang::dateTimeFormat($ds['created_at'])}</td>
+                                    <td align="center">
+                                        <a href="{$_url}customers/view/{$ds['id']}" id="{$ds['id']}"
+                                            style="margin: 0px; color:black"
+                                            class="btn btn-success btn-xs">&nbsp;&nbsp;{Lang::T('View')}&nbsp;&nbsp;</a>
+                                        <a href="{$_url}customers/edit/{$ds['id']}" id="{$ds['id']}"
+                                            style="margin: 0px; color:black"
+                                            class="btn btn-info btn-xs">&nbsp;&nbsp;{Lang::T('Edit')}&nbsp;&nbsp;</a>
+                                        <a href="{$_url}plan/recharge/{$ds['id']}" id="{$ds['id']}" style="margin: 0px;"
+                                            class="btn btn-primary btn-xs">{Lang::T('Recharge')}</a>
+                                    </td>
+                                </tr>
                             {/foreach}
                         </tbody>
                     </table>
@@ -115,11 +139,15 @@
 <script>
     var $j = jQuery.noConflict();
 
-    $j(document).ready(function () {
+    $j(document).ready(function() {
         $j('#customerTable').DataTable({
+            order: [[{$order_pos}, '{$orderby}']],
             "pagingType": "full_numbers",
-            "lengthMenu": [ [5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"] ],
-            "pageLength": 5
+            "lengthMenu": [
+                [5, 10, 25, 50, 100, -1],
+                [5, 10, 25, 50, 100, "All"]
+            ],
+            "pageLength": 25
         });
     });
 </script>