@extends('panel.layouts.superadmin.app')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Account Ledger</title>
@stop
@section('content')
<div class="content-wrapper">
  <div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
      <section class="content">
        <div class="box box-default">
          <div class="box-header with-border">
            <i class="fa fa-list-alt"></i>
            <h3 class="box-title">Account Ledger</h3>
            <div class="box-tools box-tools-common pull-right cstm-width-box-tool">
              <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" onclick="ToggleDataTable('account-ledger-grid')" title="Search"><i class="fa fa-search"></i></a>
            </div>
          </div>
          <div class="box-body">
            <div class="table-responsive">
              <table id="account-ledger-grid" class="table table-bordered table-hover display">
                <thead>
                  <th>Id</th>
                  <th>Account Name</th>
                  <th>Contact</th>
                  <th>Total Amount</th>
                  <th>Received Amount</th>
                  <th>Pending Amount</th>
                  <th>Type</th>
                  <th>Status</th>
                </thead>
                <tbody>
                </tbody>
                <tfoot>
                  <tr class="bg-color-foot-color">
                    <th colspan="3" class="border-style" style="text-align:right"> <b>Total Amount:</b></th>
                    <th class="border-style"></th>
                    <th class="border-style"></th>
                    <th class="border-style"></th>
                    <th class="border-style"></th>
                    <th class="border-style"></th>
                  </tr>
                </tfoot>
              </table>
            </div>
          </div>
        </div>
        <div class="incomes_modal_div">
          <div class="edit_modal">
          </div>
        </div>
        {{-- @include('common.modal.send_report_mail_confirm_model',['entity' =>  'subscription_bill']) --}}
      </section>
    </div>
    <div class="col-md-1"></div>
  </div>
</div>
@stop
@section('custom-scripts')
<script type="text/javascript">
  var rows_selected  = "";
  $(document).ready(function () {
    initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initRichText();
    AccountLedgerTable = $('#account-ledger-grid').DataTable({
      'language': { "emptyTable": '{{LaraCore::setting('no_records')}}', "processing": "<i class='fa fa-spinner fa-spin fa-3x'></i>" },
      "aLengthMenu": [[50, 40, 30, 20, 10, -1], [50, 40, 30, 20, 10, 'All']],
      "order": [ 0, "desc" ],
      processing: true,
      serverSide: true,
      ajax: {
        url : '{{route("account.ledger.list")}}',
        type: 'POST',
      },
      columns: [
      {data: 'id', name: 'id',searchable: false},
      {data: 'client_code', name: 'client_code'},
      {data: 'contact_no', name: 'contact_no'},
      {data: 'amount', name: 'amount', className: 'text-right'},
      {data: 'receive_amount', name: 'receive_amount', className: 'text-right'},
      {data: 'pendingAmount', name: 'pendingAmount', className: 'text-right'},
      {data: 'type', name: 'type'},
      {data: 'status', name: 'status'},
      ],
      footerCallback: function (row, data, start, end, display){
        var api = this.api(), data;
        var intVal = function ( i ) {
          return typeof i === 'string' ?
          i.replace(/[\$,]/g, '')*1 :
          typeof i === 'number' ?
          i : 0;
        };

        amount = api
        .column(3)
        .data()
        .reduce( function (a, b) {
          return intVal(a) + intVal(b);
        }, 0 );
        $( api.column(3).footer() ).html( Number(amount).toLocaleString('en') );

        receive_amount = api
        .column(4)
        .data()
        .reduce( function (a, b) {
          return intVal(a) + intVal(b);
        }, 0 );
        $( api.column(4).footer() ).html( Number(receive_amount).toLocaleString('en') );

        pendingAmount = api
        .column(5)
        .data()
        .reduce( function (a, b) {
          return intVal(a) + intVal(b);
        }, 0 );
        $( api.column(5).footer() ).html( Number(pendingAmount).toLocaleString('en') );
      },
      'rowCallback': function(row, data, dataIndex){
        var rowId = data['id']; // Get row ID
        if($.inArray(rowId, rows_selected) !== -1){
          $(row).find('.entity_chkbox').prop('checked', true);
          $(row).addClass('selected');
        }
      },
    });
    //initSelectAll('#account-ledger-grid', AccountLedgerTable);
    
  });

</script>
@stop