@extends('admin.layout.master')
@section('content')
    <div class="card sina-card">
        <div class="card-header">
            <h4>{{__('obs.bed_status_dashboard') }}</h4>
        </div>
        <div class="card-body">
            <div class="row g-2">
                <div class="col-xl-5 col-lg-5">
                    <div class="form-group">
                        <label for="">{{ __('obs.room_nos') }}</label>
                        <select name="room_ids" class="form-control" id="room_ids" multiple multiselect-search="true" multiselect-select-all="true" multiselect-max-items="5">
                            @foreach ($rooms as $room)
                                <option value="{{ $room->id }}">{{ $room->room_number }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-xl-5 col-lg-5">
                    <div class="form-group">
                        <label for="">{{ __('obs.floors') }}</label>
                        <select name="floor_ids" class="form-control" id="floor_ids" multiple multiselect-search="true" multiselect-select-all="true" multiselect-max-items="5">
                            @foreach ($floors as $f)
                                <option value="{{ $f->id }}">{{ $f->floor_no }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-xl-1 col-lg-1">
                    <label for="" class="d-block">&nbsp;</label>
                    <button class="btn btn-primary w-100" onclick="getPreview()">{{ __('obs.filter') }}</button>
                </div>
            </div>
        </div>
    </div>
    <div class="preview_table" id="loaded_info" style="max-height: calc(100vh - 200px)!important;">

    </div>
    @include('frontdesk.common.common')
@endsection

@section('script')
    <script src="{{ asset('frontdesk/multiselect-dropdown.js') }}"></script>
    <script>
        function getPreview(){
            update_info = [];
            let payload = {
                room_ids: JSON.stringify($('#room_ids').val()),
                floor_ids: JSON.stringify($('#floor_ids').val())
            }
            getLoadingStatusNew();
            customAjaxCall(function(res){
                $('.preview_table').html(res.html);
                closeSweetAlert();
            }, "get", "{{ route('frontdesk.fr_dashboard.bed_status') }}", payload);
        }
    </script>
    <script>
        $(document).ready(function() {
            $(document).on('change', '#checkAllRoom', function() {
                $('.checkRoom').prop('checked', this.checked);
                toggleReadyAcceptButton();
            });
            $(document).on('change', '.checkRoom', function() {
                let check = ($('.checkRoom').filter(":checked").length == $('.checkRoom').length);
                $('#checkAllRoom').prop("checked", check);
                toggleReadyAcceptButton();
            });
        });
        function toggleReadyAcceptButton() {
            if($('.checkRoom').filter(":checked").length > 0){
                $('#BedCleanAccept').show();
            } else {
                $('#BedCleanAccept').hide();
            }
        }
        function BedCleanAccept() {
            let room_ids = [];
            $('.checkRoom').filter(":checked").each(function() {
                room_ids.push({
                    room_id: $(this).data('room-id'),
                    bed_ids: $(this).val()
                });
            });
            let payload = {
                room_ids: JSON.stringify(room_ids)
            }
            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, Accept it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    getLoadingStatusNew();
                    customAjaxCall(function(res){
                        getPreview();
                    }, "post", "{{ route('frontdesk.accept.bed_clean.status_bulk') }}", payload);
                }
            });
        }
    </script>
@endsection