@extends('admin.layout.master')
@section('title', 'Rating')
@section('custom_css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css">
@endsection
@section('content')
    <div class="card sina-card mt-0 mb-1">
        <div class="card-header card-header-s">
            <div class="d-flex justify-content-between">
                <h5 class="mb-0">{{ __('obs.rating_and_reviews') }}</h5>
            </div>
        </div>
        <div class="card-body">
            <div class="row g-2">
                <div class="col-1">
                    <label for="">{{ __('obs.type') }}</label>
                    <select name="" id="type" class="form-control">
                        <option value="">All</option>
                        <option value="1">Hotel</option>
                        <option value="2">Service</option>
                    </select>
                </div>
                <div class="col-1">
                    <label for="">{{ __('obs.room') }}</label>
                    <select name="room_id" id="room_id" class="select_2 form-control w-100">
                        <option value="">All</option>
                        @foreach ($all_rooms as $r)
                            <option value="{{ $r->id }}">{{ $r->room_number }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-3">
                    <label for="">{{ __('obs.rating') }}</label>
                    <select name="rating" id="rating" class="form-control select_2" multiple>
                        {{-- <option value="">{{ __('obs.all') }}</option> --}}
                        @foreach ([1,2,3,4,5] as $key=>$s)
                            <option selected value="{{ $s }}">{{ $s }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-2">
                    <label for="">{{ __('obs.from') }}</label>
                    <input type="text" class="form-control date_picker" value="{{ date('d-m-Y') }}" id="start_date">
                </div>
                <div class="col-2">
                    <label for="">{{ __('obs.to') }}</label>
                    <input type="text" class="form-control date_picker" value="{{ date('d-m-Y') }}" id="end_date">
                </div>
                <div class="col-1">
                    <label for="">&nbsp;</label>
                    <button class="btn btn-sm btn-primary d-block" onclick="loadData()">{{ __('obs.filter') }}</button>
                </div>
            </div>
        </div>
    </div>
    <div class="row mt-2">
        <div class="col-12">
            <div class="card">
                <div class="commonListBody card-body" style="min-height: 100px" id="loaded_info">
    
                </div>
            </div>
        </div>
        <div class="commonListPaginate">

        </div>
    </div>
    @include('frontdesk.common.common')
@endsection


@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script>
    <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
    <script>
        const store_setting = @json(store_info());
        const warehouse_setting = @json(warehouse_info());
        let ajaxUrl = "{{ route('frontdesk.guest_complain.index_rating') }}";
        let ajaxData = {};
        $(document).ready(function(){
        });

        function loadData(){
            console.log("here 22");
            hideAddNewDrawer();
            getLoadingStatusNew();
            let type = $('#type').val();
            let start_date = $('#start_date').val();
            let end_date = $('#end_date').val();
            let room_id = $('#room_id').val();
            let rating = $('#rating').val();
            ajaxData = {type,start_date,end_date,room_id,rating};
            customAjaxCall(function(res){
                $('.commonListBody').html(res.body);
                $('.commonListPaginate').html(res.paginate);
                closeSweetAlert();
            }, 'GET', ajaxUrl, ajaxData)
        }
    </script>

@endsection