@extends('adminlte::page')
@section('css')
<style>
    .text-right{
        text-align: right;
        color: green;
        font-size: 20px;
    }
</style>
@stop
@section('content')
<?php Fun::lang() ?>
<div class="title-page">
    <div class="page-bar">
        <ul class="page-breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Dashboard</a></li>
            <li><a href="#">Agency</a></li>
            <li><a href="#">Bank Account</a></li>
        </ul>
    </div>
</div>

<div class="page">
    <div class="top-content">
        <div class="row">
            <div class="col-sm-12 col-xs-12">
                <div class="title-add">
                    <div class="pull-left">
                        <h3>Bank Account</h3>
                    </div>
                </div>
                <div class="pull-right">
                    <!-- <a class="button_sm button_primary" href="{{route('accouting-capital.create')}}"><span class="fa fa-plus"></span>  Create New</a> -->
                </div>
            </div>
        </div>
    </div>
    <div class="box-body table-responsive">
        <table id="datatable_commission_list" class="table table-striped table-bordered table-hover nowrap">
            <thead>
                <tr>
                    <th>No</th>
                    <th>Agency Name</th>
                    <th>Bank Name</th>
                    <th>Account Name</th>
                    <th>Account Number</th>
                    <th>Des</th>
                    <th>Action</th>
                </tr>
            </thead>
        </table>
    </div>
</div>
@endsection @section('js')

<script type="text/javascript">
    $(document).ready(function() {
        $('.main-spinner').show();
        $('#datatable_commission_list').DataTable({
            "lengthMenu": [
                [20, 25, 50, 100, 500],
                [20, 25, 50, 100, 500]
            ],
            ordering: false,
            serverSide: false,
            ajax: "{{ route('bank-account.index') }}",
            columns: [{
                    data: 'DT_RowIndex'
                },
                {
                    data: 'agency_name'
                },
                {
                    data: 'bank_name'
                },
                {
                    data: 'account_name'
                },
                {
                    data: 'account_number'
                },
                {
                    data: 'des'
                },
                {
                    data: 'action'
                }
            ],
            "initComplete": function(settings, json) {
                $('.main-spinner').hide();
            }
        });

        $.fn.dataTable.ext.errMode = 'throw';
    });

</script>
@endsection