@extends(get_guard() ? 'admin.layout.master' :'admin.layout.unauthorize.master')
@section('custom_css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css">
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
<style>
    :root {
        --cl-body-font-size: 1.2rem;
    }
    .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: 4px;
    } */
    .service_row_of_department 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;
    } */
    label, .cl-form-label {
        margin-bottom: 5px;
        font-size: 1.3rem;
        /* font-weight: 500; */
        /* color: var(--cl-gray-600) */
    }
    .form-control, .cl-form-control {
        padding: 0.35rem 0.5rem;
        line-height: 1.2;
        height: 3rem;
        margin-bottom: 0;
        font-size: 1.3rem;
    }
    .select2-container .select2-selection--single,
    .select2-search__field {
        height: 40px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px !important;
    }
    .btn {
        --bs-btn-font-size: 1.2rem;
        --bs-btn-padding-y: 0.75rem;
    }
    #preloader{
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .preloader-content {
        text-align: center;
    }
    .rating {
        margin-top: 0;
        unicode-bidi: bidi-override;
        direction: rtl;
        text-align: center;
    }

    .rating input {
        display: none;
    }

    .rating label {
        cursor: pointer;
        display: inline-block;
        padding: 5px;
        font-size: 24px;
    }

    .rating label:before {
        content: '\2605';
        color: #ccc;
    }

    .rating input:checked ~ label:before,
    .rating input:checked ~ label:hover ~ label:before {
        color: #ffcc00;
    }

    /* Codes for overlay only */
    .position-relative {
        position: relative;
    }

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7); /* Semi-transparent background */
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 1.5rem;
        font-weight: bold;
        opacity: 0.5; /* Initially hidden */
        transition: opacity 0.3s ease;
        z-index: 1;
    }

    .overlay span {
        background-color: rgba(0, 0, 0, 0.5); /* Background for the text */
        padding: 10px;
        border-radius: 5px;
    }

    .col-lg-3:hover .overlay {
        opacity: 1; /* Show overlay on hover */
    }
