@extends('admin.layout.master')
@section('custom_style')
    <style>
       
    </style>
@endsection

@section('content')
    @include('flash-message')
    <div class="col-12">

        @if ($errors->any())
            <div class="alert alert-danger" id="hide-alert">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>

    <div class="card sina-card">
        <div class="card-header d-flex justify-content-between align-items-center"> 
            <h5 class="font-weight-bold mb-0">{{__('obs.bank')}} {{__('obs.receive')}} {{__('obs.list')}}</h5> 
        </div>
        <div class="card-body">
            <div class="">
                <form action="{{ route('frontdesk.receipt.bank_receive.report') }}" method="get" class="form-horizontal" enctype="multipart/form-data">


                <div class="row">

                    {{-- <div class='col-md-2'>
                        <div class="row align-items-center gx-0">
                            <label for="type" class="col-sm-4 labels">{{__('obs.type')}}</label>
                            <div class="col-sm-8">
                                <select name="type" id="type" class="form-control">
                                    <option value=""> Select Type</option>
                                    <option value="1"> Cash</option>
                                    <option value="2"> Bank</option>
                                </select>
                            </div>
                        </div>
                    </div> --}}

                    <div class='col-md-3'>
                        <div class="row align-items-center gx-0">
                            <label for="" class="col-sm-4 labels">{{__('obs.start')}} {{__('obs.date')}}</label>
                            <div class="col-sm-8">
                                <input type="text" name="start_date" id="start_date" class="form-control date_picker" value="{{ request()->start_date ? date('d-m-Y', strtotime(request()->start_date)) : date('d-m-Y') }}">

                            </div>
                        </div>
                        @error('start_date')
                            <span class="help-block text-center text-danger">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>

                    <div class='col-md-3'>
                        <div class="row align-items-center gx-sm-2 gx-0">
                            <label for="" class="col-sm-4 labels">{{__('obs.end')}} {{__('obs.date')}}</label>
                            <div class="col-sm-8">
                                <input type="text" name="end_date" id="end_date" class="form-control date_picker" value="{{ request()->end_date ? date('d-m-Y', strtotime(request()->end_date)) : date('d-m-Y') }}">
                            </div>
                        </div>
                        @error('end_date')
                            <span class="help-block text-center text-danger">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>

                    <div class="col form-group">
                        <button type="button" onclick="getReportData()" value="search_button" class="btn btn-primary" name="search_button" id="search_button" > {{__('obs.search')}} </button>
                        
                        <button class="btn btn-warning" type="button" name="button" onclick="PrintDiv()">
                            <i class="fa fa-print"></i>
                        </button>

                        {{-- <button id="submit_button" name="search_button" value="true" type="submit" class="btn btn-info"> {{__('obs.search')}} </button> --}}
                    </div>
                </div>
                </form>
            </div>

            @include('frontdesk.loader')
            <div id="divTableDataHolder">
               
            </div>

            </div>
        </div>
    </div>

@endsection


@section('script')
<script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>

<script>
    $('.select2').select2();
    partySearch('customer', 2);
    function callLoader(){
        $('#divTableDataHolder').html(
            `<div class="d-flex justify-content-center frontdesk_report_loader">
                <div class="spinner-border" role="status">
                <span class="sr-only">Loading...</span>
                </div>
            </div>
        `);
       }
    function getReportData(){
       
            // callLoader();
            $('#loader').show();
            let start_date = $('#start_date').val();
            let end_date = $('#end_date').val();
            let type = $('#type').val();
            let search_button = $('#search_button').val();
           
            let payload = {
                start_date, end_date,type ,search_button
            };
            console.log("pay", payload);
            var url = "{{ route('frontdesk.receipt.bank_receive.report') }}";
            ajaxCustom(function(res){
                console.log(res);
                $('#divTableDataHolder').html(res.html);
                $('#loader').hide();
            }, 'GET', url, payload);
        }


    
</script>
@endsection