Current File : /home/inlingua/public_html/crm.vprotectindia.com/resources/views/customer/rpt_payments.blade.php

@extends('customer.layouts.app')

@section('head')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
@endsection

@section('content')
<!-- Table -->
      <div class="row">
        <div class="col">
          <div class="card shadow">
            <div class="card-header border-0">
              <h3 class="mb-0">Outstanding Report List !</h3>
            </div>
            <div class="table-responsive container">  
              <table class="table table-bordered " id="salesubs">
                <thead>
                    <tr>
                   <th scope="col">ID</th>

                    
                    <th scope="col">bal func amt</th>                    
                    <th scope="col">invoice number</th>
                    <th scope="col">invoice amount</th>
                    <th scope="col">tds%</th>
                    <th scope="col">detect amount</th>
                   	<th scope="col">Action at</th>
                   	<th scope="col">Create Date</th>
                   	<th scope="col">Paid On</th>
					</tr>
                </thead>
            </table>
            </div> 
          </div>
        </div>
      </div>
       

      
@endsection
<!-- Modal -->
<div class="modal fade" id="UserDetailsModal" tabindex="-1" aria-labelledby="UserDetailsModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="min-width:800px;">
            <div class="modal-header">
                <h5 class="modal-title" id="UserDetailsModalLabel">Payment Details</h5>
                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row">
        <div class="col">
          <div class="card shadow">
            <form id="advpay" action="{{ route('pay.advpaymentget') }}" method="POST" >
              @csrf              
           <div class="row container-fluid ">
          <div class="card-header border-0 col-md-3">
            <h3 class="mb-0">Amount Pay</h3>
          </div>
          <div class="card-header border-0 col-md-3" style="display: -webkit-inline-box;"> 
            <input type="text" class="form-control" id="txtamount" name="txtamount"  value="0"> 
            <input type="hidden" class="form-control" id="txtpaymentid" name="txtpaymentid"  value="0"> 
            <input type="hidden" class="form-control" id="paymentamt"  value="0"> 
        </div>
		<div class="card-header border-0 col-md-4" style="display: -webkit-inline-box;"> 
            <select class="form-control tds" id="tds" name="tds" >
			<option value="0">Please Select TDS</option>
			<option value="2">Detect TDS(2%)</option>
			</select>
            
        </div>
		  
		
          <div class="card-header border-0 col-md-2 pull-right">
            <button type="submit"  class="btn btn-primary">Proceed</button>
			
          </div>
            </div>
            </form>
          </div>
        </div>
      </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

@section('footer')
<script type="text/javascript" src="https://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script> 

<script>
$('#select_id').change(function(){
    alert($(this).val());
})


$("#tds").change(function() {
let amount=$("#txtamount").val(); 	
let paymentamt=$("#paymentamt").val(); 
	
    if($(this).val()>0) {
        //Do stuff
	let percent=2;	
	percentage(percent,amount)
		
    }else {
		document.getElementById("txtamount").value = paymentamt;		
	}
});

function percentage(percent,amount) {
	
	remain=(18 / 100) * amount;
	mainamount=amount-remain;
	
    tds=(percent / 100) * mainamount;
	tetect_tds=mainamount-tds;
	let total=tetect_tds+remain;
	let totalamount = total.toFixed(2);
    document.getElementById("txtamount").value = totalamount;		
}

$(function() {
    $('#salesubs').DataTable({
        processing: true,
        serverSide: true,
        ajax: '{!! route('customer.get_customerpayments') !!}',
        columns: [
            { data: 'id', name: 'id' },
             
            { data: 'bal_func_amt', name: 'bal_func_amt' },
            { data: 'invoice_number', name: 'invoice_number' },
            { data: 'invoice_amount', name: 'invoice_amount' },
            { data: 'tds', name: 'tds' },
            { data: 'detect_amount', name: 'detect_amount' },
            
            { data: 'action', name: 'action' },
			 { data: 'created_at', name: 'created_at' },
			 { data: 'updated_at', name: 'Paid On' },
			  ],
		order: [[1, 'asc']]
		
    });
});


function reply_click(clicked_id)
  {
	//alert(clicked_id);
	
	var token='<?php echo csrf_token(); ?>';
    $('#UserDetailsModal').modal('show');
	let text = clicked_id;
const myArray = text.split("@@");
	$("#txtpaymentid").val(myArray[0]);  
	$("#txtamount").val(myArray[1]);  
	$("#paymentamt").val(myArray[1]);  
	
	
	$.ajax({
    type: "POST",
	url: 'getpaymentreport',
	 
    data: { id: clicked_id,_token:token  },
	
		 success : function(data) {   
   //$(".message").addClass('alert alert-success');   
   $("#mytable").html(data);  
  }
	})
  
 } 


</script>
@endsection