diff --git a/app/models/sale_payment.rb b/app/models/sale_payment.rb
index fe928d07..b82ba137 100755
--- a/app/models/sale_payment.rb
+++ b/app/models/sale_payment.rb
@@ -84,7 +84,7 @@ class SalePayment < ApplicationRecord
       amount_due = invoice.sale_payments
       .map(&:payment_amount).reduce(invoice.grand_total, :-)
     end
-
+    # byebug
     if amount_due > 0
       payment_status = false
       membership_data = nil
@@ -169,11 +169,20 @@ class SalePayment < ApplicationRecord
       end
     else
       sale_update_payment_status(0)
+
+      membership_data = nil
+      #route to payment type
+      case payment_method
+      when "foc"
+        payment_status = foc_payment
+      when "paymal"
+        payment_status, membership_data = paymal_payment
+      end
       #record an payment in sale-audit
       remark = "No outstanding Amount - Grand Total [#{invoice.grand_total}] | Due [#{amount_due}] | Paid [#{invoice.amount_received}]"
       sale_audit = SaleAudit.record_payment(invoice.id, remark,action_by.name)
 
-      return false, "No outstanding Amount"
+      return false, "No outstanding Amount", membership_data
     end
 
   end
diff --git a/app/views/foodcourt/payments/show.html.erb b/app/views/foodcourt/payments/show.html.erb
index 416d5685..540385b3 100755
--- a/app/views/foodcourt/payments/show.html.erb
+++ b/app/views/foodcourt/payments/show.html.erb
@@ -212,9 +212,11 @@
   <% if @sale_payment.nil? %>
     <hr>
     <% if current_login_employee.role == "cashier" %>
+      <a class="btn btn-block bg-deep-purple waves-effect access_modal" data-toggle="modal"  data-type="foc"> Foc</a>
       <a class="btn btn-block bg-red waves-effect access_modal" data-toggle="modal"  data-type="void"> Void</a>
       <a class="btn btn-block bg-blue waves-effect access_modal" data-toggle="modal"   data-type="edit">Edit</a>
     <% else %>
+      <button type="button" class="btn bg-deep-purple btn-block" data-toggle="modal" data-target="#focModal" <%= (can? :foc, :payment)? ' ': 'disabled=' %> > Foc </button>
       <button type="button" class="btn bg-red btn-block" data-toggle="modal" data-target="#voidModal" <%= (can? :overall_void, :void)? ' ': 'disabled=' %> > Void </button>
       <button type="button" class="btn btn-block bg-blue waves-effect" id='edit' <%= (can? :edit, :sale_edit)? ' ': 'disabled=' %> active="true">Edit</button>
     <% end %>
diff --git a/app/views/foodcourt/qrpay/precreate.html.erb b/app/views/foodcourt/qrpay/precreate.html.erb
index 15fd6c8d..7b860206 100644
--- a/app/views/foodcourt/qrpay/precreate.html.erb
+++ b/app/views/foodcourt/qrpay/precreate.html.erb
@@ -259,9 +259,11 @@
   <% if @sale_payment.nil? %>
     <hr>
     <% if current_login_employee.role == "cashier" %>
+      <a class="btn btn-block bg-deep-purple waves-effect access_modal" data-toggle="modal"  data-type="foc"> Foc</a>
       <a class="btn btn-block bg-red waves-effect access_modal" data-toggle="modal"  data-type="void"> Void</a>
       <a class="btn btn-block bg-blue waves-effect access_modal" data-toggle="modal"   data-type="edit">Edit</a>
     <% else %>
+      <button type="button" class="btn bg-deep-purple btn-block" data-toggle="modal" data-target="#focModal" <%= (can? :foc, :payment)? ' ': 'disabled=' %> > Foc </button>
       <button type="button" class="btn bg-red btn-block" data-toggle="modal" data-target="#voidModal" <%= (can? :overall_void, :void)? ' ': 'disabled=' %> > Void </button>
       <button type="button" class="btn btn-block bg-blue waves-effect" id='edit' <%= (can? :edit, :sale_edit)? ' ': 'disabled=' %> active="true">Edit</button>
     <% end %>