@extends('layouts.app')
@section('title', 'Room ' . $room->room_number)
@section('content')
<div class="card">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:4px;">{{ $room->hostel->name }} — Room {{ $room->room_number }}</h2>
    <p style="font-size:12.5px;color:#777;margin-bottom:16px;">{{ $room->allocations->count() }} / {{ $room->bed_capacity }} beds occupied</p>

    <table style="width:100%;border-collapse:collapse;font-size:13px;">
        <thead><tr style="background:#f4f6f5;text-align:left;"><th style="padding:8px;">Bed No.</th><th style="padding:8px;">Student</th></tr></thead>
        <tbody>
            @for($i = 1; $i <= $room->bed_capacity; $i++)
                @php $allocation = $room->allocations->firstWhere('bed_number', $i); @endphp
                <tr style="border-bottom:1px solid #eee;">
                    <td style="padding:8px;">Bed {{ $i }}</td>
                    <td style="padding:8px;">{{ $allocation?->student->full_name ?? '— Empty —' }}</td>
                </tr>
            @endfor
        </tbody>
    </table>
</div>
@endsection