Current File : /home/inlingua/www/crm.vprotectindia.com/resources/views/admin/rpt_outstanding_report.blade.php

@extends('admin.layouts.app')

@section('head')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/2.2.0/css/dataTables.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/3.2.0/css/buttons.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/select/2.1.0/css/select.dataTables.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">organization id</th>
                    <th scope="col">party name</th>
                    <th scope="col">bal func amt</th>                    
                    <th scope="col">invoice number</th>
                    <th scope="col">invoice amount</th>
                    <th scope="col">customer number</th>
                    <th scope="col">rec account</th>
                    <th scope="col">customer trx_id</th> 
					<th scope="col">payment schedule_id</th>
					<th scope="col">created at</th>
					</tr>
                </thead>
            </table>
            </div> 
          </div>
        </div>
      </div>
       

      
@endsection


@section('footer')
<script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.js"></script> 
<script type="text/javascript" src="https://cdn.datatables.net/2.2.0/js/dataTables.js"></script> 
<script type="text/javascript" src="https://cdn.datatables.net/buttons/3.2.0/js/dataTables.buttons.js"></script> 
<script type="text/javascript" src="https://cdn.datatables.net/buttons/3.2.0/js/buttons.dataTables.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script> 
<script type="text/javascript" src="https://cdn.datatables.net/buttons/3.2.0/js/buttons.html5.min.js"></script> 
<script type="text/javascript" src="https://cdn.datatables.net/buttons/3.2.0/js/buttons.print.min.js"></script> 
<script>
$(function() {
    $('#salesubs').DataTable({
        processing: true,
        serverSide: true,
        ajax: '{!! route('admin.home.getoutstandingreport') !!}',
        columns: [
            { data: 'id', name: 'id' },
            { data: 'organization_id', name: 'organization_id' },
            { data: 'party_name', name: 'party_name' },
            { data: 'bal_func_amt', name: 'bal_func_amt' },
            { data: 'invoice_number', name: 'invoice_number' },
            { data: 'invoice_amount', name: 'invoice_amount' },
            { data: 'customer_number', name: 'customer_number' },
            { data: 'rec_account', name: 'rec_account' }, 
            { data: 'customer_trx_id', name: 'customer_trx_id' },  
            { data: 'payment_schedule_id', name: 'payment_schedule_id' }, 
            { data: 'created_at', name: 'created_at' }			
        ],
				  layout: {
        top1Start: {
            buttons: [
                'csv',
                'excel'
            ]
        }
    },
    select: true
    });
});
</script>
@endsection