@extends('admin.layout.master')
@section('title', 'Bell Boy')
@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.bell_boy')}}</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-2">
                <label for="">{{ __('obs.type') }}</label>
                <select name="type" id="type" class="form-control select_2">
                    <option value="1">{{ __('obs.not_visited') }}</option>
                    <option value="2">{{ __('obs.visited') }}</option>
                </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.bell_boy.index') }}", {
                room_id: $('#room_id').val(),
                type: $('#type').val()
            });
        }
        function resetFilter() {
            $('#room_id').val('').trigger('change');
        }
        function visitBellBoy(id) {
            Swal.fire({
                title: 'Are you sure?',
                text: "You want to visit bell boy",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, visited'
            }).then((result) => {
                if (result.isConfirmed) {
                    getLoadingStatusNew();
                    customAjaxCall(function(res){
                        getData();
                    }, 'GET', "{{ route('frontdesk.qr_code.bell_boy.visit') }}", {
                        id: id
                    });
                }
            });
        }
    </script>
@endsection