update void and complete sale

app/views/transactions/manual_sales/void.html.erb

@@ -0,0 +1,81 @@
+<div class="row">
+  <div class="col-lg-12">
+    <ol class="breadcrumb">
+     <li><a href="<%= crm_root_path %>">Home</a></li>
+     <li class="active">
+       <a href="<%= transactions_sales_path %>">Sale</a>
+     </li>
+     <li class="active">
+       <a href="<%= transactions_sale_path(@sale) %>"><%= @sale %></a>
+     </li>
+   </ol>
+ </div>
+</div>
+<div class="row">
+
+  <div class="col-lg-10 col-md-10 col-sm-10">
+    <div class="tab-pane active" id="queue" role="tabpanel" style="min-height:670px; max-height:670px; overflow-y:">
+      <h3>Choose Reason For Void</h3>
+      <br>
+      <p class="hidden sale-id"><%= @sale  %></p>
+      <table class="table table-striped">
+        <% @reason.each do |r| %>
+        <tr class="customer_tr">
+          <td></td>
+          <td>
+            <input type="radio" style="width:20px;" name="reason" value="<%=r.name%>" class="checkbox_check" >
+            <!--  <%= check_box_tag "reason", "#{r.name}",:class => 'checkbox_check' rescue '-'  %> -->
+          </td>
+
+          <td><%= label_tag "reasons[#{r.id}]", r.name, :style=>'font-weight:bold;font-size:18px;' rescue '-' %></td>
+        </tr>		
+        <% end %>
+      </table>
+    </div>
+  </div>
+  <div class="col-lg-2 col-md-2 col-sm-2">
+    <br><br><br>
+    <a href="<%= transactions_sale_path(@sale)%>" style="margin-top: 10px " class="btn btn-primary pull-right btn-lg"><i class="fa fa-arrow-left fa-lg"></i> Cancel
+    </a>
+    <button type="button" style="margin-top: 10px " class="btn btn-danger pull-right btn-lg" id="void" disabled><i class="fa fa-trash fa-lg"></i> Void
+    </button>
+  </div>
+
+</div>
+<style>
+  input[type='checkbox'] {
+   width: 20px;
+   height: 20px;
+ }
+</style>
+
+<script>
+  $(function() { 
+      $(document).on('click',".customer_tr",function(){
+        $(this).closest('tr').find('.checkbox_check').prop( "checked", true );
+        $('#void').removeAttr('disabled')
+      });
+
+  $("#void").click(function() {
+
+      var reason  = $('input[type="radio"]:checked').val();
+      console.log(reason)
+      var sale_id = $(this).find(".customer-id").text();
+        $.ajax({ 
+         type: 'POST', 
+         url: 'manual_void_sale', 
+         data: {reason: reason, sale_id: sale_id}, 
+         success: function(data){
+           // window.location.href = "transactions/sales"
+         } 
+       }); 
+  }); 
+
+  });
+</script>
+
+
+
+
+
+