</style>
@endsection
@section('content')
    @if(!get_guard())
        <div id="preloader" class="w-100">
            <div class="preloader-content">
                <h3>Welcome</h3>
                <h3>to</h3>
                <h1 class="text-primary">{{ $warehouse->name_eng }}</h1>
                {!! $warehouse->address_eng ? ('<h4>'.$warehouse->address_eng.'</h4>') : '' !!}
                <div class="mt-3 spinner-border text-primary" role="status">
                    <span class="visually-hidden">Loading...</span>
                </div>
            </div>
        </div>
    @endif
    <div class="row">
        <div class="col-12 d-flex justify-content-between bg-primary">
            <div class="text-white d-flex justify-content-between" style="font-size: 12px">
                <div>
                    <i class="icofont-ui-calendar"></i>
                    <span id="arabic_calendar">{{ $arabic_date }}</span>
                </div>
                <div class="ms-1">
                    <span> || {{ date('d M, Y') }}</span>
                </div>
            </div>
            <div class="text-white">
                <i class="icofont-globe"></i> EN
            </div>
        </div>
    </div>
    <div class="card sina-card service_pages" id="page_1">
        <div class="col-12">
            <div class="py-2 qr_scan_result_header bg-dark d-flex justify-content-between align-items-center px-5">
                <div>
                    <img src="{{ asset('frontdesk/qr_code/logo.png') }}" alt="Logo" class="img-fluid me-1 mt-1" style="max-width: 250px;">
                </div>
                <div class="text-center">
                    <h1 class="text-white fs-1" style="font-family: 'Pacifico', cursive;">Welcome to</h1>
                    <p class="text-white">{{ $warehouse->name_eng ?? '' }}</p>
                </div>
            </div>
        </div>
        @if(!get_guard())
            @include('frontdesk.complain.slide_show')
        @endif
        <div class="container-fluid px-0 my-2">
            <div class="row">
                <div class="col-6 pe-1" style="overflow: hidden">
                    <h3 class="fs-5 w-100 rounded pe-0 bg-warning text-center text-dark text-truncate">You Room No: {{ $room->room_number ?? '' }}</h3>
                </div>
                <div class="col-6 ps-1" style="overflow: hidden">
                    <h3 class="fs-5 w-100 rounded ps-0 bg-warning text-center text-dark text-truncate">Location: {{ $room->floor->floor_no ?? '' }}</h3>
                </div>
            </div>
        </div>
        <div class="card-body rounded-3 p-1">
            <div class="row g-0">
                @php
                    $housekeeping_id = $departments->where('other_info4', 'HK')->first()->id ?? null;
                    $maintenance_id = $departments->where('other_info4', 'MAINTENANCE')->first()->id ?? null;
                @endphp
                @if($housekeeping_id)
                    <div class="col-lg-2 col-md-4 col-6">
                        <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="gotoPage(2, 'ServiceRequest', {{ $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($maintenance_id)
                    <div class="col-lg-2 col-md-4 col-6">
                        <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="gotoPage(2, 'ServiceRequest', {{ $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
                <div class="col-lg-2 col-md-4 col-6 position-relative">
                    <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="gotoPage(17)">
                        <img src="{{ asset('frontdesk/qr_code/Laudry.jpg') }}" alt="" class="img-fluid rounded">
                        <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.laundry') }}</h4>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-6">
                    <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="gotoPage(13)">
                        <img src="{{ asset('frontdesk/qr_code/Retaurent.jpg') }}" alt="" class="img-fluid rounded">
                        <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.restaurant') }}</h4>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-6">
                    <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="gotoWebLink()">
                        <img src="{{ asset('frontdesk/qr_code/Website-Link.jpg') }}" alt="" class="img-fluid rounded">
                        <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.website_link') }}</h4>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-6">
                    <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="gotoPage(3)">
                        <img src="{{ asset('frontdesk/qr_code/Complain-Status.jpg') }}" alt="" class="img-fluid rounded">
                        <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.complain_status') }}</h4>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-6">
                    <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="gotoPage(4)">
                        <img src="{{ asset('frontdesk/qr_code/Call-Reception.jpg') }}" alt="" class="img-fluid rounded">
                        <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.call_reception') }}</h4>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-6">
                    <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="gotoPage(12)">
                        <img src="{{ asset('frontdesk/qr_code/Send-Meassage.jpg') }}" alt="" class="img-fluid rounded">
                        <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.send_message') }}</h4>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-6">
                    <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="gotoPage(10)">
                        <img src="{{ asset('frontdesk/qr_code/Do-Not-Distrub.jpg') }}" alt="" class="img-fluid rounded">
                        <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.do_not_disturb') }}</h4>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-6">
                    <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="gotoPage(11)">
                        <img src="{{ asset('frontdesk/qr_code/Bell-Boy.jpg') }}" alt="" class="img-fluid rounded">
                        <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.bell_boy') }}</h4>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-6">
                    <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="gotoPage(9)">
                        <img src="{{ asset('frontdesk/qr_code/Transport.jpg') }}" alt="" class="img-fluid rounded">
                        <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.transport') }}</h4>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-6">
                    <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="gotoPage(7, 'GuestList')">
                        <img src="{{ asset('frontdesk/qr_code/Customer-Info.jpg') }}" alt="" class="img-fluid rounded">
                        <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.customer_info') }}</h4>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-6">
                    <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="gotoPage(8)">
                        <img src="{{ asset('frontdesk/qr_code/Term-condition.jpg') }}" alt="" class="img-fluid rounded">
                        <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.terms_and_conditions') }}</h4>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-6">
                    <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="gotoPage(6)">
                        <img src="{{ asset('frontdesk/qr_code/general-information.jpg') }}" alt="" class="img-fluid rounded">
                        <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.general_information') }}</h4>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-6">
                    <div class="h-100 rounded-4 p-1 overflow-hidden" style="cursor: pointer" onclick="writeReview()">
                        <img src="{{ asset('frontdesk/qr_code/hotel-review.jpg') }}" alt="" class="img-fluid rounded">
                        <h4 class="fs-6 text-center bg-primary mt-2 py-1 text-white text-truncate">{{ __('obs.review') }}</h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="service_pages" id="page_2" style="display: none;">
        <form id="complain_form" action="{{ route('frontdesk.complain.store') }}" class="form_submit" method="post" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="date" value="{{ date('Y-m-d') }}">
            <input type="hidden" name="room_id" value="{{$room->id}}">
            <input type="hidden" name="department" value="" id="department_id">
            <div class="card sina-card rounded-3 mt-2 complain_services_div">
                <div class="card-header rounded-3 bg-white p-3" style="background: white">
                    <div class="d-flex align-items-center">
                        <div onclick="gotoPage(1)" class="lh-1 me-3">
                            <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                        </div>
                        <h2 class="lh-1 text-dark">{{ __('obs.select_service') }}</h2>
                    </div>
                </div>
                <div class="card-body rounded-3 overflow-auto">
                    @foreach ($services->whereIn('department_id', [$housekeeping_id, $maintenance_id]) as $service)
                        <div class="row service_row_of_department service_row_of_department_{{ $service->department_id }} my-2 rounded" style="background-color: #333131;" for="service_{{ $service->id }}" >
                            <input type="radio" name="service[]" class="service_class" id="service_{{ $service->id }}" value="{{ $service->id }}">
                            <div class="col-5 px-0">
                                <div style="height: 100px">
                                    <img src="{{ asset('/storage/'.$service->image) }}" class="img-fluid w-100 rounded" style="height: 100%; object-fit: cover">
                                </div>
                            </div>
                            <div class="col-7 text-white text-truncate d-flex align-items-center justify-content-center">
                                <span class="text-center">
                                    <h3 class="text-white text-center">{{ $service->name }}</h3>
                                    @if($service->amount > 0)
                                        <span class="ms-2 badge bg-danger text-center">
                                            {{ $service->amount .' '. ($currency ? $currency->name : "") }}
                                            {{ $service->unit ? ' / '. $service->get_unit->name : ''}}
                                        </span>
                                    @endif
                                </span>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
            <div class="card sina-card rounded-3 mt-3 complain_other_info_div" style="display: none">
                <div class="card-header rounded-3 bg-white p-3" style="background: white">
                    <div class="d-flex align-items-center justify-content-between">
                        <div onclick="returnToSurvicesPage()" class="lh-1 me-3">
                            <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                        </div>
                        <h2 class="lh-1 text-dark">{{ __('obs.new_service_request') }}</h2>
                        <div onclick="gotoPage(1)" class="lh-1 me-3">
                            <i class="fas fa-home cl-text-primary fs-3"></i>
                        </div>
                    </div>
                </div>
                <div class="card-body rounded-3 overflow-auto">
                    <table class="table cl-table table-form table-bordered rounded-2 mb-0">
                        <tr>
                            <td>
                                <label for="" class="cl-form-label">{{__('obs.guest')}}</label>
                            </td>
                            <td>
                                <div class="d-flex">
                                    <select name="guest_id" id="guest" class="select_2 form-control" style="width:100%;" onchange="setGuest()">
                                        @foreach ($guests as $g)
                                            <option value="{{ $g->id }}">{{ $g->name }}</option>
                                        @endforeach
                                        <option value="-1">Other</option>
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="" class="cl-form-label">{{__('obs.name')}}<span class="required_field"></span></label>
                            </td>
                            <td>
                                <div class="d-flex">
                                    <input type="text" class="form-control" name="name" value="{{ $guests->first()?->name }}" id="name">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="" class="cl-form-label">{{__('obs.phone')}}<span class="required_field"></span><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>
                            </td>
                            <td>
                                <div class="d-flex">
                                    <input type="text" class="form-control" name="phone" value="{{ $guests->first()?->mobile_no }}" id="phone">
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="card sina-card rounded-3 mt-2 complain_other_info_div" style="display: none">
                <div class="card-body rounded-3 overflow-auto">
                    <table class="table cl-table table-form table-bordered rounded-2 mb-0">
                        <tr>
                            <td>
                                <label for="" class="cl-form-label">{{__('obs.time')}}<span class="required_field"></span></label>
                            </td>
                            <td>
                                <div class="d-flex">
                                    <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-3 py-2">{{__('obs.now')}}</label>
                                    </div>
                                    <div class="custom_checkbox_department">
                                        <input type="radio" name="time_type" id="time_type_2" value="2" onchange="timeTypeChange(2)">
                                        <label for="time_type_2" class="px-3 py-2">{{__('obs.later')}}</label>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr style="display: none;" id="service_date_time_picker_tr">
                            <td colspan="2">
                                <div class="d-flex">
                                    <div  id="service_date_time_picker">
                                        <div class="d-flex align-items-center">
                                            {{-- <p class="mb-0 me-2">From</p> --}}
                                            <input type="time" class="form-control" name="prefer_time" value="{{date('H:i')}}">
                                            <p class="mb-0 mx-2">To</p>
                                            <input type="time" class="form-control" name="prefer_time_end" value="{{date('H:i')}}">
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="card sina-card rounded-3 mt-2 complain_other_info_div" style="display: none">
                <div class="card-body rounded-3 overflow-auto">
                    <table class="table cl-table table-form table-bordered rounded-2 mb-0">
                        <tr>
                            <td>
                                <label for="" class="cl-form-label">{{__('obs.image')}}</label>
                            </td>
                            <td>
                                <div class="d-flex">
                                    <input type="file" onChange="validateFile(this.value)" id="img" name="img" class="form-control">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="" class="cl-form-label">{{__('obs.note')}}</label>
                            </td>
                            <td>
                                <div class="d-flex">
                                    <textarea name="remarks" cols="30" rows="2" class="form-control" style="min-height: 50px"></textarea>
                                </div>
                            </td>
                        </tr>
                    </table>
                    <div class="col-12">
                        <button type="button" id="submit_complain" class="btn cl-btn-primary btn-lg d-block mt-2 w-100">{{__('obs.submit')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="card sina-card service_pages mt-2" id="page_3" style="display: none;">
        <div class="card-header rounded-3 bg-white p-3" style="background: white">
            <div class="d-flex align-items-center">
                <div onclick="gotoPage(1)" class="lh-1 me-3">
                    <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                </div>
                <h2 class="lh-1 text-dark">{{ __('obs.check_status') }}</h2>
            </div>
        </div>
        <div class="card-body">
            <div class="row g-3">
                <div class="col-12">
                    <div class="form-group">
                        <label for="">{{__('obs.phone')}} <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" name="search_phone_no" id="search_phone_no">
                    </div>
                </div>
                <div class="col-5 mx-auto">
                    <button class="btn cl-btn cl-btn-primary w-100" onclick="searchServiceRequest()">{{__('obs.search')}}</button>
                </div>
                <div class="col-12">
                    <div id="sr_list">

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card sina-card service_pages mt-2" id="page_4" style="display: none;">
        <div class="card-header rounded-3 bg-white p-3" style="background: white">
            <div class="d-flex align-items-center">
                <div onclick="gotoPage(1)" class="lh-1 me-3">
                    <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                </div>
                <h2 class="lh-1 text-dark">{{ __('obs.call') }}</h2>
            </div>
        </div>
        <div class="card-body p-2">
            <div class="row g-3">
                @forelse ($departments->where('other_info', '!=', null) as $d)
                    <div class="col-lg-3 col-md-4 col-6">
                        <a href="tel:{{$d->other_info}}" class="h-100 d-flex align-items-center rounded-4 bg-primary bg-opacity-25 p-lg-4 p-2 overflow-hidden" style="cursor: pointer">
                            <div class="p-3 rounded-4 bg-primary bg-opacity-50 me-3">
                                <i class="bi bi-telephone text-white text-white display-5"></i>
                            </div>
                            <h3 class="fs-3 text-muted">{{ $d->name }}</h3>
                        </a>
                    </div>
                @empty
                    <h3 class="text-center">No Data Available</h3>
                @endforelse
            </div>
        </div>
    </div>
    <div class="card sina-card service_pages mt-2" id="page_5" style="display: none;">
        <div class="card-header rounded-3 bg-white p-3" style="background: white">
            <div class="d-flex align-items-center">
                <div id="review_back_button" onclick="gotoPage(3)" class="lh-1 me-3">
                    <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                </div>
                <h2 class="lh-1 text-dark">{{ __('obs.review') }}</h2>
            </div>
        </div>
        <div class="card-body p-2">
            <div class="row g-3">
                <form id="complain_form" action="{{ route('frontdesk.complain.store_rating_review') }}" class="form_submit" method="post" enctype="multipart/form-data">
                    <input type="hidden" name="review_rating" id="review_rating">
                    <input type="hidden" name="review_complain_id" id="review_complain_id">
                    <input type="hidden" name="review_room_id" id="review_room_id" value="{{ $room->id }}">
                    <input type="hidden" name="review_store_id" id="review_store_id" value="{{ $warehouse->id }}">
                    <h5 class="text-center" id="rating_title"></h5>
                    <div class="rating">
                        <input type="radio" name="rating" id="star5" value="5">
                        <label for="star5"></label>
                        <input type="radio" name="rating" id="star4" value="4">
                        <label for="star4"></label>
                        <input type="radio" name="rating" id="star3" value="3">
                        <label for="star3"></label>
                        <input type="radio" name="rating" id="star2" value="2">
                        <label for="star2"></label>
                        <input type="radio" name="rating" id="star1" value="1">
                        <label for="star1"></label>
                    </div>
                    <textarea name="review_review" style="min-height: 200px;" placeholder="Describe your experience. (Optional)" class="form-control" id="" cols="30" rows="10"></textarea>
                    <div class="col-12">
                        <button type="submit" class="btn cl-btn-primary btn-lg d-block mt-2 w-100">{{__('obs.submit')}}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="card sina-card service_pages mt-2" id="page_6" style="display: none;">
        <div class="card-header rounded-3 bg-white p-3" style="background: white">
            <div class="d-flex align-items-center">
                <div onclick="gotoPage(1)" class="lh-1 me-3">
                    <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                </div>
                <h2 class="lh-1 text-dark">{{ __('obs.information') }}</h2>
            </div>
        </div>
        <div class="card-body p-2">
            @forelse($information as $key => $value)
                <div class="row">
                    <div class="col-12">
                        <h4><span class="badge bg-primary">{!! $value->title !!}</span></h4>
                        <p class="mb-0">{!! $value->description !!}</p>
                    </div>
                </div>
                <hr>
            @empty
                <h2>No Information Found</h2>
            @endforelse
        </div>
    </div>
    <div class="card sina-card service_pages mt-2" id="page_7" style="display: none;">
        <div class="card-header rounded-3 bg-white p-3" style="background: white">
            <div class="d-flex align-items-center justify-content-between">
                <div class="d-flex align-items-center">
                    <div onclick="gotoPage(1)" class="lh-1 me-3">
                        <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                    </div>
                    <h2 class="lh-1 text-dark">{{ __('obs.information') }}</h2>
                </div>
                <div>
                    <div onclick="guestList()" class="lh-1 me-3">
                        <i class="fas fa-undo cl-text-primary fs-3"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-body p-2">
            <div class="row" id="guest_list">

            </div>
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header bg-info text-white">
                            <h4 class="text-white">Add New</h4>
                        </div>
                        <div class="card-body">
                            <p class="mb-0">
                                Please provide proper information.
                            </p>
                            <button class="btn btn-xs btn-success w-50" onclick="updateGuest(0)">+ Add</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card sina-card service_pages mt-2" id="page_8" style="display: none;">
        <div class="card-header rounded-3 bg-white p-3" style="background: white">
            <div class="d-flex align-items-center">
                <div onclick="gotoPage(1)" class="lh-1 me-3">
                    <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                </div>
                <h2 class="lh-1 text-dark">{{ __('obs.terms_and_conditions') }}</h2>
            </div>
        </div>
        <div class="card-body p-2">
            @forelse($terms as $key => $value)
                <div class="row">
                    <div class="col-12">
                        <h4><span class="badge bg-primary">{!! $value->title !!}</span></h4>
                        <p class="mb-0">{!! $value->description !!}</p>
                    </div>
                </div>
                <hr>
            @empty
                <h2>No Information Found</h2>
            @endforelse
        </div>
    </div>
    <div class="card sina-card service_pages mt-2" id="page_9" style="display: none;">
        <div class="card-header rounded-3 bg-white p-3" style="background: white">
            <div class="d-flex align-items-center">
                <div onclick="gotoPage(1)" class="lh-1 me-3">
                    <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                </div>
                <h2 class="lh-1 text-dark">{{ __('obs.transportation') }}</h2>
            </div>
        </div>
        <div class="card-body p-2">
            @forelse($transport as $key => $value)
                <div class="row">
                    <div class="col-12">
                        <h4><span class="badge bg-primary">{!! $value->title !!}</span></h4>
                        <p class="mb-0">{!! $value->description !!}</p>
                    </div>
                </div>
                <hr>
            @empty
                <h2>No Information Found</h2>
            @endforelse
        </div>
    </div>
    <div class="card sina-card service_pages mt-2" id="page_10" style="display: none;">
        <div class="card-header rounded-3 bg-white p-3" style="background: white">
            <div class="d-flex align-items-center">
                <div onclick="gotoPage(1)" class="lh-1 me-3">
                    <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                </div>
                <h2 class="lh-1 text-dark">{{ __('obs.do_not_disturb') }}</h2>
            </div>
        </div>
        <div class="card-body p-2">
            @if($has_do_not_disturb)
                <div class="row" id="do_not_disturb_info">
                    <div class="col-12">
                        <p class="mb-0">
                            From: <span> {{ date('h:i A', strtotime($has_do_not_disturb->from)) }}</span>
                            To: <span> {{ date('h:i A', strtotime($has_do_not_disturb->to)) }}</span>
                        </p>
                    </div>
                </div>
            @else
                <div class="row" id="do_not_disturb_input">
                    <div class="col-4">
                        <label>{{__('obs.from')}}</label>
                    </div>
                    <div class="col-8">
                        <input type="time" class="form-control" id="dnd_from" value="" />
                    </div>
                    <div class="col-4">
                        <label>{{__('obs.to')}}</label>
                    </div>
                    <div class="col-8">
                        <input type="time" class="form-control" id="dnd_to" value="" />
                    </div>
                    <div class="col-12">
                        <button class="btn btn-xs btn-danger w-50" onclick="setDoNotDisturb()">{{__('obs.save')}}</button>
                    </div>
                </div>
            @endif
        </div>
    </div>
    <div class="card sina-card service_pages mt-2" id="page_11" style="display: none;">
        <div class="card-header rounded-3 bg-white p-3" style="background: white">
            <div class="d-flex align-items-center">
                <div onclick="gotoPage(1)" class="lh-1 me-3">
                    <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                </div>
                <h2 class="lh-1 text-dark">{{ __('obs.bell_boy') }}</h2>
            </div>
        </div>
        <div class="card-body p-2">
            @if($bell_boy_call)
                <p class="mb-0 text-center text-danger fw-bold">
                    You Called Bell Boy {{ $bell_boy_call->created_at->diffForHumans() }}
                </p>
            @else
                <button class="text-center btn btn-xs btn-success w-50" onclick="callBellBoy()">{{__('obs.call_bell_boy')}}</button>
            @endif
        </div>
    </div>
    <div class="card sina-card service_pages mt-2" id="page_12" style="display: none;">
        <div class="card-header rounded-3 bg-white p-3" style="background: white">
            <div class="d-flex align-items-center">
                <div onclick="gotoPage(1)" class="lh-1 me-3">
                    <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                </div>
                <h2 class="lh-1 text-dark">{{ __('obs.send_message') }}</h2>
            </div>
        </div>
        <div class="card-body p-2">
            <div class="row">
                <div class="col-12">
                    <div class="form-group">
                        <label for="">{{__('obs.message')}} <span class="text-danger">*</span></label>
                        <textarea name="message" id="message" class="form-control" rows="3"></textarea>
                    </div>
                    <div class="form-group mt-2">
                        <button class="btn btn-xs btn-danger w-50" onclick="sendMessage()">{{__('obs.send')}}</button>
                    </div>
                </div>
                <div class="col-12 mt-3">
                    <div class="card sina-card">
                        <div class="card-header">
                            <div class="d-flex align-items-center">
                                <h5 class="lh-1 text-white">Previous Message</h5>
                            </div>
                        </div>
                        @foreach ($messages as $m)
                            <div class="card mx-2 my-1" style="max-height: 200px; overflow: auto">
                                <div class="card-body">
                                    <div class="d-flex justify-content-end">
                                        <div style="max-width: 70%; text-align: left;" class="mb-1 d-inline">
                                            <div class="rounded border p-2 bg-info bg-opacity-25">
                                                {!! $m->message !!}
                                                <br>
                                                <small>{{ date('d-m-Y h:i A', strtotime($m->created_at)) }} </small>
                                            </div>
                                        </div>
                                    </div>
                                    @foreach ($m->getReplies as $rp)
                                        <div class="d-flex justify-content-{{ $rp->posted_by ? 'start' : 'end' }}">
                                            <div style="max-width: 70%; text-align: {{ $rp->posted_by ? 'right' : 'left' }};" class="mb-1 d-inline">
                                                <div class="rounded border p-2 {{ $rp->posted_by ? 'bg-danger' : 'bg-info' }} bg-opacity-25">
                                                    {!! $rp->message !!}
                                                    <br>
                                                    <small>{{ date('d-m-Y h:i A', strtotime($rp->created_at)) }} </small>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                    <button type="button" class="btn btn-success btn-sm" onclick="replyMessage({{$m->id}})">{{__('obs.reply')}}</button>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card sina-card service_pages mt-2" id="page_13" style="display: none;">
        <div class="card-header rounded-3 bg-white p-3" style="background: white">
            <div class="d-flex align-items-center">
                <div onclick="gotoPage(1)" class="lh-1 me-3">
                    <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                </div>
                <h2 class="lh-1 text-dark">{{ __('obs.restaurant') }}</h2>
            </div>
        </div>
        <div class="card-body p-2">
            @foreach ($restaurants as $r)
                <div class="row text-white text-center mb-1" style="background-color: rgb(51, 49, 49);" onclick="gotoPage(15, 'RESTAURANT_NEW_ORDER', {{ $r->id }})">
                    <div class="col-5 px-0">
                        <div style="height: 100px">

                        </div>
                    </div>
                    <div class="col-7 text-white text-truncate d-flex align-items-center justify-content-center">
                        <span class="text-center">
                            <h3 class="text-white">{{ __('obs.new_order') }} @if($restaurants->count() > 1) <br> ({{ $r->name_eng }}) @endif</h3>
                        </span>
                    </div>
                </div>
            @endforeach
            <div class="row text-white text-center mb-1" style="background-color: rgb(51, 49, 49);" onclick="gotoPage(15, 'RESTAURANT_ORDERS')">
                <div class="col-5 px-0">
                    <div style="height: 100px">

                    </div>
                </div>
                <div class="col-7 text-white text-truncate d-flex align-items-center justify-content-center">
                    <span class="text-center">
                        <h3 class="text-white">{{ __('obs.order_list') }}</h3>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <div class="card sina-card service_pages mt-2" id="page_14" style="display: none;">
        <h1>Laundry</h1>
    </div>
    <div class="card sina-card service_pages mt-2" id="page_15" style="display: none;">
        <div class="card-header rounded-3 bg-white p-3" style="background: white">
            <div class="d-flex align-items-center justify-content-between">
                <div onclick="gotoPage(13)" id="res_laundry_back" class="lh-1 me-3">
                    <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                </div>
                <h2 class="lh-1 text-dark" id="restaurant_secondary_title"></h2>
                <div onclick="gotoPage(1)" class="lh-1 me-3">
                    <i class="fas fa-home cl-text-primary fs-3"></i>
                </div>
            </div>
        </div>
        <div class="card-body rounded-3 overflow-auto" id="restaurant_data">

        </div>
    </div>
    <div class="card sina-card service_pages mt-2" id="page_16" style="display: none;">
        <div class="card-header rounded-3 bg-white p-3" style="background: white">
            <div class="d-flex align-items-center">
                <div onclick="gotoPage(15)" class="lh-1 me-3">
                    <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                </div>
                <h4>{{ __('obs.order_preview') }}</h4>
            </div>
        </div>
        <div class="card-body" id="restaurant_order_preview">
        </div>
        <div class="row">
            <div class="col-12">
                <div class="form-group px-3">
                    <label for="">Note</label>
                    <textarea name="" id="res_order_note" placeholder="Write Note (Optional)" class="form-control" cols="30" rows="2"></textarea>
                </div>
            </div>
        </div>
        <button class="mt-2 btn btn-sm btn-success" onclick="submitRestaurantOrder()">Confirm</button>
    </div>
    <div class="card sina-card service_pages mt-2" id="page_17" style="display: none;">
        <div class="card-header rounded-3 bg-white p-3" style="background: white">
            <div class="d-flex align-items-center">
                <div onclick="gotoPage(1)" class="lh-1 me-3">
                    <i class="fas fa-arrow-left cl-text-primary fs-3"></i>
                </div>
                <h2 class="lh-1 text-dark">{{ __('obs.laundry') }}</h2>
            </div>
        </div>
        <div class="card-body p-2">
            @foreach ($laundries as $r)
                <div class="row text-white text-center mb-1" style="background-color: rgb(51, 49, 49);" onclick="gotoPage(15, 'LAUNDRY_NEW_ORDER', {{ $r->id }})">
                    <div class="col-5 px-0">
                        <div style="height: 100px">

                        </div>
                    </div>
                    <div class="col-7 text-white text-truncate d-flex align-items-center justify-content-center">
                        <span class="text-center">
                            <h3 class="text-white">{{ __('obs.new_order') }} @if($restaurants->count() > 1) <br> ({{ $r->name_eng }}) @endif</h3>
                        </span>
                    </div>
                </div>
            @endforeach
            <div class="row text-white text-center mb-1" style="background-color: rgb(51, 49, 49);" onclick="gotoPage(15, 'LAUNDRY_ORDERS')">
                <div class="col-5 px-0">
                    <div style="height: 100px">

                    </div>
                </div>
                <div class="col-7 text-white text-truncate d-flex align-items-center justify-content-center">
                    <span class="text-center">
                        <h3 class="text-white">{{ __('obs.order_list') }}</h3>
                    </span>
                </div>
            </div>
        </div>
    </div>
    @include('frontdesk.common.common')
    @include('frontdesk.common.common_modal', ['show_confirm_button'=>true])
    @include('frontdesk.complain.restaurant_order')
@endsection
@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script>
    <script>
        let guests = @json($guests);
        let services = @json($services);
        let warehouse = @json($warehouse);
        let currency = @json($currency);
        let room_id = '{{ $room->id }}';
        let res_products = [];
        let complementary_product_ids = [];
        $(document).ready(function() {
            if(warehouse && warehouse.basic_info){
                let basic_info = JSON.parse(warehouse.basic_info);
                if(basic_info.weblink){
                    $('.weblink_address').removeClass('disabled');
                }
            }
            setTimeout(function() {
                $('#preloader').fadeOut('slow');
            }, 3000);
            $('#submit_complain').on('click', function(event) {
                event.preventDefault();
                Swal.fire({
                    icon: 'warning',
                    title: 'Confirmation',
                    html: 'Are You Sure?',
                    showConfirmButton: true,
                    showDenyButton: true,
                    position: 'center',
                    timer: null,
                }).then((res) => {
                    if(res.isConfirmed){
                        let d = $('#complain_form').serializeArray();

                        let required = ['name', 'phone', 'department', 'service[]', 'room_id'];
                        let error = [];
                        required.forEach(r => {
                            let f = d.find(x=>x.name == r);
                            if(!f || f.value == ''){
                                error.push(r);
                            }
                        });
                        if(error.length > 0){
                            let errorMsg = '';
                            error.forEach(e => {
                                errorMsg += e + ', ';
                            });
                            errorMsg = errorMsg.slice(0, -2);
                            Swal.fire('Please Fill All Required Fields!', 'Missing Fields: '+errorMsg, 'warning');
                            return;
                        }else{
                            $('#complain_form').submit();
                        }
                    }
                });
            });
            $('#review_rating').val(5);
            $('.rating input').on('change', function() {
                $('#review_rating').val($(this).val());
            });
        })
        function gotoPage(page, type=null, id=null){
            $('.service_pages').hide();
            $('#page_'+page).show();
            if(type == 'ServiceRequest' && id){
                showServices(id);
            } else if(type == 'GuestList'){
                guestList();
            } else if(type == 'RESTAURANT_NEW_ORDER'){
                $('#restaurant_secondary_title').text("{{ __('obs.new_order') }}");
                loadRestaurantProducts(id,5);
                $('#res_laundry_back').attr('onclick', 'gotoPage(13)');
            } else if(type == 'RESTAURANT_ORDERS'){
                $('#restaurant_secondary_title').text("{{ __('obs.order_list') }}");
                loadRestaurantProducts(0,5);
                $('#res_laundry_back').attr('onclick', 'gotoPage(13)');
            } else if(type == 'LAUNDRY_NEW_ORDER'){
                $('#restaurant_secondary_title').text("{{ __('obs.new_order') }}");
                loadRestaurantProducts(id,6);
                $('#res_laundry_back').attr('onclick', 'gotoPage(17)');
            } else if(type == 'LAUNDRY_ORDERS'){
                $('#restaurant_secondary_title').text("{{ __('obs.order_list') }}");
                loadRestaurantProducts(0,6);
                $('#res_laundry_back').attr('onclick', 'gotoPage(17)');
            }
        }
        function setGuest(){
            let guest = $('#guest').val();
            if(guest == -1){
                $('#name').val('');
                $('#phone').val('');
            }else{
                let g = guests.find(x=>x.id == guest);
                $('#name').val(g.name ?? '');
                $('#phone').val(g.mobile_no ?? '');
            }
        }
        function showServices(id){
            $('#department_id').val(id);
            $('.complain_other_info_div').hide();
            $('.complain_services_div').show();
            $('.service_row_of_department').hide();
            $(`.service_row_of_department_${id}`).show();
            let service = services.filter(x=>x.department_id == id);
            let html = '<div class="row"';
            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-3 py-2">${s.name} <span class="ms-2 badge bg-danger">${s.amount > 0 ? `${s.amount} ${currency ? currency.name : ""}` : ''}${s.amount > 0 && s.unit ? `/${s.get_unit.name}` : ''}</span></label>`;
                });
            }else{
                html = 'No Service Found';
            }
            $('.service_box').html(html);
        }
        function validateFile(file) {
            var ext = file.split(".");
            ext = ext[ext.length-1].toLowerCase();
            var arrayExtensions = ["jpg" , "jpeg", "png", "gif", "mp4", "mov", "ogg", "qt", "avi", "flv", "wmv", "mpg", "mpeg", "3gp", "webm"];

            if (arrayExtensions.lastIndexOf(ext) == -1) {
                let errorMsg="File Type Is Not Allowed.\nAcceptable File Types: "+arrayExtensions;
                Swal.fire(errorMsg,'','warning');
                $("#img").val("");
            }
        }
        function gotoWebLink(){
            console.log("warehouse", warehouse);
            console.log("warehouse", warehouse);
            if(warehouse && warehouse.basic_info){
                let basic_info = JSON.parse(warehouse.basic_info);
                if(basic_info.weblink){
                    window.open(basic_info.weblink, '_blank');
                }else{
                    sweet_warning('Website Not Found');
                }
            }else{
                sweet_warning('Website Not Found');
            }
        }
        function timeTypeChange(type){
            if(type == 1){
                $('#service_date_time_picker_tr').hide();
            }else{
                $('#service_date_time_picker_tr').show();
            }
        }
        function searchServiceRequest(){
            let phone = $('#search_phone_no').val();
            if(phone == ''){
                Swal.fire('Please Enter Phone Number!', '', 'warning');
                return;
            }
            getLoadingStatusNew();
            customAjaxCall(function(res){
                if(res){
                    closeSweetAlert();
                    $('#sr_list').html(res.html);
                }
            }, 'GET', "{{ route('frontdesk.complain.index') }}?phone="+phone+'&room_id={{$room->id}}');
        }
        function cancelComplain(id, new_status){
            Swal.fire({
                title: "Are you sure?",
                text: "Please, Write Remarks.",
                input: "text",
                inputAttributes: {
                    autocapitalize: "off",
                },
                showCancelButton: true,
                confirmButtonText: "Confirm",
                showLoaderOnConfirm: true,
                allowOutsideClick: () => !Swal.isLoading()
                }).then((result) => {
                if (result.isConfirmed) {
                    let data = {
                        id: id,
                        status: new_status,
                        remarks: result.value
                    };
                    getLoadingStatusNew();
                    customAjaxCall(function(res){
                        if(res){
                            sweet_success(function(){
                                searchServiceRequest();
                            }, 'Success', 'Service Request Status Updated Successfully!');
                        }
                    }, 'POST', "{{ route('frontdesk.complain.status_change') }}", data);
                }
            });
        }
        function loadData(){ // for adjustment with admin part
            gotoPage(3);
            let phone = $('#phone').val();
            $('#search_phone_no').val(phone);
            searchServiceRequest();
        }
        function writeReview(complain_id = null){
            $('#rating_title').text(complain_id ? 'Rate The Service.' : 'Rate Hotel Over All Service.');
            $('#star5').attr('checked', true);
            $('#review_complain_id').val(complain_id);
            $('#review_back_button').attr('onclick', `gotoPage(${complain_id?3:1})`);
            gotoPage(5);
        }
        function reviewCallback(){
            gotoPage(1);
        }
        function guestList(){
            $('#dynamic_report_modal').modal('hide');
            getLoadingStatusNew();
            customAjaxCall(function(res){
                if(res){
                    $('#guest_list').html(res.html);
                    closeSweetAlert();
                }
            }, 'GET', "{{ route('frontdesk.guest.guest_list_from_qr_code') }}?room_id="+room_id);
        }
        function updateGuest(id){
            getLoadingStatusNew();
            customAjaxCall(function(res){
                if(res){
                    closeSweetAlert();
                    $('#dynamic_report_modal').modal('show');
                    $('#dynamic_report_modal_title').html(`${id == 0 ? 'Add' : 'Update'} Guest`);
                    $('#dynamic_report_modal_body').html(res.html);
                    $('#dynamic_report_modal_confirm_button').show();
                    $('.common_select2').select2({
                        dropdownParent: $('#dynamic_report_modal_body')
                    });
                    flatpickr('.date_picker', {
                        dateFormat: 'd-m-Y', //'YYYY-MM-DD',
                        disableMobile: "true"
                    });
                }
            }, 'GET', `{{ route('frontdesk.guest.guest_update_from_qr_code') }}?id=${id}&room_id=${room_id}`);
        }
        $('.service_row_of_department').click(function(){
            console.log("service_class", $(this).attr('for'));
            $(`#${$(this).attr('for')}`).prop('checked', true);
            $('.complain_other_info_div').show();
            $('.complain_services_div').hide();
        });
        function returnToSurvicesPage(){
            $('.complain_other_info_div').hide();
            $('.complain_services_div').show();
        }
        function setDoNotDisturb(){
            let from = $('#dnd_from').val();
            let to = $('#dnd_to').val();
            let room
            if(from && to){
                $('#dnd_from').val(from);
                $('#dnd_to').val(to);
                getLoadingStatusNew();
                customAjaxCall(function(res){
                    if(res){
                        closeSweetAlert();
                        Swal.fire({
                            icon: 'success',
                            title: 'DND Set Successfully',
                            showConfirmButton: true
                        }).then((result) => {
                            if (result.isConfirmed) {
                                window.location.reload();
                            }
                        })
                    }
                }, 'POST', "{{ route('frontdesk.dnd.store') }}", {from: from, to: to, warehouse_id: warehouse.id, room_id: "{{ $room->id }}"});
            } else{
                sweet_warning('Please Select From and To Time');
            }
        }
        function callBellBoy(){
            getLoadingStatusNew();
            customAjaxCall(function(res){
                if(res){
                    closeSweetAlert();
                    Swal.fire({
                        icon: 'success',
                        title: 'Please Wait. Bell Boy Will Visit Your Room Soon',
                        showConfirmButton: true
                    }).then((result) => {
                        if (result.isConfirmed) {
                            window.location.reload();
                        }
                    })
                }
            }, 'POST', "{{ route('frontdesk.bell_boy.store') }}", {warehouse_id: warehouse.id, room_id: "{{ $room->id }}"});
        }
        function sendMessage(){
            let message = $('#message').val();
            getLoadingStatusNew();
            if(!message){
                sweet_warning('Please Enter Message');
                return false;
            }
            customAjaxCall(function(res){
                if(res){
                    closeSweetAlert();
                    Swal.fire({
                        icon: 'success',
                        title: 'Message Sent Successfully',
                        showConfirmButton: true
                    }).then((result) => {
                        if (result.isConfirmed) {
                            window.location.reload();
                        }
                    })
                }
            }, 'POST', "{{ route('frontdesk.send_message.store') }}", {message: message, warehouse_id: warehouse.id, room_id: "{{ $room->id }}"});
        }
        function dynamicModalConfirmButtonClicked(){
            $('#dynamic_report_modal_body #guest_add_update_form').submit();
        }
        function replyMessage(id) {
            Swal.fire({
                title: 'Write reply message',
                input: 'text',
                showCancelButton: true,
                confirmButtonText: 'Send',
                showLoaderOnConfirm: true,
                inputValidator: (value) => {
                    if (!value) {
                        return 'Please write something'
                    }
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    getLoadingStatusNew();
                    customAjaxCall(function(res){
                        Swal.fire({
                            icon: 'success',
                            title: 'Message Sent Successfully',
                            showConfirmButton: true
                        }).then((result) => {
                            location.reload();
                        })
                        // closeSweetAlert();
                        // $('#infos').html(res.html);
                    }, 'POST', "{{ route('frontdesk.send_message.store') }}", {
                        id: id,
                        message: result.value
                    });
                }
            })
        }
        function orderStatusTrack(id){
            getLoadingStatusNew();
            customAjaxCall(function(res){
                if(res){
                    closeSweetAlert();
                    $('#dynamic_report_modal').modal('show');
                    $('#dynamic_report_modal_title').html('Order Track');
                    $('#dynamic_report_modal_body').html(res.html);
                    $('#dynamic_report_modal_confirm_button').hide();
                }
            }, 'GET', "{{ route('frontdesk.restaurant.order.history') }}", {id: id});
        }
    </script>
@endsection