@php
    $rooms = $rooms->sortBy('floor_id');
@endphp
<div class="cl-table-container" style="max-height: calc(100vh - 400px)">
    <table class="table cl-table table-bordered text-center table-responsive">
        <thead>
            <tr>
                <th>{{ __('obs.room_no') }}</th>
                <th nowrap>{{ __('obs.floor') }}</th>
                @foreach ($period as $key=>$date)
                    <th nowrap>{{ $date->format('d/m') }}</th>
                @endforeach
            </tr>
        </thead>
        <tbody>
            @foreach ($rooms as $room)
                <tr>
                    <td>{{ $room->room_number }}</td>
                    <td nowrap>{{ $room->floor->floor_no }}</td>
                    @foreach ($period as $key=>$date)
                        @php
                            $is_checkin = $check_ins
                                ->where('room_id', $room->id)
                                ->where('start_date', '<=', $date->format('Y-m-d'))
                                ->where('end_date', '>=', $date->format('Y-m-d'))
                                ->first();
                        @endphp
                        <td data-backup-bg="{{ $is_checkin ? $party_names[$is_checkin->get_booking_info->agent_id]['color'] : '#ffffff' }}"
                            class="cls_all {{ $is_checkin ? 'cls_'.$is_checkin->get_booking_info->agent_id : 'cls_0' }}"
                            title="{{ $room->room_number }} {{ $is_checkin ? '/'.$is_checkin->get_booking_info->checkin_code : '' }}"
                            @if($is_checkin)
                                style="cursor: pointer; background-color: {{ $party_names[$is_checkin->get_booking_info->agent_id]['color'] }}"
                                onclick="window.open('{{ route('frontdesk.booking.print', ['id'=>$is_checkin->booking_id]) }}', '_blank')"
                            @endif>

                        </td>
                    @endforeach
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
<div class="row mt-2">
    <div class="col-2">
        <p style="white-space: nowrap; cursor: pointer" onclick="toggleParty(0, '#ffffff')" class="mb-0">All</p>
    </div>
    @foreach ($party_names as $id=>$p)
        <div class="col-2" style="color: {{ $p['color'] }}; overflow: hidden" nowrap>
            <p style="white-space: nowrap; cursor: pointer" onclick="toggleParty({{ $id }}, '{{ $p['color'] }}')" class="mb-0">{{ $p['name'] }}</p>
        </div>
    @endforeach
</div>