{{-- resources/views/wards/index.blade.php --}}
<x-app-layout>
    <x-slot name="header">
        <div class="flex justify-between items-center">
            <h2 class="font-semibold text-xl text-gray-800">ওয়ার্ড ব্যবস্থাপনা</h2>
            <a href="{{ route('wards.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded-lg">+ নতুন ওয়ার্ড</a>
        </div>
    </x-slot>

    <div class="py-6 max-w-7xl 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
        @if (session('error'))
        <div class="mb-4 p-3 bg-red-100 text-red-700 rounded">{{ session('error') }}</div>
        @endif

        <div class="grid grid-cols-3 gap-4">
            @foreach ($wards as $ward)
            <div class="bg-white shadow rounded-lg p-5">
                <div class="flex justify-between items-start">
                    <div>
                        <h3 class="font-semibold text-lg">{{ $ward->name }}</h3>
                        <span class="text-xs bg-gray-100 px-2 py-1 rounded-full">{{ ucfirst($ward->type) }}</span>
                    </div>
                    <a href="{{ route('wards.edit', $ward) }}" class="text-yellow-600 text-sm">এডিট</a>
                </div>

                <div class="mt-3 text-sm text-gray-600">
                    <p>মোট বেড: {{ $ward->beds_count }}</p>
                    <p>খালি বেড: <span class="text-green-600 font-medium">{{ $ward->available_beds_count }}</span></p>
                    <p>দৈনিক চার্জ: ৳{{ number_format($ward->daily_charge, 2) }}</p>
                </div>

                <a href="{{ route('wards.show', $ward) }}"
                    class="mt-4 block text-center bg-gray-700 text-white py-2 rounded-lg text-sm">
                    বেড দেখুন
                </a>
            </div>
            @endforeach
        </div>
    </div>
</x-app-layout>