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

    <style>
        select {
            box-shadow: inset -1px 4px 10px 0px rgb(212 212 212);
            height: 28px !important;
            font-size: 14px !important;
        }
        .col,.col-3{

        }
    </style>
    <link rel="stylesheet" href="{{ asset('assets/css/custom_print.css') }}">

@endsection
@section('content')
    <div class="card sina-card">
        <div class="card-header">
            <h4>Room Status Report</h4>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-3">
                    <div class="form-group mb-0">
                        @include('frontdesk.report.layout.report_hotel_select')
                    </div>
                </div>
                {{-- <div class="col-3">
                    <div class="form-group">
                        <label for="">Status</label>
                        <select name="room_status" id="room_status"class="form-control select_2">
                            <option value="0">All</option>
                            <option value="Dirty">Checked In</option>
                            <option value="Available">Available</option>
                            <option value="Out of Order">Out of Order</option>
                        </select>
                    </div>
                </div> --}}
                <div class="col-3">
                    <div class="form-group">
                        <label for="">Start Date</label>
                        <input type="text" autocomplete="false" id="start_date" name="start_date"
                            class="form-control fd_bs_datepicker" value="{{ date('Y-m-d')}}" data-type="datepicker">
                    </div>
                </div>
                <div class="col-2">
                    <label for="">&nbsp;</label><br>
                    <button type="button" onclick="getReportData()" class="btn btn-info btn-sm" name="filter" >Filter</button>
                    {{-- <button type="button" onclick="fieldRReset()" class="btn btn-danger btn-sm" name="filter" >Reset</button> --}}
                </div>
            </div>
        </div>
    </div>
    @include('frontdesk.report.frontdesk_common_report_setup')
@endsection

<script src="{{ asset('frontdesk/shared/fd_settings.js') }}"></script>
@section('script')

    <script>
        function getReportData(){
            callLoader();
            let start_date = $('#start_date').val();
            let room_status = $('#room_status').val();
            let hotel = $('#custom_hotel_select_in_report').val();
            let payload = {
                start_date, room_status, hotel
            };
            console.log("pay", payload);
            ajaxCustom(function(res){
                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.report.room_status_report_print')}}", payload);
        }
        $(document).ready(function(){
            $('.select_2').select2();
        });
    </script>

@endsection