diff --git a/app/assets/javascripts/origami.js b/app/assets/javascripts/origami.js
index fbf641df..7fbd7d8f 100644
--- a/app/assets/javascripts/origami.js
+++ b/app/assets/javascripts/origami.js
@@ -198,11 +198,11 @@ $(document).ready(function(){
 	    	var url = "origami/"+customer_id+"/get_customer/"
 	    }
 
-		$('.customer_detail').removeClass('hide'); 
-		
+		$('.customer_detail').removeClass('hide');
+
 		  //Start Ajax
-		  $.ajax({      
-		  	type: "GET",         
+		  $.ajax({
+		  	type: "GET",
 		  	url: url,
 		  	data: {},
 		  	dataType: "json",
@@ -212,15 +212,15 @@ $(document).ready(function(){
 		  			if(data["response_data"]["data"][i]["accountable_type"] == "RebateAccount"){
 		  				var balance = data["response_data"]["data"][i]["balance"];
 		  				if (data["response_data"]["status"]==true) {
-		  					$('.rebate_amount').removeClass('hide'); 
+		  					$('.rebate_amount').removeClass('hide');
 		  					console.log(balance);
-			  				row = 
+			  				row =
 			                 '<td class="charges-name">' + data["response_data"]["data"][i]["accountable_type"] +'</td>'
-			                 +'<td class="item-attr">' + balance + '</td>'; 
+			                 +'<td class="item-attr">' + balance + '</td>';
 
 			                 $(".rebate_amount").append(row);
 		  				}
-		  				
+
 		  			}
 		  		});
 		  	}
diff --git a/app/assets/javascripts/payment.js b/app/assets/javascripts/payment.js
new file mode 100644
index 00000000..b7aadf05
--- /dev/null
+++ b/app/assets/javascripts/payment.js
@@ -0,0 +1,40 @@
+// number key pad
+$(document).on('click', '.cashier_number', function(event){
+        event.stopPropagation();
+        event.preventDefault();
+        if(event.handled !== true) {
+            var original_value;
+            original_value = $('#amount').text();
+
+            var input_value = $(this).attr("data-value");
+
+            var input_type = $(this).attr("data-type");
+            	switch (input_type) {
+              		case 'num':
+		              	if (original_value == "0.0"){
+			                $('#amount').text(input_value);
+			            }else{
+			                $('#amount').append(input_value);
+			            }
+              		break;
+
+              		case 'add':
+	                	var input_value = $(this).attr("data-value");
+	                	amount = parseInt(input_value) + parseInt(original_value);
+	                	$('#amount').html(amount);
+
+             		break;
+             		case 'clr':
+             			$('#amount').html("0.0");
+             		break;
+             		case 'del' :
+			          var cash=$('#amount').text();
+			          $('#amount').text(cash.substr(0,cash.length-1));
+			        break;
+
+          		}
+          	event.handled = true;
+        } else {
+            return false;
+        }
+});
diff --git a/app/controllers/origami/jcb_controller.rb b/app/controllers/origami/jcb_controller.rb
index 9be83462..b13790c3 100644
--- a/app/controllers/origami/jcb_controller.rb
+++ b/app/controllers/origami/jcb_controller.rb
@@ -10,7 +10,7 @@ class Origami::JcbController < BaseOrigamiController
     if(Sale.exists?(sale_id))
       saleObj = Sale.find(sale_id)
       sale_payment = SalePayment.new
-      @status, @sale = sale_payment.process_payment(saleObj, @user, cash, "mpu")
+      @status, @sale = sale_payment.process_payment(saleObj, @user, cash, "jcb")
     end
   end
 
diff --git a/app/controllers/origami/master_controller.rb b/app/controllers/origami/master_controller.rb
index 92ab7ebb..714d4b6a 100644
--- a/app/controllers/origami/master_controller.rb
+++ b/app/controllers/origami/master_controller.rb
@@ -10,7 +10,7 @@ class Origami::MasterController < BaseOrigamiController
     if(Sale.exists?(sale_id))
       saleObj = Sale.find(sale_id)
       sale_payment = SalePayment.new
-      @status, @sale = sale_payment.process_payment(saleObj, @user, cash, "mpu")
+      @status, @sale = sale_payment.process_payment(saleObj, @user, cash, "master")
     end
   end
 
diff --git a/app/controllers/origami/payments_controller.rb b/app/controllers/origami/payments_controller.rb
index 4ac519b0..a9437736 100644
--- a/app/controllers/origami/payments_controller.rb
+++ b/app/controllers/origami/payments_controller.rb
@@ -37,7 +37,7 @@ class Origami::PaymentsController < BaseOrigamiController
                                                       'Accept'       => 'application/json'
                                               }
                       )
-      
+
       @balance = 0.00
       @accountable_type = ''
       if response["data"]==true
@@ -45,10 +45,10 @@ class Origami::PaymentsController < BaseOrigamiController
           if res["accountable_type"] == "RebateAccount"
              @balance = res["balance"]
              @accountable_type = res["accountable_type"]
-          end         
+          end
         end
       end
-      
+
       #end customer amount
 
         @sale_data.sale_payments.each do |spay|
diff --git a/app/controllers/origami/visa_controller.rb b/app/controllers/origami/visa_controller.rb
index 043bd43c..05f475a9 100644
--- a/app/controllers/origami/visa_controller.rb
+++ b/app/controllers/origami/visa_controller.rb
@@ -10,7 +10,7 @@ class Origami::VisaController < BaseOrigamiController
     if(Sale.exists?(sale_id))
       saleObj = Sale.find(sale_id)
       sale_payment = SalePayment.new
-      @status, @sale = sale_payment.process_payment(saleObj, @user, cash, "mpu")
+      @status, @sale = sale_payment.process_payment(saleObj, @user, cash, "visa")
     end
   end
 
diff --git a/app/views/origami/jcb/index.html.erb b/app/views/origami/jcb/index.html.erb
index a0760b38..924eeb0e 100644
--- a/app/views/origami/jcb/index.html.erb
+++ b/app/views/origami/jcb/index.html.erb
@@ -1,19 +1,25 @@
+
 <div class="row">
 
 	<div class="col-lg-5 col-md-5 col-sm-3">
+		<div class="row">
+			<div class="col-md-6">
+				<h2>JCB</h2>
+			</div>
+		</div>
 			<div class="card" style="margin-top:10px;padding-top:20px;">
 				<div class="rebate-form">
 		    		<div class="row">
 			    		<div class="form-group col-lg-12 col-md-12 col-sm-12">
-			      			<label class="col-lg-4 col-md-4 col-sm-4">Valid Rebate Amount</label>
-						      	<input type="text" name="valid_amount" id="valid_amount" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="" data-value="<%=@sale_id %>" data-member-value="">
+			      			<label class="col-lg-4 col-md-4 col-sm-4">Reference Number</label>
+						      	<input type="text" name="valid_amount" id="valid_amount" class="form-control col-lg-7 col-md-7 col-sm-7" value="" data-value="<%=@sale_id %>" data-member-value="">
 			    		</div>
 			    		<hr>
 			    	</div>
 			    	<div class="row">
 			    		<div class="form-group col-lg-12 col-md-12 col-sm-12">
-			      			<label class="col-lg-4 col-md-4 col-sm-4">Redeem Amount</label>
-			      			<div id="used_amount" class="form-control col-lg-7 col-md-7 col-sm-7">0.0</div>
+			      			<label class="col-lg-4 col-md-4 col-sm-4">Amount</label>
+			      			<div id="amount" class="form-control col-lg-7 col-md-7 col-sm-7">0.0</div>
 			    		</div>
 			    		<hr>
 			    	</div>
@@ -21,7 +27,7 @@
 			</div>
 	</div>
 
-    <div class="col-lg-7 col-md-7 col-sm-7">
+    <div class="col-lg-6 col-md-6 col-sm-6" style="margin-top:75px;">
 
     	<div class="row">
          <div class="col-lg-6 col-md-1 col-sm-1">
@@ -61,23 +67,26 @@
              <div class="cashier_number long left" data-value="10000" data-type="add">10000</div>
            </div>
            <div class="row bottom">
-             <div class="pay purple" id="redeem">Pay</div>
+             <div class="pay purple" id="jcb_pay">Pay</div>
            </div>
          </div>
       </div>
 
     </div>
-</div>
-<div class="row">
 
+		<div class="col-lg-1 col-md-1 col-sm-1">
+			<button type="button" class="btn btn-primary btn-lg btn-block"> Back </button>
+		</div>
 </div>
-<script type="text/javascript">
+
+<script>
+// number key pad
 $(document).on('click', '.cashier_number', function(event){
         event.stopPropagation();
         event.preventDefault();
         if(event.handled !== true) {
             var original_value;
-            original_value = $('#used_amount').text();
+            original_value = $('#amount').text();
 
             var input_value = $(this).attr("data-value");
 
@@ -85,24 +94,24 @@ $(document).on('click', '.cashier_number', function(event){
             	switch (input_type) {
               		case 'num':
 		              	if (original_value == "0.0"){
-			                $('#used_amount').text(input_value);
+			                $('#amount').text(input_value);
 			            }else{
-			                $('#used_amount').append(input_value);
+			                $('#amount').append(input_value);
 			            }
               		break;
 
               		case 'add':
 	                	var input_value = $(this).attr("data-value");
 	                	amount = parseInt(input_value) + parseInt(original_value);
-	                	$('#used_amount').html(amount);
+	                	$('#amount').html(amount);
 
              		break;
              		case 'clr':
-             			$('#used_amount').html("0.0");
+             			$('#amount').html("0.0");
              		break;
              		case 'del' :
-			          var cash=$('#used_amount').text();
-			          $('#used_amount').text(cash.substr(0,cash.length-1));
+			          var cash=$('#amount').text();
+			          $('#amount').text(cash.substr(0,cash.length-1));
 			        break;
 
           		}
@@ -112,33 +121,20 @@ $(document).on('click', '.cashier_number', function(event){
         }
 });
 
-$("#redeem").click(function(){
-	valid_amount = $("#valid_amount").val();
-	sale_id = $("#valid_amount").attr('data-value');
-	membership_id = $("#valid_amount").attr('data-member-value');
-	redeem_amount = parseFloat($("#used_amount").text());
-	if(redeem_amount<=0 ){
-		alert("Please type valid amount");
 
-	}else if(valid_amount< redeem_amount){
-		alert(" Insufficient Amount!")
-	}else{
-		if(redeem_amount <= "<%= @food_prices %>"){
-			$.ajax({
-				type: "POST",
-				url:  "<%=origami_payment_paypar_path%>",
-				data: {redeem_amount:redeem_amount,membership_id:membership_id,sale_id:sale_id},
-				success: function(result){
-					if(result.status == true){
-						window.location.href = '/origami/sale/'+ sale_id  + "/payment"
-					}else{
-						alert(result.message);
-					}
-				}
-			})
-		}else {
-			alert("Redeem Amount is over!");
-		}
-	}
-});
+  $('#jcb_pay').on('click',function(){
+    var amount = $('#amount').val();
+    var sale_id = "<%= @sale_id %>";
+
+    $.ajax({type: "POST",
+      url: "<%= origami_payment_jcb_path  %>",
+      data: "amount="+ amount + "&sale_id="+ sale_id,
+      success:function(result){
+        if(result){
+          alert("Payment success")
+          window.location.href = '/origami/sale/'+ sale_id  + "/payment";
+       }
+      }
+    });
+  })
 </script>
diff --git a/app/views/origami/master/index.html.erb b/app/views/origami/master/index.html.erb
index a0760b38..a2e31257 100644
--- a/app/views/origami/master/index.html.erb
+++ b/app/views/origami/master/index.html.erb
@@ -1,19 +1,25 @@
+
 <div class="row">
 
 	<div class="col-lg-5 col-md-5 col-sm-3">
+		<div class="row">
+			<div class="col-md-6">
+				<h2>Master</h2>
+			</div>
+		</div>
 			<div class="card" style="margin-top:10px;padding-top:20px;">
 				<div class="rebate-form">
 		    		<div class="row">
 			    		<div class="form-group col-lg-12 col-md-12 col-sm-12">
-			      			<label class="col-lg-4 col-md-4 col-sm-4">Valid Rebate Amount</label>
-						      	<input type="text" name="valid_amount" id="valid_amount" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="" data-value="<%=@sale_id %>" data-member-value="">
+			      			<label class="col-lg-4 col-md-4 col-sm-4">Reference Number</label>
+						      	<input type="text" name="valid_amount" id="valid_amount" class="form-control col-lg-7 col-md-7 col-sm-7" value="" data-value="<%=@sale_id %>" data-member-value="">
 			    		</div>
 			    		<hr>
 			    	</div>
 			    	<div class="row">
 			    		<div class="form-group col-lg-12 col-md-12 col-sm-12">
-			      			<label class="col-lg-4 col-md-4 col-sm-4">Redeem Amount</label>
-			      			<div id="used_amount" class="form-control col-lg-7 col-md-7 col-sm-7">0.0</div>
+			      			<label class="col-lg-4 col-md-4 col-sm-4">Amount</label>
+			      			<div id="amount" class="form-control col-lg-7 col-md-7 col-sm-7">0.0</div>
 			    		</div>
 			    		<hr>
 			    	</div>
@@ -21,7 +27,7 @@
 			</div>
 	</div>
 
-    <div class="col-lg-7 col-md-7 col-sm-7">
+    <div class="col-lg-6 col-md-6 col-sm-6" style="margin-top:75px;">
 
     	<div class="row">
          <div class="col-lg-6 col-md-1 col-sm-1">
@@ -61,23 +67,25 @@
              <div class="cashier_number long left" data-value="10000" data-type="add">10000</div>
            </div>
            <div class="row bottom">
-             <div class="pay purple" id="redeem">Pay</div>
+             <div class="pay purple" id="master_pay">Pay</div>
            </div>
          </div>
       </div>
 
     </div>
-</div>
-<div class="row">
 
+		<div class="col-lg-1 col-md-1 col-sm-1">
+			<button type="button" class="btn btn-primary btn-lg btn-block"> Back </button>
+		</div>
 </div>
-<script type="text/javascript">
+
+<script>
 $(document).on('click', '.cashier_number', function(event){
         event.stopPropagation();
         event.preventDefault();
         if(event.handled !== true) {
             var original_value;
-            original_value = $('#used_amount').text();
+            original_value = $('#amount').text();
 
             var input_value = $(this).attr("data-value");
 
@@ -85,24 +93,24 @@ $(document).on('click', '.cashier_number', function(event){
             	switch (input_type) {
               		case 'num':
 		              	if (original_value == "0.0"){
-			                $('#used_amount').text(input_value);
+			                $('#amount').text(input_value);
 			            }else{
-			                $('#used_amount').append(input_value);
+			                $('#amount').append(input_value);
 			            }
               		break;
 
               		case 'add':
 	                	var input_value = $(this).attr("data-value");
 	                	amount = parseInt(input_value) + parseInt(original_value);
-	                	$('#used_amount').html(amount);
+	                	$('#amount').html(amount);
 
              		break;
              		case 'clr':
-             			$('#used_amount').html("0.0");
+             			$('#amount').html("0.0");
              		break;
              		case 'del' :
-			          var cash=$('#used_amount').text();
-			          $('#used_amount').text(cash.substr(0,cash.length-1));
+			          var cash=$('#amount').text();
+			          $('#amount').text(cash.substr(0,cash.length-1));
 			        break;
 
           		}
@@ -111,34 +119,19 @@ $(document).on('click', '.cashier_number', function(event){
             return false;
         }
 });
+  $('#master_pay').on('click',function(){
+    var amount = $('#amount').val();
+    var sale_id = "<%= @sale_id %>";
 
-$("#redeem").click(function(){
-	valid_amount = $("#valid_amount").val();
-	sale_id = $("#valid_amount").attr('data-value');
-	membership_id = $("#valid_amount").attr('data-member-value');
-	redeem_amount = parseFloat($("#used_amount").text());
-	if(redeem_amount<=0 ){
-		alert("Please type valid amount");
-
-	}else if(valid_amount< redeem_amount){
-		alert(" Insufficient Amount!")
-	}else{
-		if(redeem_amount <= "<%= @food_prices %>"){
-			$.ajax({
-				type: "POST",
-				url:  "<%=origami_payment_paypar_path%>",
-				data: {redeem_amount:redeem_amount,membership_id:membership_id,sale_id:sale_id},
-				success: function(result){
-					if(result.status == true){
-						window.location.href = '/origami/sale/'+ sale_id  + "/payment"
-					}else{
-						alert(result.message);
-					}
-				}
-			})
-		}else {
-			alert("Redeem Amount is over!");
-		}
-	}
-});
+    $.ajax({type: "POST",
+      url: "<%= origami_payment_master_path  %>",
+      data: "amount="+ amount + "&sale_id="+ sale_id,
+      success:function(result){
+        if(result){
+          alert("Payment success")
+          window.location.href = '/origami/sale/'+ sale_id  + "/payment";
+       }
+      }
+    });
+  })
 </script>
diff --git a/app/views/origami/mpu/index.html.erb b/app/views/origami/mpu/index.html.erb
index 3d9d1024..d6ebd1a4 100644
--- a/app/views/origami/mpu/index.html.erb
+++ b/app/views/origami/mpu/index.html.erb
@@ -1,19 +1,25 @@
+
 <div class="row">
 
 	<div class="col-lg-5 col-md-5 col-sm-3">
+		<div class="row">
+			<div class="col-md-6">
+				<h2>MPU</h2>
+			</div>
+		</div>
 			<div class="card" style="margin-top:10px;padding-top:20px;">
 				<div class="rebate-form">
 		    		<div class="row">
 			    		<div class="form-group col-lg-12 col-md-12 col-sm-12">
-			      			<label class="col-lg-4 col-md-4 col-sm-4">Valid Rebate Amount</label>
-						      	<input type="text" name="valid_amount" id="valid_amount" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="" data-value="<%=@sale_id %>" data-member-value="">
+			      			<label class="col-lg-4 col-md-4 col-sm-4">Reference Number</label>
+						      	<input type="text" name="valid_amount" id="valid_amount" class="form-control col-lg-7 col-md-7 col-sm-7" value="" data-value="<%=@sale_id %>" data-member-value="">
 			    		</div>
 			    		<hr>
 			    	</div>
 			    	<div class="row">
 			    		<div class="form-group col-lg-12 col-md-12 col-sm-12">
-			      			<label class="col-lg-4 col-md-4 col-sm-4">Redeem Amount</label>
-			      			<div id="used_amount" class="form-control col-lg-7 col-md-7 col-sm-7">0.0</div>
+			      			<label class="col-lg-4 col-md-4 col-sm-4">Amount</label>
+			      			<div id="amount" class="form-control col-lg-7 col-md-7 col-sm-7">0.0</div>
 			    		</div>
 			    		<hr>
 			    	</div>
@@ -21,7 +27,7 @@
 			</div>
 	</div>
 
-    <div class="col-lg-7 col-md-7 col-sm-7">
+    <div class="col-lg-6 col-md-6 col-sm-6" style="margin-top:75px;">
 
     	<div class="row">
          <div class="col-lg-6 col-md-1 col-sm-1">
@@ -61,23 +67,25 @@
              <div class="cashier_number long left" data-value="10000" data-type="add">10000</div>
            </div>
            <div class="row bottom">
-             <div class="pay purple" id="redeem">Pay</div>
+             <div class="pay purple" id="mpu_pay">Pay</div>
            </div>
          </div>
       </div>
 
     </div>
-</div>
-<div class="row">
 
+		<div class="col-lg-1 col-md-1 col-sm-1">
+			<button type="button" class="btn btn-primary btn-lg btn-block"> Back </button>
+		</div>
 </div>
-<script type="text/javascript">
+
+<script>
 $(document).on('click', '.cashier_number', function(event){
         event.stopPropagation();
         event.preventDefault();
         if(event.handled !== true) {
             var original_value;
-            original_value = $('#used_amount').text();
+            original_value = $('#amount').text();
 
             var input_value = $(this).attr("data-value");
 
@@ -85,24 +93,24 @@ $(document).on('click', '.cashier_number', function(event){
             	switch (input_type) {
               		case 'num':
 		              	if (original_value == "0.0"){
-			                $('#used_amount').text(input_value);
+			                $('#amount').text(input_value);
 			            }else{
-			                $('#used_amount').append(input_value);
+			                $('#amount').append(input_value);
 			            }
               		break;
 
               		case 'add':
 	                	var input_value = $(this).attr("data-value");
 	                	amount = parseInt(input_value) + parseInt(original_value);
-	                	$('#used_amount').html(amount);
+	                	$('#amount').html(amount);
 
              		break;
              		case 'clr':
-             			$('#used_amount').html("0.0");
+             			$('#amount').html("0.0");
              		break;
              		case 'del' :
-			          var cash=$('#used_amount').text();
-			          $('#used_amount').text(cash.substr(0,cash.length-1));
+			          var cash=$('#amount').text();
+			          $('#amount').text(cash.substr(0,cash.length-1));
 			        break;
 
           		}
@@ -111,49 +119,6 @@ $(document).on('click', '.cashier_number', function(event){
             return false;
         }
 });
-
-$("#redeem").click(function(){
-	valid_amount = $("#valid_amount").val();
-	sale_id = $("#valid_amount").attr('data-value');
-	membership_id = $("#valid_amount").attr('data-member-value');
-	redeem_amount = parseFloat($("#used_amount").text());
-	if(redeem_amount<=0 ){
-		alert("Please type valid amount");
-
-	}else if(valid_amount< redeem_amount){
-		alert(" Insufficient Amount!")
-	}else{
-		if(redeem_amount <= "<%= @food_prices %>"){
-			$.ajax({
-				type: "POST",
-				url:  "<%=origami_payment_paypar_path%>",
-				data: {redeem_amount:redeem_amount,membership_id:membership_id,sale_id:sale_id},
-				success: function(result){
-					if(result.status == true){
-						window.location.href = '/origami/sale/'+ sale_id  + "/payment"
-					}else{
-						alert(result.message);
-					}
-				}
-			})
-		}else {
-			alert("Redeem Amount is over!");
-		}
-	}
-});
-</script>
-
-<!--  -->
-<h2> MPU </h2>
-
-
-Amount :
-
-<input type="text" name="amount" id="amount" value=""/>
-
-<button type="submit" id="mpu_pay" > PAY </button>
-
-<script>
   $('#mpu_pay').on('click',function(){
     var amount = $('#amount').val();
     var sale_id = "<%= @sale_id %>";
diff --git a/app/views/origami/payments/show.html.erb b/app/views/origami/payments/show.html.erb
index a6a6dd41..490ec341 100644
--- a/app/views/origami/payments/show.html.erb
+++ b/app/views/origami/payments/show.html.erb
@@ -167,6 +167,7 @@
 $(document).ready(function(){
   update_balance();
 })
+
 $(document).on('click', '.cashier_number', function(event){
   if(event.handled !== true) {
       var original_value;
@@ -193,7 +194,10 @@ $(document).on('click', '.cashier_number', function(event){
         break;
         case 'del' :
           var cash=$('#cash').text();
-          $('#cash').text(cash.substr(0,cash.length-1));
+          if(cash.length == 1)
+            $('#cash').text("0.0");
+          else
+            $('#cash').text(cash.substr(0,cash.length-1));
           update_balance();
         break;
         case 'clr':
@@ -257,7 +261,7 @@ function update_balance(){
   var card = $('#others').text();
   var amount_due = $('#amount_due').text();
   var total = parseFloat(cash) + parseFloat(credit) + parseFloat(card)
-  var result = amount_due - total
+  var result = amount_due - total;
   $('#balance').text(result.toFixed(2));
 }
 </script>
diff --git a/app/views/origami/redeem_payments/index.html.erb b/app/views/origami/redeem_payments/index.html.erb
index 9ae576d4..4d0ab223 100644
--- a/app/views/origami/redeem_payments/index.html.erb
+++ b/app/views/origami/redeem_payments/index.html.erb
@@ -115,7 +115,6 @@ $(document).on('click', '.cashier_number', function(event){
             return false;
         }
 });
-
 $("#redeem").click(function(){
 	valid_amount = $("#valid_amount").val();
 	sale_id = $("#valid_amount").attr('data-value');
diff --git a/app/views/origami/visa/index.html.erb b/app/views/origami/visa/index.html.erb
index a0760b38..37f48772 100644
--- a/app/views/origami/visa/index.html.erb
+++ b/app/views/origami/visa/index.html.erb
@@ -1,19 +1,25 @@
+
 <div class="row">
 
 	<div class="col-lg-5 col-md-5 col-sm-3">
+		<div class="row">
+			<div class="col-md-6">
+				<h2>VISA</h2>
+			</div>
+		</div>
 			<div class="card" style="margin-top:10px;padding-top:20px;">
 				<div class="rebate-form">
 		    		<div class="row">
 			    		<div class="form-group col-lg-12 col-md-12 col-sm-12">
-			      			<label class="col-lg-4 col-md-4 col-sm-4">Valid Rebate Amount</label>
-						      	<input type="text" name="valid_amount" id="valid_amount" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="" data-value="<%=@sale_id %>" data-member-value="">
+			      			<label class="col-lg-4 col-md-4 col-sm-4">Reference Number</label>
+						      	<input type="text" name="valid_amount" id="valid_amount" class="form-control col-lg-7 col-md-7 col-sm-7" value="" data-value="<%=@sale_id %>" data-member-value="">
 			    		</div>
 			    		<hr>
 			    	</div>
 			    	<div class="row">
 			    		<div class="form-group col-lg-12 col-md-12 col-sm-12">
-			      			<label class="col-lg-4 col-md-4 col-sm-4">Redeem Amount</label>
-			      			<div id="used_amount" class="form-control col-lg-7 col-md-7 col-sm-7">0.0</div>
+			      			<label class="col-lg-4 col-md-4 col-sm-4">Amount</label>
+			      			<div id="amount" class="form-control col-lg-7 col-md-7 col-sm-7">0.0</div>
 			    		</div>
 			    		<hr>
 			    	</div>
@@ -21,7 +27,7 @@
 			</div>
 	</div>
 
-    <div class="col-lg-7 col-md-7 col-sm-7">
+    <div class="col-lg-6 col-md-6 col-sm-6" style="margin-top:75px;">
 
     	<div class="row">
          <div class="col-lg-6 col-md-1 col-sm-1">
@@ -61,23 +67,25 @@
              <div class="cashier_number long left" data-value="10000" data-type="add">10000</div>
            </div>
            <div class="row bottom">
-             <div class="pay purple" id="redeem">Pay</div>
+             <div class="pay purple" id="visa_pay">Pay</div>
            </div>
          </div>
       </div>
 
     </div>
-</div>
-<div class="row">
 
+		<div class="col-lg-1 col-md-1 col-sm-1">
+			<button type="button" class="btn btn-primary btn-lg btn-block"> Back </button>
+		</div>
 </div>
-<script type="text/javascript">
+
+<script>
 $(document).on('click', '.cashier_number', function(event){
         event.stopPropagation();
         event.preventDefault();
         if(event.handled !== true) {
             var original_value;
-            original_value = $('#used_amount').text();
+            original_value = $('#amount').text();
 
             var input_value = $(this).attr("data-value");
 
@@ -85,24 +93,24 @@ $(document).on('click', '.cashier_number', function(event){
             	switch (input_type) {
               		case 'num':
 		              	if (original_value == "0.0"){
-			                $('#used_amount').text(input_value);
+			                $('#amount').text(input_value);
 			            }else{
-			                $('#used_amount').append(input_value);
+			                $('#amount').append(input_value);
 			            }
               		break;
 
               		case 'add':
 	                	var input_value = $(this).attr("data-value");
 	                	amount = parseInt(input_value) + parseInt(original_value);
-	                	$('#used_amount').html(amount);
+	                	$('#amount').html(amount);
 
              		break;
              		case 'clr':
-             			$('#used_amount').html("0.0");
+             			$('#amount').html("0.0");
              		break;
              		case 'del' :
-			          var cash=$('#used_amount').text();
-			          $('#used_amount').text(cash.substr(0,cash.length-1));
+			          var cash=$('#amount').text();
+			          $('#amount').text(cash.substr(0,cash.length-1));
 			        break;
 
           		}
@@ -111,34 +119,19 @@ $(document).on('click', '.cashier_number', function(event){
             return false;
         }
 });
+  $('#visa_pay').on('click',function(){
+    var amount = $('#amount').val();
+    var sale_id = "<%= @sale_id %>";
 
-$("#redeem").click(function(){
-	valid_amount = $("#valid_amount").val();
-	sale_id = $("#valid_amount").attr('data-value');
-	membership_id = $("#valid_amount").attr('data-member-value');
-	redeem_amount = parseFloat($("#used_amount").text());
-	if(redeem_amount<=0 ){
-		alert("Please type valid amount");
-
-	}else if(valid_amount< redeem_amount){
-		alert(" Insufficient Amount!")
-	}else{
-		if(redeem_amount <= "<%= @food_prices %>"){
-			$.ajax({
-				type: "POST",
-				url:  "<%=origami_payment_paypar_path%>",
-				data: {redeem_amount:redeem_amount,membership_id:membership_id,sale_id:sale_id},
-				success: function(result){
-					if(result.status == true){
-						window.location.href = '/origami/sale/'+ sale_id  + "/payment"
-					}else{
-						alert(result.message);
-					}
-				}
-			})
-		}else {
-			alert("Redeem Amount is over!");
-		}
-	}
-});
+    $.ajax({type: "POST",
+      url: "<%= origami_payment_visa_path  %>",
+      data: "amount="+ amount + "&sale_id="+ sale_id,
+      success:function(result){
+        if(result){
+          alert("Payment success")
+          window.location.href = '/origami/sale/'+ sale_id  + "/payment";
+       }
+      }
+    });
+  })
 </script>