@extends('admin.layout.master')
@section('custom_css')
    
@endsection
@section('content')
    <div class="card sina-card">
        <div class="card-header">
            <h5 class="font-weight-bold mb-0">{{ __('obs.room_block_unblock_report') }}</h5>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-2">
                    <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-2">
                    <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-2">
                    <label for="">{{ __('obs.hotel') }}</label>
                    @include('admin.inputs.warehouse_select')
                </div>
                <div class="col-1">
                    <label for="">&nbsp;</label>
                    <button type="button" class="btn btn-primary w-100" onclick="search()">{{ __('obs.search') }}</button>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div id="report_data"></div>
        </div>
    </div>
    @include('frontdesk.common.common')
@endsection

@section('script')
    <script>
        function search() {
            let from = $('#from').val();
            let to = $('#to').val();
            let warehouse_id = $('#warehouse_id').val();
            let link = "{{ route('frontdesk.reports.room_block_unblock_report') }}";
            let data_param = {
                from: from,
                to: to,
                warehouse_id: warehouse_id,
            };
            getLoadingStatusNew();
            customAjaxCall(function (res) {
                closeSweetAlert();
                $('#report_data').html(res.html);
            }, 'get', link, data_param);
        }
    </script>
@endsection