@extends('admin.layout.master')
@section('title',__('obs.balance_sheet').' '.__('obs.statement'))
@section('custom_style')
<style>
input[type=text],input[type=file], input[type=number] {
    height: 24px !important;
}
</style> 
@endsection
@section ('content')
<div class="card sina-card">
    @include('admin.layout.title_header', ['title'=>__('obs.balance_sheet').' '.__('obs.statement')])
    <div class="card-body" style="padding-bottom:0">
        <form action="{{route('reports.balance_sheet')}}" method="get">
            @include('accounts.reports.search_form',['ledger'=>0])
        </form>
    </div>
                   
    <div class="card-body"  style="padding-top:2px">
        <div class="row">
            <div class="col-md-12" id="report_html">          
            </div>
        </div>
        
    </div>
</div>
@include('admin.global.loader')    

@endsection
@section('script')
<script>
    $('#cost_center_id').select2();
    $('#ledger_id').select2();
    const getReport=()=>{
        let link="{{route('reports.balance_sheet_api')}}";
        let data_param={
            cost_center_id:$('#cost_center_id').val(),
            ledger_id:$('#ledger_id').val(),
            created_by:$('#created_by').val(),
            start_date:$('#start_date').val(),
            end_date:$('#end_date').val()
        }
        const setReportHtml = data => { 
            $('#report_html').html(data);
            $('#loader').hide();
            makeZeroToBlank('text-right','text-center');
        }
        ajaxCall(link,'GET',data_param, setReportHtml);
    }
</script>
@stop