@extends('admin.layout.master')
@section('title', 'Guest Service Request')
@section('custom_css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css">
<style>
    .custom_checkbox_department label {
        border: solid 1px #ccc;
        text-align: center;
        background-color: #fff;
        border-radius: 5px;
    }
    .custom_checkbox_department input[type="radio"] {
        display: none;
    }
    .custom_checkbox_department input[type="radio"]:checked + label {
        border: solid 2px #cac5c5;
        background-color: var(--bs-primary);
        border: solid 1px var(--bs-primary);
        color: #fff;
    }
    .custom_checkbox_service label {
        border: solid 1px #ccc;
        text-align: center;
        background-color: #fff;
        border-radius: 5px;
    }
    .custom_checkbox_service input[type="radio"] {
        display: none;
    }
    .custom_checkbox_service input[type="radio"]:checked + label {
        border: solid 2px #cac5c5;
        background-color: var(--bs-primary);
        border: solid 1px var(--bs-primary);
        color: #fff;
    }
    select[readonly].select2-hidden-accessible + .select2-container {
        pointer-events: none;
        touch-action: none;
    }

    select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
        background: #eee;
        box-shadow: none;
    }

    select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
        display: none;
    }

    .service_box {
        /* display: flex;
        flex-wrap: wrap;
        gap: 3px; */
    }
