@extends('admin.layout.master')
@section('content')
    <div class="card sina-card">
        <div class="card-header">
            <h4 class="font-weight-bold mb-0">{{ __('obs.frontdesk_accounts_reconciliation_report') }} ({{ __('obs.day_wise') }})</h4>
        </div>
        <div class="card-body">
            <div class="row g-2 mb-3">
                <div class="col-xl-2 col-lg-3 col-6">
                    <label for="">{{ __('obs.from') }}</label>
                    <input type="text" name="from" id="from" class="form-control date_picker" value="{{ date('d-m-Y') }}">
                </div>
                <div class="col-xl-2 col-lg-3 col-6">
                    <label for="">{{ __('obs.to') }}</label>
                    <input type="text" name="to" id="to" class="form-control date_picker" value="{{ date('d-m-Y') }}">
                </div>
                <div class="col-xl-2 col-lg-3 col-6">
                    <label for="">{{ __('obs.hotel') }}</label>
                    @include('admin.inputs.warehouse_select')
                </div>
                <div class="col-xl-1 col-lg-3">
                    <label for="">&nbsp;</label>
                    <button type="button" class="btn btn-primary w-100" onclick="search()">{{ __('obs.search') }}</button>
                </div>
            </div>
            <div id="report_data"></div>
        </div>
    </div>

    @include('frontdesk.common.common')
@endsection

@section('script')
    <script>
        function search() {
            getLoadingStatusNew();
            let from = $('#from').val();
            let to = $('#to').val();
            let warehouse_id = $('#warehouse_id').val();
            let link = "{{ route('frontdesk.reports.fd_acc_reconcilation_day_wise') }}";
            let data_param = {
                from: from,
                to: to,
                warehouse_id: warehouse_id,
            };

            customAjaxCall(function (res) {
                closeSweetAlert();
                $('#report_data').html(res.html);
            }, 'get', link, data_param);
        }
    </script>
@endsection