@extends('layouts.app')

@section('content')
<style>
</style>
<section class="content" style="background:blue">
    <div class="box box-solid">
        <div class="box-header">
        	<h2>General Ledger Report</h2>
        </div>
        <div class="box-body"  style="margin-left:20px;margin-right:20px;">
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="method_0">From A/C</label>
                        <input type="text" class="form-control" name="from" id="from-input">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="method_0">To A/C</label>
                        <input type="text" class="form-control" name="to" id="to-input">
                    </div>
                </div>
            </div>
            <div class="table-responsive">
                <table width="100%"  class="table table-bordered table-striped" id="ledger_report_table">
                    <thead>
                        <tr>
                            <th>Account No</th>
                            <th>Name</th>
                            <th>Acc. Type</th>
                            <th>Tran. Type</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    {!! Form::close() !!}   
    </div>
    <div class="modal fade rep_modal" tabindex="-1" role="dialog" 
    	aria-labelledby="gridSystemModalLabel">
    </div>
</section>
@endsection
@section('javascript')
    <script>
    $(document).ready(function () {
        var ledger_report_table = $('#ledger_report_table').DataTable({
            processing: true,
            serverSide: true,
            "ajax": {
            "url": "/reports/general-ledger",
            "data": function ( d ) {
                d.from = $('input#from-input').val();
                d.to = $('input#to-input').val();
            }
        },
            columnDefs: [{
                "targets": 2,
                "orderable": false,
                "searchable": false
            }]
        });

        $('#from-input, #to-input').change(function () {
            ledger_report_table.ajax.reload();
        });
    });         
    </script>
@endsection