</style>
@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">
                <h4 class="mb-0">{{ __('obs.guest_service_request_list') }} {{ $type == 2 ? __('obs.user_wise') : '' }}</h4>
                {{-- @if($type == 1) --}}
                    <button class="btn btn-info" onclick="addNewDrawer2()">{{ __('obs.add') }}</button>
                {{-- @endif --}}
            </div>
        </div>
        <div class="card-body">
            <div class="accordion mb-2" id="guestServiceAccordion">
                <div class="accordion-item">
                  <h2 class="accordion-header" id="headingOne">
                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#guest_service_filter" aria-expanded="true" aria-controls="guest_service_filter">
                        {{ __('obs.guest_service_request') }} {{ __('obs.filter') }}
                    </button>
                  </h2>
                  <div id="guest_service_filter" class="accordion-collapse collapse show" data-bs-parent="#guestServiceAccordion">
                    <div class="accordion-body">
                        <div class="row gx-2 gy-1">
                            <div class="col-xl-2 col-lg-2 col-md-3 col-sm-4 col-12">
                                <label for="" class="w-100">{{ __('obs.request_no') }}</label>
                                <input type="text" class="form-control" id="filter_complain_no">
                            </div>
                            @if($type == 1)
                                <div class="col-xl-2 col-lg-2 col-md-3 col-sm-4 col-6">
                                    <label for="" class="w-100">{{ __('obs.dept') }}</label>
                                    <select name="filter_department_id" id="filter_department_id" class="form-control select_2">
                                        <option value="">{{ __('obs.all') }}</option>
                                        @foreach ($departments as $key=>$s)
                                            <option value="{{ $s->id }}">{{ $s->name }}</option>
                                            {{-- @if(get_guard() == 'admin')
                                                @if(checkAuthPermission($s->note))
                                                    <option value="{{ $s->id }}">{{ $s->name }}</option>
                                                @endif
                                            @else
                                                <option value="{{ $s->id }}">{{ $s->name }}</option>
                                            @endif --}}
                                        @endforeach
                                    </select>
                                </div>
                            @endif
                            @if($type == 2 || get_guard() == 'party')
                                <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6">
                                    <label for="" class="w-100">{{ __('obs.hotel') }}</label>
                                    <select name="warehouse_id" id="warehouse_id" class="form-control select_2" onchange="loadRoomNumbers()">
                                        <option value="">{{ __('obs.all') }}</option>
                                        @foreach ($warehouse_list as $key=>$w)
                                            {{-- {{ $w->id == current_store() ? 'selected' : '' }} --}}
                                            <option value="{{ $w->id }}">{{ $w->name_eng }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            @else
                                <input type="hidden" name="warehouse_id" id="warehouse_id" value="{{ current_store() }}">
                            @endif
                            <div class="col-xl-1 col-lg-2 col-md-3 col-sm-4 col-6">
                                <label for="" class="w-100">{{ __('obs.floor') }}</label>
                                <select name="filter_floor_id" id="filter_floor_id" class="select_2 form-control w-100" onchange="floorChange()">
                                    <option value="">All</option>
                                    @foreach ($floors as $r)
                                        <option value="{{ $r->id }}">{{ $r->floor_no }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-xl-1 col-lg-2 col-md-3 col-sm-4 col-6">
                                <label for="" class="w-100">{{ __('obs.room') }}</label>
                                <select name="filter_room_id" id="filter_room_id" class="select_2 form-control w-100">
                                    <option value="">All</option>
                                    @foreach ($all_rooms as $r)
                                        <option data-floor-id="{{ $r->floor_id }}" value="{{ $r->id }}">{{ $r->room_number }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-xl-2 col-lg-2 col-md-3 col-sm-4 col-6">
                                <label for="" class="w-100">{{ __('obs.service') }}</label>
                                <select name="filter_service_id" id="filter_service_id" class="select_2 form-control w-100">
                                    <option value="">All</option>
                                    @foreach ($services as $service)
                                        <option value="{{ $service->id }}">{{ $service->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-xl-1 col-lg-2 col-md-3 col-sm-4 col-6">
                                <label for="" class="w-100">{{ __('obs.from') }}</label>
                                <input type="text" class="form-control date_picker" value="{{ date('d-m-Y') }}" id="start_date">
                            </div>
                            <div class="col-xl-1 col-lg-2 col-md-3 col-sm-4 col-6">
                                <label for="" class="w-100">{{ __('obs.to') }}</label>
                                <input type="text" class="form-control date_picker" value="{{ date('d-m-Y') }}" id="end_date">
                            </div>
                            <div class="col-xl-1 col-lg-2 col-md-3 col-sm-4 col-6">
                                <label for="" class="w-100">{{ __('obs.phone') }}</label>
                                <input type="text" class="form-control" value="" id="filter_phone">
                            </div>
                            @if($type == 1 && get_guard() == 'admin')
                                <div class="col-xl-1 col-lg-3 col-md-4 col-sm-4 col-6">
                                    <label for="" class="w-100">{{ __('obs.user') }}</label>
                                    <div class="d-flex">
                                        <select name="filter_user" id="filter_user" class="select_2">
                                            <option value="">All</option>
                                            <option value="-1">Unassigned</option>
                                            @foreach ($users as $u)
                                                <option value="{{ $u->id }}">{{ $u->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            @endif
                            <div class="col-xl-4 col-lg-8 col-md-6 col-sm-8 col-12">
                                <label for="" class="w-100">{{ __('obs.status') }}</label>
                                <select name="filter_status" id="filter_status" class="form-control select_2" multiple>
                                    {{-- <option value="">{{ __('obs.all') }}</option> --}}
                                    @foreach (getServiceRequestStatus() as $key=>$s)
                                        <option {{ in_array($key, [1,2,6])?'selected':'' }} value="{{ $key }}">{{ $s }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-xl-1 col-lg-2">
                                <label for="" class="d-block">&nbsp;</label>
                                <button class="btn btn-sm btn-primary" onclick="loadData()">{{ __('obs.filter') }}</button>
                            </div>
                        </div>
                    </div>
                  </div>
                </div>
            </div>

            <div class="commonListBody" style="min-height: 100px" id="loaded_info">
        
            </div>
            <div class="commonListPaginate mt-2">
            </div>
        </div>
    </div>
    
    <div class="insert_drawer_full_page" tabindex="-1" onclick="hideAddNewDrawer()">
        <div class="insert_drawer" onclick="dontHideAddNewDrawer(event)">
            <div class="row d-flex justify-content-center">
                <div class="col-12">
                    <style>
                        .form-group{
                            margin-bottom: 0;
                        }
                    </style>
                    <form action="{{ route('frontdesk.complain.store') }}" class="form_submit">
                        <input type="hidden" name="row_id" id="row_id">
                        <input type="hidden" name="department" id="department">
                        <div class="lost_found">
                            <div class="row hide_page" id="complain_page_1">
                                @if (get_guard() == 'admin' && $type == 1)
                                    <input type="hidden" id="warehouse_id_form" value="{{ current_store() }}">
                                @else
                                    <div class="col-12">
                                        <label for="">{{ __('obs.hotel') }}</label>
                                        <div class="d-flex">
                                            <select name="" id="warehouse_id_form" class="form-control select_2 w-100" @if (get_guard() != 'admin') onchange="fetchGuests()" @endif>
                                                {{-- <option value="">Select Hotel</option> --}}
                                                @foreach ($warehouse_list as $w)
                                                    <option {{ get_guard() == 'admin' && $w->id == current_store() ? 'selected' : '' }} value="{{ $w->id }}">{{ $w->name_eng }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                @endif
                                @php
                                    $housekeeping_id = $departments->where('other_info4', 'HK')->first()->id ?? null;
                                    $maintenance_id = $departments->where('other_info4', 'MAINTENANCE')->first()->id ?? null;
                                    $service_id = $departments->where('other_info4', 'SERVICE')->first()->id ?? null;
                                @endphp
                                @if($maintenance_id)
                                    <div class="col-6">
                                        <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="setDepartment({{ $maintenance_id }})">
                                            <img src="{{ asset('frontdesk/qr_code/Maintenance.jpg') }}" alt="" class="img-fluid rounded">
                                            <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.maintenance') }}</h4>
                                        </div>
                                    </div>
                                @endif
                                @if($housekeeping_id)
                                    <div class="col-6">
                                        <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="setDepartment({{ $housekeeping_id }})">
                                            <img src="{{ asset('frontdesk/qr_code/Housekeeping.jpg') }}" alt="" class="img-fluid rounded">
                                            <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.housekeeping') }}</h4>
                                        </div>
                                    </div>
                                @endif
                                @if($service_id)
                                    <div class="col-6">
                                        <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="setDepartment({{ $service_id }})">
                                            <img src="{{ asset('frontdesk/qr_code/Service.jpg') }}" alt="" class="img-fluid rounded">
                                            <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.service') }}</h4>
                                        </div>
                                    </div>
                                @endif
                            </div>
                            <div class="row hide_page" id="complain_page_2">
                                <div class="col-12">
                                    <div class="form-group">
                                        <label for="">{{__('obs.service')}}<span class="text-danger">*</span></label>
                                        <div class="service_box custom_checkbox_service">
                                            Select Department First
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row hide_page" id="complain_page_3">
                                @if (get_guard() == 'admin')
                                    <div class="col-12">
                                        <div class="form-group guest_div">
                                            <label for="">{{ __('obs.guest') }}</label>
                                            <select name="guest_id" id="guest_id" class="form-control guest_live_search" onchange="guestChange()"></select>
                                        </div>
                                    </div>
                                @else
                                    <div class="col-12">
                                        <div class="form-group guest_div">
                                            <label for="">{{ __('obs.guest') }}</label>
                                            <select name="guest_id" id="guest_id" class="form-control select_2 filtered_guest" onchange="guestChange(2)"></select>
                                        </div>
                                    </div>
                                @endif
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="">{{ __('obs.room') }}
                                            @if(get_guard() == 'admin')
                                                <input type="checkbox" name="make_room_dirty" class="ms-2" id="make_room_dirty" value="1">
                                                <i class="ms-2 fa fa-info-circle" title="Make Room Dirty/Out of Order"></i>
                                            @endif
                                        </label>
                                        <div class="d-flex">
                                            <select name="room_id" id="room_id" class="select_2 form-control w-100" {{ get_guard() == 'party' ? 'readonly' : '' }} onchange="toggleLocation()">
                                                @if(get_guard() == 'admin')
                                                    <option value="-1">{{ __('obs.other') }}</option>
                                                @endif
                                                @foreach ($all_rooms as $r)
                                                    <option value="{{ $r->id }}">
                                                        {{-- {{ get_guard() == 'party' ? ($r->wareHouse->name_eng.': ') : '' }}  --}}
                                                        {{ $r->room_number }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6" id="location_div">
                                    <div class="form-group">
                                        <label for="">{{ __('obs.location') }}</label>
                                        <div class="d-flex">
                                            <select name="location_id" class="form-control select_2" id="location_id">
                                                @foreach ($locations as $l)
                                                    <option value="{{ $l->id }}">{{ $l->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="">{{ __('obs.date') }}</label>
                                        <input type="text" value="{{ date('d-m-Y') }}" class="form-control date_picker" name="date" id="date">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="">{{__('obs.name')}} @if(get_guard() != 'admin')<span class="text-danger">*</span>@endif</label>
                                        <input type="text" class="form-control" name="name" value="" id="name">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="">{{__('obs.phone')}} @if(get_guard() != 'admin')<span class="text-danger">*</span>@endif <i class="ms-2 fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="You can track you service request using this number."></i>
                                            </label>
                                        </label>
                                        <input type="text" class="form-control" name="phone" value="" id="phone">
                                    </div>
                                </div>
                                <div class="col-5">
                                    <div class="form-group">
                                        <label for="">{{__('obs.time')}}<span class="text-danger">*</span></label>
                                        <div class="custom_checkbox_department">
                                            <input type="radio" name="time_type" id="time_type_1" checked value="1" onchange="timeTypeChange(1)">
                                            <label for="time_type_1" class="px-2 py-1">{{__('obs.now')}}</label>
                                            <input type="radio" name="time_type" id="time_type_2" value="2" onchange="timeTypeChange(2)">
                                            <label for="time_type_2" class="px-2 py-1">{{__('obs.later')}}</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-7" style="display: none;" id="service_date_time_picker">
                                    <div class="row g-1">
                                        <div class="col-6">
                                            <label class="">From</label>
                                            <input type="time" class="form-control" name="prefer_time" value="{{date('H:i')}}">
                                        </div>
                                        <div class="col-6">
                                            <label class="">To</label>
                                            <input type="time" class="form-control" name="prefer_time_end" value="{{date('H:i')}}">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group">
                                        <label for="">{{__('obs.image')}}</label>
                                        <input type="file" onChange="validateFile(this.value)" id="img" name="img" class="form-control">
                                    </div>
                                    <div id="user_assign_div" style="display: none">
                                        @if($assigned_user)
                                            <input type="hidden" name="assigned_user" value="{{$assigned_user}}">
                                        @else
                                            <div class="row">
                                                <div class="col-6">
                                                    <label for="">Group</label>
                                                    <div class="d-flex">
                                                        <select name="assign_group" id="posting_assign_group" class="select_2 w-100" onchange="groupChange('posting_assign_group','posting_assign_user')">
                                                            <option value="">Select Group</option>
                                                            @foreach ($groups as $g)
                                                                <option value="{{ $g->id }}">{{ $g->name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-6">
                                                    <div class="form-group">
                                                        <label for="">User</label>
                                                        <div class="d-flex">
                                                            <select name="assigned_user" id="posting_assign_user" class="select_2">
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                    <div class="form-group">
                                        <label for="">{{__('obs.note')}}</label>
                                        <textarea name="remarks" id="remarks" cols="30" rows="2" class="form-control" style="min-height: 50px"></textarea>
                                    </div>
                                </div>
                                <div class="form-group mt-2">
                                    <button class="btn btn-sm btn-success">{{ __('obs.save') }}</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="userAssign" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userAssignLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="userAssignLabel">Assign Task</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="">Group</label>
                        <div class="d-flex">
                            <select name="assign_group" id="assign_group" class="select2_modal" onchange="groupChange()">
                                <option value="">Select Group</option>
                                @foreach ($groups as $g)
                                    <option value="{{ $g->id }}">{{ $g->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="">User</label>
                        <div class="d-flex">
                            <select name="assign_user" id="assign_user" class="select2_modal">
                                {{-- @foreach ($users as $u)
                                    <option value="{{ $u->id }}">{{ $u->name }}</option>
                                @endforeach --}}
                            </select>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="button" onclick="taskAssignToUser()" class="btn btn-primary">Confirm</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="billModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="billModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="billModalLabel">Bill</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form action="{{ route('frontdesk.guest_complain.bill_post') }}" class="form_submit" method="post">
                    <div class="modal-body" id="billModalBody">

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Confirm</button>
                    </div>
                </form>
            </div>
        </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 services = @json($services);
        let currency = @json($currency);
        let ajaxUrl = @json(route($route));
        let ajaxData = {};
        let selected_complain_id = null;
        let type = @json($type);
        let all_rooms = @json($all_rooms);
        let guard = @json(get_guard());
        let party_id = @json(active_party());
        let guest_search_route = `/frontdesk/guest_live_search?only_checkin=>1&all_warehouse=${guard=='party'?1:''}&agent_id=${guard=='party'?party_id:''}`;
        let filtered_guests = [];
        let groups = @json($groups);
        let users = @json($users);
        $(document).ready(function(){
            remote_select('guest_live_search',
                guest_search_route,
                true,
                "Select Guest");
            $('.select2_modal').select2({
                dropdownParent: $("#userAssign")
            });
            if(type == 2){
                loadRoomNumbers();
            }
            if(guard == 'party'){
                // $('#room_id').attr
            }
        });

        function checkAllComplains(checkbox,type) {
            if(type==1){
                $('.complains').prop('checked', checkbox.checked);
            }
            if(type==2){
                $('.complain_status').prop('checked', checkbox.checked);
            }
        }
        function addNewDrawer2(){
            $('.lost_found').show();
            addNewDrawer();
            $('.hide_page').hide();
            $('#complain_page_1').show();
            $('#user_assign_div').show();
            loadRoomNumbersForPost();
        }
        function editLostFound(id){
            getLoadingStatusNew();
            customAjaxCall(function(res){
                addNewDrawer();
                loadRoomNumbersForPost();
                $('.hide_page').hide();
                $('#complain_page_1').show();
                $('#guest_id').html(res.info.guest_id);
                $('#row_id').val(res.info.id);
                if(res.info.room_id){
                    $('#room_id').val(res.info.room_id).trigger('change');
                } else{
                    $('#room_id').val(-1).trigger('change');
                    $('#location_id').val(res.info.location_id).trigger('change');
                }
                $('#date').val(res.info.date);
                $('#name').val(res.info.name);
                $('#phone').val(res.info.phone);
                $(`#department_${res.info.department_id}`).prop('checked', true);
                setDepartment(res.info.department_id);
                res.info.get_services.forEach(s => {
                    $(`#service_${s.service_id}`).prop('checked', true);
                });
                $(`#time_type_${res.info.time_type}`).prop('checked', true);
                $('#prefer_time').val(res.info.prefer_time);
                $('#prefer_time_end').val(res.info.prefer_time_end);
                $('#remarks').val(res.info.remarks);
                $('.lost_found').show();
                closeSweetAlert();
                $('#user_assign_div').hide();
            }, 'get', "{{ route('frontdesk.guest_complain.find') }}", {id});
        }
        function loadData(){
            console.log("here 22");
            hideAddNewDrawer();
            getLoadingStatusNew();
            let filter_complain_no = $('#filter_complain_no').val();
            let filter_status = $('#filter_status').val();
            let filter_department_id = $('#filter_department_id').val();
            let room_id = $('#filter_room_id').val();
            let floor_id = $('#filter_floor_id').val();
            let service_id = $('#filter_service_id').val();
            let warehouse_id = $('#warehouse_id').val();
            let start_date = $('#start_date').val();
            let end_date = $('#end_date').val();
            let phone = $('#filter_phone').val();
            let filter_user = $('#filter_user').val();
            ajaxData = {filter_complain_no,filter_status,start_date,end_date,floor_id,room_id,service_id,filter_department_id,phone,filter_user,warehouse_id};
            customAjaxCall(function(res){
                $('.commonListBody').html(res.body);
                $('.commonListPaginate').html(res.paginate);
                $('#billModal').modal('hide');
                closeSweetAlert();
            }, 'GET', ajaxUrl, ajaxData)
        }
        function makeSolve(id){
            sweet_confirm(function(res){
                if(res.isConfirmed == true){
                    getLoadingStatusNew();
                    customAjaxCall(function(res){
                        loadData();
                        sweet_success(function(){
                            closeSweetAlert();
                        }, 'Updated');
                    }, 'get', "{{ route('frontdesk.guest_complain.status_update') }}", {id});
                }
            });
        }
        function setDepartment(id){
            $('.hide_page').hide();
            $('#department').val(id);
            getLoadingStatusNew();
            customAjaxCall(function(res){
                closeSweetAlert();
                $('.service_box').html(res.html);
                $('#complain_page_2').show();
            }, 'GET', "{{ route('frontdesk.guest_complain.service_list') }}", {department_id:id, warehouse_id:$('#warehouse_id_form').val()});
            // if(service){
            //     service.forEach(s => {
            //         html += `<input type="radio" name="service[]" id="service_${s.id}" value="${s.id}">
            //         <label for="service_${s.id}" class="px-2 py-1">${s.name} ${s.amount > 0 ? `Charge: ${s.amount} ${currency ? currency.name : ""}` : ''}${s.amount > 0 && s.unit ? `/${s.get_unit.name}` : ''}</label>`;
            //     });
            // }else{
            //     html = 'No Service Found';
            // }
        }
        function timeTypeChange(type){
            if(type == 1){
                $('#service_date_time_picker').hide();
            }else{
                $('#service_date_time_picker').show();
            }
        }
        function guestChange(is_remote=1){
            let guest_id = $('#guest_id').val();
            if(guest_id){
                if(is_remote == 1){
                    let info = lastRemoteSelect.find((x) => x.id == guest_id);
                    console.log("info", info);
                    if(info){
                        $('#name').val(info ? (info.info ? info.info.name : '') : '');
                        $('#phone').val(info ? (info.info ? info.info.mobile_no : '') : '');
                        $('#room_id').val(info ? (info.info ? info.info.room_id : '') : '').trigger('change');
                    }
                }else{
                    let info = filtered_guests.find((x) => x.id == guest_id);
                    console.log("info", info);
                    if(info){
                        $('#name').val(info ? info.name : '');
                        $('#phone').val(info ? info.mobile_no : '');
                        $('#room_id').val(info ? info.room_id : '').trigger('change');
                    }
                }
            }
        }
        function statusChange(id, new_status, is_adding_note = 0){
            var selectedComplaints = [];
            $('.complain_status:checked').each(function() {
                selectedComplaints.push($(this).val());
            });
            if (selectedComplaints.length <= 0) {
                selectedComplaints.push(id);
            }

            Swal.fire({
                title: "Are you sure?",
                text: `Please, Write Remarks. (${is_adding_note == 1 ? "Required" : "Optional"})`,
                input: "text",
                inputAttributes: {
                    autocapitalize: "off",
                },
                inputValidator: (value) => {
                    if (!value && is_adding_note == 1) {
                        return "Please, Write Remarks.";
                    }
                },
                showCancelButton: true,
                confirmButtonText: "Confirm",
                showLoaderOnConfirm: true,
                allowOutsideClick: () => !Swal.isLoading()
                }).then((result) => {
                if (result.isConfirmed) {
                    let data = {
                        id: id,
                        type: is_adding_note == 1 ? 3 : 1,
                        selectedComplaints: selectedComplaints,
                        status: new_status,
                        remarks: result.value
                    };
                    getLoadingStatusNew();
                    customAjaxCall(function(res){
                        if(res){
                            sweet_success(function(){
                                loadData();
                            }, 'Success', 'Service Request Status Updated Successfully!');
                        }
                    }, 'POST', "{{ route('frontdesk.complain.status_change') }}", data);
                }
            });
        }
        function reassignUser(id,sub_department,reassignUser=null){
            selected_complain_id = id;
            let group_html = '<option value="">Select Group</option>';
            let filter_groups = groups.filter(function(e){
                return e.sub_department_id == sub_department;
            });
            console.log(sub_department, groups, filter_groups);
            if(filter_groups){
                filter_groups.forEach(d => {
                    group_html += `<option value="${d.id}">${d.name}</option>`;
                });
            }
            $('#assign_group').html(group_html);
            let reassign_html = '';
            let pre_selected_user = users.find(e => e.id == reassignUser);
            if(pre_selected_user){
                reassign_html = `<option value="${reassignUser}" selected>${pre_selected_user.name}</option>`;
            }

            $('#assign_user').html(reassign_html).trigger('change');
            $('#userAssign').modal('show');
        }
        function taskAssignToUser(){
            var selectedComplaints = [];
            $('.complains:checked').each(function() {
                selectedComplaints.push($(this).val());
            });
            if (selectedComplaints.length > 0) {
                selected_complain_id = null;
            }else{
                selectedComplaints.push(selected_complain_id);
            }

            let user = $('#assign_user').val();
            getLoadingStatusNew();
            customAjaxCall(function(res){
                if(res){
                    sweet_success(function(){
                        $('#userAssign').modal('hide');
                        loadData();
                    }, 'Success', 'Service Request Status Updated Successfully!');
                }
            }, 'POST', "{{ route('frontdesk.complain.status_change') }}", {
                id: selected_complain_id,
                selectedComplaints: selectedComplaints,
                assigned_user: user
            });
        }
        function loadRoomNumbers(){
            let warehouse_id = $('#warehouse_id').val();
            let html = '<option value="">All</option>';
            let this_ware_rooms = all_rooms.filter(w => w.ware_id == warehouse_id);
            this_ware_rooms.map(r=> html += `<option value="${r.id}">${r.room_number}</option>`);
            $('#filter_room_id').html(html);
            console.log("h", warehouse_id, this_ware_rooms);
        }
        function loadRoomNumbersForPost(is_all_rooms = 0){
            let warehouse_id = $('#warehouse_id_form').val();
            let html = '<option value="-1">Other</option>';
            let this_ware_rooms = all_rooms.filter(w => w.ware_id == warehouse_id);
            if(is_all_rooms == 1){
                this_ware_rooms = all_rooms;
            }
            this_ware_rooms.map(r=> html += `<option value="${r.id}">${r.room_number}</option>`);
            $('#room_id').html(html);
            toggleLocation();
        }
        function toggleLocation(){
            let room_id = $('#room_id').val();
            console.log("toggleLocation", room_id);
            if(room_id != -1){
                $('#location_div').hide();
            } else{
                $('#location_div').show();
            }
        }
        function billAgainstServiceRequest(id){
            getLoadingStatusNew();
            customAjaxCall(function(res){
                if(res){
                    closeSweetAlert();
                    $('#billModalBody').html(res.html);
                    $('#billModalLabel').html(res.title);
                    $('#billModal').modal('show');
                }
            }, 'GET', "{{ route('frontdesk.guest_complain.bill') }}", {
                id
            });
        }
        function fetchGuests(){
            let warehouse_id = $('#warehouse_id_form').val();
            let agent_id = @json(active_party());
            let only_checkin = 1;
            getLoadingStatusNew();
            customAjaxCall(function(res){
                if(res){
                    closeSweetAlert();
                    $('.filtered_guest').html(res.html);
                    filtered_guests = res.filtered_guests;
                    guestChange(2);
                    $('select_2').select2();
                }
            }, 'GET', "{{ route('frontdesk.guest_list') }}", {
                warehouse_id,
                agent_id,
                only_checkin,
                html: 1
            });
        }
        function approveInvoice(id){
            Swal.fire({
                icon: 'warning',
                title: "Are you sure?",
                showCancelButton: true,
                confirmButtonText: "Confirm",
                allowOutsideClick: () => !Swal.isLoading()
                }).then((result) => {
                if (result.isConfirmed) {
                    let data = {
                        id: id
                    };
                    getLoadingStatusNew();
                    customAjaxCall(function(res){
                        if(res){
                            sweet_success(function(){
                                loadData();
                            }, 'Success', 'Invoice Approved Successfully!');
                        }
                    }, 'POST', "{{ route('frontdesk.guest_complain.approve_invoice') }}", data);
                }
            });
        }
        function groupChange(group_html_id = 'assign_group', user_html_id = 'assign_user'){
            let group_id = $(`#${group_html_id}`).val();
            let user_html = '';
            let group_data = groups.find(function(e){
                return e.id == group_id;
            });
            if(group_data){
                group_data.get_members.forEach(d => {
                    user_html += `<option value="${d.user_id}">${d.get_admin.name}</option>`;
                });
            }
            $(`#${user_html_id}`).html(user_html);
        }
        function floorChange(){
            let floor_id = $('#filter_floor_id').val();
            let room_html = '<option value="">All</option>';
            let filtered_rooms = all_rooms;
            if(floor_id){
                filtered_rooms = all_rooms.filter(w => w.floor_id == floor_id);
            }
            filtered_rooms.map(r=> room_html += `<option value="${r.id}">${r.room_number}</option>`);
            $('#filter_room_id').html(room_html);
        }
        function setService(id){
            $(`#service_${id}`).prop('checked', true);
            $('#make_room_dirty').prop('checked', false);
            $('.hide_page').hide();
            $('#complain_page_3').show();
        }
    </script>
@endsection