<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>






