@php
    $badge_class = [
        'room' => [
            0 => ['badge badge-success', 'Vacant'],
            1 => ['badge badge-danger', 'In Used As Room'],
            2 => ['badge badge-warning', 'In Used As Bed'],
        ],
        'bed' => [
            1 => ['badge bg-success', 'Vacant'],
            2 => ['badge bg-danger', 'In Used'],
            3 => ['badge bg-secondary', 'Dirty'],
            4 => ['badge bg-info', 'Maintance'],
        ]
    ];
@endphp
<div class="container-fluid">
    <div class="row pb-2 mb-1 mt-2" style="border-bottom: 1px solid #000">
        <div class="col-5">
            <h4 class="d-inline pe-3">For Room</h4>
            @foreach ($badge_class['room'] as $key => $class)
                <span class="{{ $class[0] }}">{{ $class[1] }}</span>
            @endforeach
        </div>
        <div class="col-5">
            <h4 class="d-inline pe-3">For Bed</h4>
            @foreach ($badge_class['bed'] as $key => $class)
                <span class="{{ $class[0] }}">{{ $class[1] }}</span>
            @endforeach
        </div>
        <div class="col-2">
            <button type="button" class="btn btn-success" style="width: 100%; display: none" id="BedCleanAccept" onclick="BedCleanAccept()"><span class="fa fa-check"></span> Accept</button>
        </div>
    </div>
    <div class="row mb-2" style="border-bottom: 1px solid #000">
        <div class="col-1">
            <span class="fw-bold">Floor</span>
        </div>
        <div class="col-11">
            <div class="row">
                <div class="col-6 col-6 d-flex gap-1">
                    <span style="width: 30px;">
                        <input type="checkbox" id="checkAllRoom" class="form-check-input">
                    </span>
                    <span style="width: 60px;">
                        <span class="fw-bold">Room</span>
                    </span>
                    <span class="fw-bold">Bed</span>
                </div>
                <div class="col-6 col-6 d-flex gap-1">
                    <span style="width: 60px;">
                        <span class="fw-bold">Room</span>
                    </span>
                    <span class="fw-bold">Bed</span>
                </div>
            </div>
        </div>
    </div>

    @foreach ($floors as $f)
        <div class="row mb-3">
            <div class="col-1 d-flex align-items-center">
                <h4 class="badge badge-secondary">{{ $f->floor_no }}</h4>
            </div>
            @php
                $rooms = $beds->where('floor_id', $f->id);
            @endphp
            <div class="col-11">
                <div class="row">
                    @foreach ($rooms->groupBy('room_id') as $room)
                        <div class="col-6 d-flex gap-1">
                            @php
                                $hk_ready_fr_dirty = $room->where('bed_clean_status', 3)->where('bed_hk_status', 1)->pluck('bed_id')->toArray();
                            @endphp
                            <span style="width: 30px;">
                                @if(count($hk_ready_fr_dirty) > 0)
                                    <input type="checkbox" class="form-check-input checkRoom" data-room-id="{{ $room[0]->room_id }}" value="{{ implode(',', $hk_ready_fr_dirty) }}">
                                @endif
                            </span>
                            <span style="width: 60px;">
                                <span title="{{ $room[0]->room_id }}" class="mb-1 {{ $badge_class['room'][$room[0]->room_status][0] }}">{{ $room[0]->room_number }}</span>
                            </span>
                            @foreach ($room as $b)
                                <span title="{{ $b->bed_id }}" class="mb-1 {{ $room[0]->room_clean_status == 2 ? $badge_class['bed'][2][0] : $badge_class['bed'][$b->bed_clean_status][0] }}">{{ $b->bed_number }}</span>
                            @endforeach
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    @endforeach
</div>