@extends('admin.layout.master')
@section('title', 'Message From QR Code')
@section('content')
<div class="card sina-card mt-0 mb-1">
    <div class="card-header card-header-s d-flex justify-content-between">
        <h5 class="mb-0">{{__('obs.message_from_qr_code')}}</h5>
    </div>
    <div class="card-body pt-1">
        <div class="row">
            <div class="col-1">
                <label for="">{{__('obs.room_no')}}</label>
                <select name="room_id" id="room_id" class="form-control fd_room_search">
                </select>
            </div>
            <div class="col-1">
                <label for="">&nbsp;</label>
                <button class="btn btn-primary btn-sm w-100" onclick="getData()"><i class="fas fa-search"></i> {{ __('obs.filter') }}</button>
            </div>
            <div class="col-1">
                <label for="">&nbsp;</label>
                <button class="btn btn-danger btn-sm w-100" onclick="resetFilter()"><i class="fas fa-sync-alt"></i> {{ __('obs.reset') }}</button>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-12" id="infos">

    </div>
</div>
@include('frontdesk.common.common')
@endSection
@section('script')
    <script>
        $(document).ready(function() {
            getData();
        });
        function getData() {
            getLoadingStatusNew();
            customAjaxCall(function(res){
                closeSweetAlert();
                $('#infos').html(res.html);
            }, 'GET', "{{ route('frontdesk.qr_code.message.index') }}", {
                room_id: $('#room_id').val(),
                // type: $('#type').val()
            });
        }
        function resetFilter() {
            $('#room_id').val('').trigger('change');
        }
        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){
                        closeSweetAlert();
                        getData();
                    }, 'POST', "{{ route('frontdesk.send_message.store') }}", {
                        id: id,
                        message: result.value
                    });
                }
            })
        }
        function closeMessage(id) {
            Swal.fire({
                title: 'Are you sure?',
                text: "You won't be able to revert this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, close it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    getLoadingStatusNew();
                    customAjaxCall(function(res){
                        closeSweetAlert();
                        getData();
                    }, 'GET', "{{ route('frontdesk.qr_code.message.read') }}", {
                        id: id
                    });
                }
            })
        }
    </script>
@endsection