{{-- resources/views/wards/show.blade.php --}}
<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800">{{ $ward->name }} — বেড ম্যাপ</h2>
    </x-slot>

    <div class="py-6 max-w-6xl mx-auto sm:px-6 lg:px-8">
        @if (session('success'))
        <div class="mb-4 p-3 bg-green-100 text-green-700 rounded">{{ session('success') }}</div>
        @endif

        <div class="bg-white shadow rounded-lg p-4 mb-4">
            <form method="POST" action="{{ route('wards.add-bed', $ward) }}" class="flex gap-3">
                @csrf
                <input type="text" name="bed_number" placeholder="নতুন বেড নম্বর" class="border-gray-300 rounded-md" required>
                <button class="bg-gray-700 text-white px-4 py-2 rounded-md">বেড যোগ করুন</button>
            </form>
        </div>

        <div class="grid grid-cols-4 gap-4">
            @foreach ($ward->beds as $bed)
            <div class="p-4 rounded-lg shadow text-center
                    {{ $bed->status == 'available' ? 'bg-green-50 border border-green-300' : 'bg-red-50 border border-red-300' }}">
                <p class="font-semibold">{{ $bed->bed_number }}</p>
                <p class="text-xs mt-1
                        {{ $bed->status == 'available' ? 'text-green-700' : 'text-red-700' }}">
                    {{ $bed->status == 'available' ? 'খালি' : 'ব্যবহৃত' }}
                </p>
                @if ($bed->currentAdmission)
                <p class="text-xs mt-2 text-gray-600">{{ $bed->currentAdmission->patient->name }}</p>
                <a href="{{ route('admissions.show', $bed->currentAdmission) }}" class="text-xs text-blue-600">বিস্তারিত</a>
                @endif
            </div>
            @endforeach
        </div>
    </div>
</x-app-layout>