@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_report') }}</h5>
        </div>
        <div class="card-body">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-2">
                        <label for="">{{ __('obs.hotel') }}</label>
                        @include('frontdesk.report.layout.report_hotel_select_full_width')
                    </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>
    {{-- <div class="row">
        <div class="col-12">
            <div id="report_data"></div>
        </div>
    </div> --}}
    @include('frontdesk.report.frontdesk_common_report_setup')
    @include('frontdesk.common.common')
    <script src="{{ asset('frontdesk/shared/fd_settings.js' . getJsVersion()) }}"></script>
@endsection

@section('script')
    <script>
        function search() {
            let hotel_id = $('#custom_hotel_select_in_report').val();
            let link = "{{ route('frontdesk.reports.room_report') }}";
            let data_param = {
                hotel_id: hotel_id
            };
            getLoadingStatusNew();
            customAjaxCall(function (res) {
                closeSweetAlert();
                $('#divTableDataHolder').html("{!! includeAsJsString('frontdesk.report.report_header_custom_warehouse') !!}");
                $('#divTableDataHolder').append(res.data);
                $('.dynamic_report_title').text(res.report_title);
                reportHeaderset(res.custom_store_info);
            }, 'get', link, data_param);
        }
    </script>
@endsection