@extends('layouts.app')
@section('title', 'Transaction')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>Transactions</h1>
</section>

<!-- Main content -->
<section class="content">
	<div class="box box-solid">
		<div class="box-body">
			<div class="row">
				<div class="col-sm-12">
					<div class="table-responsive">
						<table class="table table-bordered table-striped" id="bank_table">
							<thead>
								<tr>
									<th>From</th>
									<th>To</th>
									<th>Deduct From</th>
									<th>Ref No</th>
									<th>Transaction Date</th>
									<th>amount</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
@endsection
@section('javascript')
    <script type="text/javascript">
        $(document).ready(function() {
			var id = $('.bank-id').val();
            var bank_table = $('#bank_table').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: "{{route('bank.transfer.index')}}",
                },

                columnDefs: [{
                    "targets": [1],
                    "orderable": false,
                    "searchable": false
                }],
                "columns": [{
                        "data": "location_from"
                    },
					{
                        "data": "location_to"
                    },
                    {
                        "data": "deduct_from"
                    },
                    {
                        "data": "ref_no"
                    },
                    {
                        "data": "invoice_date"
                    },
                    {
                        "data": "amount"
                    }
                ]
            });
        });   
        
    
    </script>
@endsection