{{-- resources/views/patients/show.blade.php --}}
<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800">রোগীর বিস্তারিত — {{ $patient->name }}</h2>
    </x-slot>

    <div class="py-6 max-w-5xl mx-auto sm:px-6 lg:px-8 space-y-6">

        @if (session('success'))
            <div class="p-3 bg-green-100 text-green-700 rounded">{{ session('success') }}</div>
        @endif

        <div class="bg-white shadow rounded-lg p-6 grid grid-cols-2 gap-4">
            <div><strong>রোগী আইডি:</strong> {{ $patient->patient_id }}</div>
            <div><strong>ধরন:</strong> {{ strtoupper($patient->type) }}</div>
            <div><strong>লিঙ্গ:</strong> {{ ucfirst($patient->gender) }}</div>
            <div><strong>বয়স:</strong> {{ $patient->age ?? '—' }}</div>
            <div><strong>ফোন:</strong> {{ $patient->phone }}</div>
            <div><strong>ইমেইল:</strong> {{ $patient->email ?? '—' }}</div>
            <div><strong>ব্লাড গ্রুপ:</strong> {{ $patient->blood_group ?? '—' }}</div>
            <div><strong>জরুরি যোগাযোগ:</strong> {{ $patient->emergency_contact ?? '—' }}</div>
            <div class="col-span-2"><strong>ঠিকানা:</strong> {{ $patient->address ?? '—' }}</div>
        </div>

        <div class="flex gap-3">
            <a href="{{ route('patients.edit', $patient) }}" class="bg-yellow-500 text-white px-4 py-2 rounded-lg">এডিট করুন</a>
            <a href="{{ route('patients.index') }}" class="bg-gray-500 text-white px-4 py-2 rounded-lg">তালিকায় ফিরুন</a>
        </div>

        {{-- ভবিষ্যতে appointments, admissions, invoices এখানে টেবিল আকারে দেখানো যাবে --}}
    </div>
</x-app-layout>