@include('layouts.header_script')


<div class="card">
    <div class="card-title text-white card_1 justify-content-between d-flex">
        <h5>{{__('msg.balance_sheet_statement')}}</h5>
        @include('layouts.print_excel')
    </div>
    <div class="card-body">
        <div class="row">
            {{-- <div class="col-2">
                    <div class="form-group">
                        <label for="">{{__('msg.cost_center')}}</label>
                        <select id="ledger" class="form-control select_2">
                            <option value="">{{__('msg.select_ledger')}}</option>
                            @foreach ($ledgers as $key => $l)
                                <option value="{{ $l->id }}">{{ $l->name }}-{{ $l->auto_code }}</option>
                            @endforeach
                        </select>
                    </div>
                </div> --}}
            <div class="col-2">
                <div class="form-group">
                    <label for="">{{__('msg.start_date')}}</label>
                    <input type="text" class="form-control date_picker" id="sdate" value="{{ date('d-m-Y') }}">
                </div>
            </div>
            <div class="col-2">
                <div class="form-group">
                    <label for="">{{__('msg.end_date')}}</label>
                    <input type="text" class="form-control date_picker" id="edate" value="{{ date('d-m-Y') }}">
                </div>
            </div>
            <div class="col-1">
                <div class="form-group">
                    <label for="">&nbsp;</label>
                    <button class="btn btn-sm w-100 btn-success d-block filter_button" onclick="getData()">{{__('msg.filter')}}</button>
                </div>
            </div>

        </div>

    </div>
</div>
<div class="mt-2">
    <div class="commonListBody mx-5" id="printThis" style="border: 1px solid #000"></div>
</div>
@include('layouts.footer_script')


<script>
    sdate = $('#sdate').val();
    edate = $('#edate').val();
    let assetGroups = [];
    let expenseGroups = [];
    $(document).ready(function() {
        setFilterButton();
        flatpickr(".date_picker", {
            dateFormat: "d-m-Y"
        });
    });
    $('#ledger').change(function() {
        setFilterButton();
    });

    function setFilterButton() {
        if ($('#ledger').val() == '') {
            $('.filter_button').attr('disabled', true);
        } else {
            $('.filter_button').attr('disabled', false);
        }
    }

    function getData() {
        $('.filter_button').attr('disabled', true);
        getLoader();
        sdate = $('#sdate').val();
        edate = $('#edate').val();
        let data = {
            sdate,
            edate
        };
        customAjaxCall(function(res) {
            console.log("res65645", res);
            assetGroups = res.assetsGroups;
            liabilitiesGroups = res.liabilitiesGroups;
            setAssetAmounts(assetGroups);
            setLiabilitiesAmounts(liabilitiesGroups);
            $('.commonListBody').html(res.body);
        }, 'GET', "{{ route('accounts.report.balance_sheet_statement.index') }}", data);
    }

    let total_expenses = 0;
    let total_revenue = 0;
    async function setAssetAmounts(assetGroups) {
        sdate = $('#sdate').val();
        edate = $('#edate').val();
        total_revenue = 0;
        console.log("here", assetGroups);
        for (let i of assetGroups) {
            customAjaxCall(function(res) {
                console.log("here", i);
                // console.log("res", res);
                total_revenue += (res.debit - res.credit);
                $(`#amount${i}`).text(res.debit - res.credit);
                $('#total_revenue').text(total_revenue);
            }, 'GET', "{{ route('json_accounts.get_trial_balance') }}", {
                sdate,
                edate,
                group: i
            });
        }
    }

    function setLiabilitiesAmounts(liabilitiesGroups, callback) {
        sdate = $('#sdate').val();
        edate = $('#edate').val();
        total_expenses = 0;
        tracking_loop = 0;
        expense_groups_length = liabilitiesGroups.length;
        console.log("here", assetGroups);
        for (let i of liabilitiesGroups) {
            ++tracking_loop;
            customAjaxCall(function(res) {
                console.log("here ex", i);
                // console.log("res", res);
                total_expenses += (res.credit - res.debit);
                $(`#amount${i}`).text(res.credit - res.debit);
                $('#total_expenses').text(total_expenses);
                $('#net_income_before_tax').text(total_revenue - total_expenses);
                $('#tax_amount').text(0);
                $('#net_income_after_tax').text(total_revenue - total_expenses - 0);

                if (expense_groups_length == tracking_loop) {
                    $('.filter_button').attr('disabled', false);
                }
            }, 'GET', "{{ route('json_accounts.get_trial_balance') }}", {
                sdate,
                edate,
                group: i
            });
        }
        // callback(total_expenses);
    }
</script>