@extends('admin.layout.master')
@section('title', __('obs.financial_statement'))
@section('custom_style')
    <style>
        input[type=text],
        input[type=file],
        input[type=number] {
            height: 24px !important;
        }

        .bold,
        .border {
            font-weight: bold;
        }
    </style>
@endsection
@section('content')
    <div class="card sina-card">
        @include('admin.layout.title_header', [
            'title' => __('obs.financial_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="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) !!}
                            <div class="input-group-append">
                                <button type="button" onclick="getReport()" style="max-height: 30px;"
                                    class="btn btn-sm btn-danger">
                                    <span class="fa fa-search"></span>
                                </button>
                            </div>
                        </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('accounts_report.financial_statement') }}";
            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);

        }
        const toggleDetailsRow = (pid) => {
            $('.child_row-' + pid).toggle();
        }
    </script>
@stop