@extends('admin.layout.master')

@section('custom_style')
@endsection
@section('content')
<div class="card sina-card">
    <div class="card-header">
        <h5>Unapproved Guest</h5>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-2">
                <div class="form-group">
                    <label for="">Type</label>
                    <select name="type" id="type" class="form-control">
                        <option value="">All</option>
                        <option value="1">Create</option>
                        <option value="2">Update</option>
                    </select>
                </div>
            </div>
            <div class="col-2">
                <div class="form-group">
                    <label for="">Booking</label>
                    <select name="booking_id" id="booking_id" class="form-control fd_checkin_resv_code_search">
                        
                    </select>
                </div>
            </div>
            <div class="col-1">
                <div class="form-group">
                    <label for="">&nbsp;</label>
                    <button class="btn btn-sm w-100" onclick="loadGuest()">Filter</button>
                </div>
            </div>
            <div class="col-1">
                <div class="form-group">
                    <label for="">&nbsp;</label>
                    <button class="btn btn-sm w-100 bg-danger text-white" onclick="resetForm()">Reset</button>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12" id="guest_list">

        </div>
    </div>
</div>
@include('frontdesk.common.common')
@include('frontdesk.common.common_modal', ['show_confirm_button'=>true])
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $('#dynamic_report_modal_confirm_button').text('Approve')
        });
        function loadGuest(){
            let type = $('#type').val();
            let booking_id = $('#booking_id').val();
            getLoadingStatusNew();
            customAjaxCall(function(res){
                closeSweetAlert();
                if(res){
                    $('#guest_list').html(res.html);
                }
            }, 'GET', "{{ route('frontdesk.qr_code.guest_info.unapproved_guest') }}", {
                type, booking_id
            });
        }
        function resetForm(){
            $('#booking_id').val('').trigger('change');
        }
        function viewGuest(id){
            getLoadingStatusNew();
            customAjaxCall(function(res){
                closeSweetAlert();
                if(res){
                    $('#dynamic_report_modal_body').html(res.html);
                    $('#dynamic_report_modal_title').text('Approve');
                    $('#dynamic_report_modal').modal('show');
                }
            }, 'GET', "{{ route('frontdesk.qr_code.guest_info.compare') }}", {
                id
            });
        }
        function dynamicModalConfirmButtonClicked(){
            let id = $('#guest_id').val();
            getLoadingStatusNew();
            customAjaxCall(function(res){
                closeSweetAlert();
                loadGuest();
                $('#dynamic_report_modal').modal('hide');
            }, 'POST', "{{ route('frontdesk.qr_code.guest_info.approve_guest') }}", {
                id
            });
        }
    </script>
@endsection