@extends('admin.layout.master')
@section('title',__('obs.income').' '.__('obs.statement'))
@section('custom_style')
<style>
input[type=text],input[type=file], input[type=number] {
    height: 24px !important;
}
.table th, .table td {
            padding: 0px 5px;
            color: black;
        }
</style> 
@endsection
@section ('content')
<div class="card sina-card">
    @include('admin.layout.title_header', ['title'=>__('obs.income').' '.__('obs.statement')])
    <div class="card-body" style="padding-bottom:0">
        <form action="{{route('reports.income_statement')}}" 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">
            {{-- @include('accounts.reports.test_income_statement') --}}
        </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.income_statement_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);
            makeZeroToBlank('text-right','text-center');
            $('#loader').hide();
        }
        ajaxCall(link,'GET',data_param, setReportHtml);
    }
</script>
@stop