@extends('admin.layout.master')
@section('title',__('obs.receipt').' '.__('obs.payment').' '.__('obs.statement'))
@section('custom_style')
<style>
    input[type=text],input[type=file], input[type=number] {
        height: 24px !important;
    }
    .bold,.border{
        font-weight: bold;
    }
    .continuous thead th, .continuous tbody td {
        padding: 5px !important;
        border: 1px solid #000 !important;
    }
</style> 
@endsection
@section ('content')
<div class="card sina-card">
    @include('admin.layout.title_header', ['title'=>__('obs.receipt').' '.__('obs.payment').' '.__('obs.statement'),'printable_div'=>'report_html'])
    <div class="card-body" style="padding-bottom:0">
        <form action="{{route('reports.receipt_payment_statement')}}" method="get">
           {{-- @include('accounts.reports.search_form',['ledger'=>0,'view_type'=>1]) --}}
           <div class="row  mb-0 mt-0 pt-2">
                @if(current_warehouse() == current_store())
                    <div class="col-md-2">
                        <label for="warehouse_id">{{__('obs.hotel')}}</label>
                        @include('admin.inputs.warehouse_select',['index'=>true])
                    </div>
                @endif

                <div class="col-md-2 col-12 d-flex flex-wrap pr-0 mb-1">
                    <label for="type">{{__('obs.view')}} {{__('obs.type')}}</label>
                    <div class="input-group">
                    <select name="type" style="width:100%" id="type">
                        <option value="1">{{__('obs.merged')}}</option>
                        <option value="2">{{__('obs.splited')}}</option>
                        <option value="3">{{__('obs.continuous')}}</option>
                        <option value="4">{{__('obs.summery')}}</option>
                        <option value="5">{{__('obs.cost_center_wise')}}</option>
                        <option value="6">{{__('obs.cash')}}/{{__('obs.bank')}} {{__('obs.book')}}</option>
                    </select>
                    </div>
                </div>
                <div class="col-md-2 col-12 d-flex flex-wrap pr-0 mb-1">
                    <label for="cash_bank_id">{{__('obs.cash')}}/{{__('obs.bank')}}</label>
                    <div class="input-group">
                    <select name="cost_center_id" id="cash_bank_id" style="min-width: 100%;" multiple>
                        @forelse ($cashBanks as $cashBank)
                            <option value="{{$cashBank->id}}">{{ $cashBank->name_eng }}</option>
                        @empty
                        @endforelse
                    </select>
                    </div>
                </div>
                <div class="col-md-2 col-12 d-flex flex-wrap pr-0 mb-1">
                    <label for="pay_type">{{__('obs.c_center')}}</label>
                    <div class="input-group">
                    <select name="cost_center_id" id="cost_center_id" style="min-width: 100%;">
                        <option value="0">{{__('obs.all')}}</option>
                        @forelse ($cost_centers as $cost_center)
                        <option value="{{$cost_center->id}}">{{ $cost_center->name }}</option>
                        @empty
                        @endforelse
                    </select>
                    </div>
                </div>
                
                <div class="col-md-4 col-12 d-flex flex-wrap pr-0 mb-1">
                    <label for="cost_id">{{__('obs.date')}} {{__('obs.range')}}</label>
                    <div class="input-group">
                        {!!getDateInput('start_date','start_date',Request()->start_date)!!}
                        <label class="input-group-text" style="height: 24px; margin-left: -2px; margin-right: -2px">{{__('obs.date_to')}}</label>
                        {!!getDateInput('end_date','end_date',Request()->end_date)!!}
                        <button type="button" onclick="getReport()" class="btn btn-sm btn-danger">
                            <span class="fa fa-search"></span>
                        </button>
                    </div>
                </div>
        
            </div>
        </form>
    </div>
   
    <div class="card-body" style="padding-top:2px">
        <div class="card-box" id="report_html">
        </div>
    </div>
</div>           
@include('admin.global.loader') 
@endsection
@section('script')
<script>
    
    $('#cost_center_id').select2();
    $('#cash_bank_id').select2();
    $('#type').select2();
    const getReport=()=>{
        $('#report_html').html('');
        let link="{{route('reports.receipt_payment_statement_api')}}";
        let inv_link="{{route('reports.categorywise_product_sales')}}";
        
        let data_param={
            cost_center_id:$('#cost_center_id').val(),
            cash_bank_id:$('#cash_bank_id').val(),
            type:$('#type').val(),
            start_date:$('#start_date').val(),
            end_date:$('#end_date').val(),
            warehouse_id:$('#warehouse_id').val(),
        }
        const setReportHtml = html => { 
            $(html).appendTo('#report_html');
            makeZeroToBlank('text-right','text-center');
            $('#loader').hide();
        }
        ajaxCall(link,'GET',data_param, setReportHtml);
        if(permission_check('reports.categorywise_product_sales')){
            ajaxCall(inv_link,'GET',data_param, setReportHtml);
        }
    }
    const toggleDetailsRow=(pid)=>{
        $('.child_row-'+pid).toggle();
    }
</script>
@stop