@extends('layouts.app')
@section('title', 'Bed Board')
@section('content')
@foreach($wards as $ward)
<div class="mb-8">
    <h3 class="text-base font-semibold text-gray-800 mb-3">{{ $ward->name }} <span class="text-sm font-normal text-gray-500">({{ $ward->type }})</span></h3>
    <div class="grid grid-cols-3 md:grid-cols-5 lg:grid-cols-8 gap-3">
        @foreach($ward->beds as $bed)
        <div class="rounded-xl border-2 p-3 text-center {{ $bed->status==='occupied'?'border-red-300 bg-red-50':'border-green-300 bg-green-50' }}">
            <p class="font-mono font-bold text-sm">{{ $bed->bed_number }}</p>
            @if($bed->status==='occupied' && $bed->currentAdmission)<p class="text-xs text-gray-600 mt-1 truncate">{{ $bed->currentAdmission->patient->first_name ?? '' }}</p>@else<p class="text-xs text-green-600 mt-1">Available</p>@endif
        </div>
        @endforeach
    </div>
</div>
@endforeach
@endsection