{{-- <table class="table cl-table table-bordered">
    <thead>
        <tr class="text-center">
            <th>{{ __('obs.sl') }}</th>
            <th>{{ __('obs.room_no') }}</th>
            <th>{{ __('obs.room_type') }}</th>
            <th>{{ __('obs.system_no_of_beds') }}</th>
            <th>{{ __('obs.no_of_beds') }}</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($rooms as $room)
            @php
                $error = null;
                if($room->getBedPlannings->count() > 0){
                    $error = __('obs.planning_exist_from').' '.date('d-m-Y', strtotime($room->getBedPlannings->first()->from_date)).' '.__('obs.to').' '.date('d-m-Y', strtotime($room->getBedPlannings->first()->to_date));
                }
            @endphp
            <tr class="{{ $error ? 'bg-danger bg-opacity-25' : '' }}">
                <td class="text-center">{{ $loop->iteration }}</td>
                <td class="text-center">{{ $room->room_number }}</td>
                <td class="text-center">{{ $room->roomType->name }}</td>
                <td class="text-center">{{ $room->number_of_beds }}</td>
                <td class="text-center">
                    @if($error)
                        {!! $error !!}
                    @else
                        <input type="number" name="no_of_beds[{{ $room->id }}]" value="{{ $default_no_of_beds }}" min="0" class="form-control">
                    @endif
                </td>
            </tr>
        @endforeach
</table>
<input type="hidden" name="date_to" value="{{ $date_to }}">
<input type="hidden" name="date_from" value="{{ $date_from }}">
<div class="d-flex justify-content-center my-3">
    <button type="submit" style="width: 200px; margin: 0 auto" class="btn btn-success btn-sm">{{ __('obs.confirm') }}</button>
</div> --}}
<div class="container-fluid">
    <div class="row">
        @foreach ($rooms as $room)
            <div class="col-2 px-1 mb-2">
                <div class="card sina-card mt-0 mb-1">
                    <div class="card-header card-header-s fw-bold text-white d-flex justify-content-between">
                        <span>
                            {{ $room->room_number }}
                        </span>
                        @php
                            $beds_of_the_room = $room->childRooms;
                            $exclude_bed_ids = $plannings->where('from_room_id', $room->id)->where('bed_status', 1)->pluck('bed_id')->toArray();
                            $beds_of_the_room = $beds_of_the_room->whereNotIn('id', $exclude_bed_ids);
                            $include_beds = $plannings->where('room_id', $room->id)->where('bed_status', 1)->pluck('getBed');
                            $include_bed_ids = $include_beds->pluck('id')->toArray();
                            $beds_of_the_room = $beds_of_the_room->merge($include_beds);
                            $total_inactive = $plannings->where('from_room_id', $room->id)->where('bed_status', 0)->count();
                        @endphp
                        <span class="badge mb-0 bg-light text-dark bed_count_{{$room->id}}">
                            {{ $beds_of_the_room->count()-$total_inactive }}
                        </span>
                    </div>
                    <div class="card-body py-1 px-1">
                        <div class="row bed-container m-0 p-0" style="height: 80px; overflow-y: scroll" id="room_{{ $room->id }}" data-room-id="{{ $room->id }}" data-room-no="{{ $room->room_number }}">
                            @foreach ($beds_of_the_room as $child_room)
                                @php
                                    $common_bg_class = 'bg-primary';
                                    $draggable_class = $transaction_type == 2 ? 'not-draggable' : '';
                                    $is_inactive = $plannings->where('bed_id', $child_room->id)->where('bed_status', 0)->first();
                                    if(in_array($child_room->id, $include_bed_ids)){
                                        $draggable_class = 'not-draggable';
                                        $common_bg_class = 'bg-secondary';
                                    }
                                    if($is_inactive){
                                        $common_bg_class = 'bg-dark';
                                        $draggable_class = 'not-draggable';
                                    }
                                @endphp
                                <div class="col-6 px-1 {{ $draggable_class }}" data-id={{ $child_room->id }} data-bed-no={{ $child_room->room_number }} from-room-id={{ $room->id }} from-room-no={{ $room->room_number }} style="cursor: pointer">
                                    <div class="w-100 {{ $common_bg_class }} mb-1 d-flex justify-content-between text-white px-1" style="white-space: nowrap" id="bed_{{ $child_room->id }}">
                                        <span>{{ $child_room->room_number }}</span>
                                        @if($transaction_type == 2 && !in_array($child_room->id, $include_bed_ids) && !$is_inactive)
                                            <i class="fa fa-times remove-icon" onclick="removeBed({{ $child_room->id }}, {{ $room->id }}, '{{ $child_room->room_number }}', '{{ $room->room_number }}')"></i>
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
</div>