{{-- resources/views/doctors/show.blade.php --}}
<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800">Dr. {{ $doctor->user->name }}</h2>
    </x-slot>

    <div class="py-6 max-w-3xl mx-auto sm:px-6 lg:px-8 space-y-6">
        <div class="bg-white shadow rounded-lg p-6 grid grid-cols-2 gap-4 text-sm">
            <div><strong>স্পেশালাইজেশন:</strong> {{ $doctor->specialization }}</div>
            <div><strong>যোগ্যতা:</strong> {{ $doctor->qualification ?? '—' }}</div>
            <div><strong>ফোন:</strong> {{ $doctor->phone ?? '—' }}</div>
            <div><strong>ইমেইল:</strong> {{ $doctor->user->email }}</div>
            <div><strong>কনসালটেশন ফি:</strong> ৳{{ number_format($doctor->consultation_fee, 2) }}</div>
        </div>

        <div class="grid grid-cols-2 gap-4">
            <div class="bg-white shadow rounded-lg p-4 text-center">
                <p class="text-2xl font-bold text-blue-600">{{ $todayCount }}</p>
                <p class="text-xs text-gray-500">আজকের অ্যাপয়েন্টমেন্ট</p>
            </div>
            <div class="bg-white shadow rounded-lg p-4 text-center">
                <p class="text-2xl font-bold text-green-600">{{ $totalPatients }}</p>
                <p class="text-xs text-gray-500">মোট রোগী দেখেছেন</p>
            </div>
        </div>

        @role('admin')
        <a href="{{ route('users.edit', $doctor->user) }}" class="inline-block bg-yellow-500 text-white px-4 py-2 rounded-lg">তথ্য এডিট করুন</a>
        @endrole
        <a href="{{ route('doctors.index') }}" class="inline-block bg-gray-500 text-white px-4 py-2 rounded-lg">তালিকায় ফিরুন</a>
    </div>
</x-app-layout>