@extends('admin.layout.master')
@section('title',__('obs.trial_balance').' '.__('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 !important;
    color: black;
}
tr:nth-child(even) {
  background-color: #f2f2f2;
}
</style>
@endsection
@section ('content')
<div class="card sina-card">
    @include('admin.layout.title_header', ['title'=>__('obs.trial_balance').' '.__('obs.statement')])

    <div class="card-body">
        <div class="row g-2">
            @if(current_warehouse() == current_store())
                <div class="col-xl-2 col-md-3">
                    <label for="warehouse_id">{{__('obs.hotel')}}</label>
                    @include('admin.inputs.warehouse_select',['index'=>true])
                </div>
            @endif
            <div class="col-xl-1 col-md-3">
                <label for="approve_status">{{__('obs.status')}}</label>
                <select name="approve_status" id="approve_status" class="form-select select_2">
                    <option value="">{{__('obs.all')}}</option>
                    <option value="1">{{__('obs.approved')}}</option>
                </select>
            </div>
            <div class="col">
                <form action="{{route('reports.trail_balance_statement')}}" method="get">
                    @include('accounts.reports.search_form',['ledger'=>0])
                </form>
            </div>
        </div>


        <div id="divTableDataHolder">
            <div id="report_html">


            </div>
        </div>
    </div>
</div>
@include('admin.global.loader')

@endsection
@section('script')
<script>
    $('#cost_center_id').select2();
    const getReport=()=>{
        let link="{{route('reports.trail_balance_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(),
            warehouse_id:$('#warehouse_id').val(),
            approve_status:$('#approve_status').val()
        }
        const setReportHtml = data => {
            $('#report_html').html(data);
            makeZeroToBlank('text-right','text-center');
            $('#loader').hide();
        }
        ajaxCall(link,'GET',data_param, setReportHtml);
    }
    // const makeZeroToBlank=(cls,toCls)=>{
    //     $('.'+cls).each(function() {
    //         var cellText = $(this).text();
    //         if(cellText=='0.00'){
    //             $(this).text('-');
    //             $(this).attr('class', toCls);
    //         }
    //     });
    // }
</script>
@stop