@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.cleaning_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="">{{ __('obs.type') }}</label>
                        <select name="type" id="type" class="form-control select_2" onchange="changeType(this.value)">
                            <option value="1">{{ __('obs.room') }}</option>
                            <option value="2">{{ __('obs.checkin') }}</option>
                        </select>
                    </div>
                    <div class="col-2" id="floor_div">
                        <label for="">{{ __('obs.floor') }}</label>
                        <select name="floor" id="floor" class="form-control select_2" multiple>
                            @foreach ($floors as $f)
                                <option value="{{ $f->id }}">{{ $f->floor_no }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-2" id="room_div">
                        <label for="">{{ __('obs.room') }}</label>
                        <select name="room" id="room" class="form-control select_2" multiple>
                            @foreach ($rooms as $r)
                                <option value="{{ $r->id }}">{{ $r->room_number }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-2" id="checkin_div">
                        <label for="">{{ __('obs.checkin') }}</label>
                        <select name="checkin" id="checkin" class="form-control fd_checkin_no_search">
                        </select>
                    </div>
                    <div class="col-2">
                        <label for="">{{ __('obs.from') }}</label>
                        <input type="text" name="from" id="from" class="form-control date_picker_forward_date_block" 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_forward_date_block" value="{{ date('d-m-Y') }}">
                    </div>
                    <div class="col-1">
                        <label for="">&nbsp;</label>
                        <button type="button" class="btn btn-primary w-100" onclick="search()">{{ __('obs.filter') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('frontdesk.report.frontdesk_common_report_setup')
    <script src="{{ asset('frontdesk/shared/fd_settings.js' . getJsVersion()) }}"></script>
@endsection

@section('script')
    <script>
        let floors = @json($floors);
        let current_warehouse = @json(current_warehouse());
        let current_branch = @json(current_branch());
        function search() {
            let link = "{{ route('frontdesk.reports.cleaning_report') }}";
            let type = $('#type').val();
            let data_param = {
                type: type,
                from: $('#from').val(),
                to: $('#to').val(),
                floor: $('#floor').val(),
                room: $('#room').val(),
                checkin: $('#checkin').val(),
            };
            console.log('=== ',type,data_param);

            if(type == 2 && !data_param.checkin){
                alert('Please select checkin');
                return false;
            }
            callLoader();
            ajaxCustom(function (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);
            }, 'get', link, data_param);
        }
        $(document).ready(function(){
            flatpickr(".date_picker_forward_date_block", {
                altInput: true,
                altFormat: "d-m-Y",
                dateFormat: "d-m-Y",
                maxDate: "today",
            });
            changeType(1);
        });
        function changeType(type){
            if(type == 1){
                $('#floor_div').show();
                $('#room_div').show();
                $('#checkin_div').hide();
                $('#from').val(@json(date('d-m-Y'))).trigger('change');
                $('#to').val(@json(date('d-m-Y'))).trigger('change');
            } else if(type == 2){
                $('#floor_div').hide();
                $('#room_div').hide();
                $('#checkin_div').show();
                $('#to').val('').trigger('change');
                $('#to').flatpickr().clear();
                $('#from').flatpickr().clear();
            }
        }
        function reportHeaderset(info){
            $('.dynamic_report_store_name').html(info.name_eng);
            $('.dynamic_report_store_address').html(info.address_eng);
            $('.dynamic_report_store_email').html(info.email);
            $('.dynamic_report_store_contact_info').html(info.contact_info);
            $('.dynamic_report_store_name_local').html(info.name_local);
            $('.dynamic_report_store_address_local').html(info.address_local);
        }
    </script>
@endsection