@extends('admin.layout.master')
@section('custom_style')

    <style>
        #divTableDataHolder{
            max-height: calc(100vh - 200px);
            overflow: auto;
        }
    </style>

@endsection
@section('content')

    <div class="card sina-card">
        <div class="card-header">
            <h4>{{__('obs.ntmp_status_check')}}</h4>
        </div>
        <div class="card-body">
            <div class="row justify-content-center">
                <div class="col-12">
                    {{-- <form action="{{route('frontdesk.report.changed_room_bed_report_print')}}" method="get"> --}}
                        <div class="row">
                            <div class="col-2">
                                <div class="form-group mb-0">
                                    @include('frontdesk.report.layout.report_hotel_select')
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="" title="Booking Date/Checkin Date (First Transaction)">{{__('obs.start_date')}}</label>
                                    <input type="text" autocomplete="false" value="{{ date('d-m-Y') }}" id="start_date" name="start_date" class="form-control date_picker">
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="" title="Booking Date/Checkin Date (First Transaction)">{{__('obs.end_date')}}</label>
                                    <input type="text" autocomplete="false" value="{{ date('d-m-Y') }}" id="end_date" name="end_date" class="form-control date_picker">
                                </div>
                            </div>
                            <div class="col-3">
                                <label for="">{{__('obs.check_in')}}/{{__('obs.resv')}}. {{__('obs.code')}}</label>
                                <select name="check_in_id" id="check_in_id" class="form-control fd_checkin_resv_code_search"></select>
                            </div>
                            <div class="col-2">
                                <label for="">&nbsp;</label><br>
                                <button type="submit" onclick="getReportData()" class="btn btn-info btn-sm">{{__('obs.filter')}}</button>
                            </div>
                        </div>
                    {{-- </form> --}}
                </div>
            </div>
        </div>
    </div>
    @include('frontdesk.report.frontdesk_common_report_setup')
@endsection

@section('script')

    <script>
        function getReportData(){
            callLoader();
            let start_date = $('#start_date').val();
            let end_date = $('#end_date').val();
            let check_in_id = $('#check_in_id').val();
            let hotel = $('#custom_hotel_select_in_report').val();
            let payload = {
                start_date, end_date, check_in_id, hotel
            };
            console.log("pay", payload);
            ajaxCustom(function(res){
                if(res.status == 0){
                    Swal.fire({
                        icon: 'warning',title:res.message,position:'center'
                    });
                }
                console.log(res);
                $('#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);
                $('#loader').hide();
            }, 'GET', "{{route('frontdesk.ksa_booking_information_check')}}", payload);
        }
        $(document).ready(function(){
            $('.select_2').select2();
        });
    </script>

@endsection