diff --git a/app/controllers/transactions/sales_controller.rb b/app/controllers/transactions/sales_controller.rb
index c4666c5e..f48478a6 100644
--- a/app/controllers/transactions/sales_controller.rb
+++ b/app/controllers/transactions/sales_controller.rb
@@ -50,6 +50,18 @@ class Transactions::SalesController < ApplicationController
     end
 
     @sale_receivables = SalePayment.where('sale_id = ?', @sale.id)
+
+    #get customer amount
+      @customer       = Customer.find(@sale.customer_id)
+      response        = Customer.get_member_account(@customer)
+
+      if(response["status"] == true)
+        @membership = response["data"]
+      else
+        @membership = 0
+      end
+      #end customer amount
+
     respond_to do |format|
       format.html # show.html.erb
       format.json { render json: @sale }
diff --git a/app/views/transactions/sales/show.html.erb b/app/views/transactions/sales/show.html.erb
index 6fc4dd03..29ecdc6f 100644
--- a/app/views/transactions/sales/show.html.erb
+++ b/app/views/transactions/sales/show.html.erb
@@ -21,11 +21,11 @@
                 <a class="nav-link active" data-toggle="tab" href="#queue" role="tab">Sale Details </a>
             </li>
             <li class="nav-item">
-                <a class="nav-link " data-toggle="tab" href="#booking" role="tab">Orders </a>
+                <a class="nav-link " data-toggle="tab" href="#booking" role="tab">Orders Details</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" data-toggle="tab" href="#customer" role="tab">Customer Details</a>
             </li>
-           <!--  <li class="nav-item">
-                <a class="nav-link" data-toggle="tab" href="#customer" role="tab">Sales</a>
-            </li> -->
         </ul>
         <!-- Nav tabs - End -->
 
@@ -124,6 +124,9 @@
                 <div class="table-responsive">
                     <table class="table table-striped">
                       <thead>
+                        <tr>
+                          <td colspan="8">&nbsp;</td>
+                        </tr>
                         <tr>
                           <th>Order ID</th>
                           <th>Menu Item</th>
@@ -154,11 +157,68 @@
                 </div>
             </div>
 
-            <div class="tab-pane" id="customer" role="tabpanel" style="min-height:670px; max-height:670px; overflow-y:">
-                  <h3>Sale Details</h3>
-                <div class="table-responsive">
+            <div class="tab-pane" id="customer" role="tabpanel">
                   
-               </div>
+                  <div class="table-responsive">
+                    <table class="table table-striped"> 
+
+                      <tbody>
+                        <tr>
+                          <th width="20%"><h4>Customer Detail</h4></th>
+                          <th width="20%"></th>
+                          <td></td>
+                        </tr>
+                        <tr>
+                          <th width="20%"></th>
+                          <th width="20%">Name</th>
+                          <td><%= @customer.name %></td>
+                        </tr>
+                        <tr>
+                            <th width="20%"></th>
+                            <th width="20%">Email</th>
+                            <td><%= @customer.email %></td>
+                        </tr>
+                        <tr>
+                            <th width="20%"></th>
+                            <th width="20%">Contact no</th>
+                            <td><%= @customer.contact_no %></td>
+                        </tr>
+                        <tr>
+                            <th width="20%"></th>
+                            <th width="20%">Company</th>
+                            <td><%= @customer.company rescue '-' %></td>
+                        </tr>
+                        <tr>
+                            <th width="20%"></th>
+                            <th width="20%">Date Of Birth</th>
+                            <td><%= @customer.date_of_birth rescue '-' %> </td>
+                        </tr>
+                        <tr>
+                            <th width="20%"><h4>Membership Details</h4></th>
+                            <td width="20%"></td>
+                            <td></td>
+                        </tr>
+                           <% if @membership == 0 %>
+                           <tr>
+                            <td colspan="2">"There is no membership data"</td>
+                          </tr>
+                          <% else %>
+                          <% @membership.each do |member| %>
+                          <tr>
+                            <td width="20%"></td>
+                            <th width="20%"><%= member["accountable_type"] %></th>
+                            <td><%= member["balance"] %></td>
+                          </tr>
+                          <% end %>
+
+                          <% end %>
+
+                      </tr>
+
+
+                    </tbody>
+                  </table>
+                </div>
             </div>
 
         </div>
@@ -175,7 +235,7 @@
 
         <i class="fa fa-trash fa-lg"></i>  Void Sale
        </a>
-      <!-- <a href="<%= %>" style="margin-top: 10px " class="btn btn-success pull-right btn-lg">
+     <!--  <a href="<%=  %>" style="margin-top: 10px " class="btn btn-success pull-right btn-lg">
         <i class="fa fa-invoice fa-lg"></i> Complete Sale
       </a> -->
     </div>
diff --git a/app/views/transactions/sales/void.html.erb b/app/views/transactions/sales/void.html.erb
index 9d18cca1..0bcd6db6 100644
--- a/app/views/transactions/sales/void.html.erb
+++ b/app/views/transactions/sales/void.html.erb
@@ -60,8 +60,6 @@
 
       var reason  = $('input[type="radio"]:checked').val();
       console.log(reason)
-
-      var url     = 'manual_void_sale';alert(url)
       var sale_id = $(this).find(".customer-id").text();
         $.ajax({ 
          type: 'POST',