{{-- resources/views/doctors/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>
            @role('admin')
                <a href="{{ route('users.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded-lg">+ নতুন ডাক্তার যোগ করুন</a>
            @endrole
        </div>
    </x-slot>

    <div class="py-6 max-w-6xl mx-auto sm:px-6 lg:px-8">
        <div class="bg-white shadow rounded-lg p-4 mb-4">
            <form method="GET" class="flex gap-3">
                <input type="text" name="search" value="{{ request('search') }}" placeholder="নাম বা স্পেশালাইজেশন" class="border-gray-300 rounded-md flex-1">
                <button class="bg-gray-700 text-white px-4 py-2 rounded-md">খুঁজুন</button>
            </form>
        </div>

        <div class="grid grid-cols-3 gap-4">
            @forelse ($doctors as $doctor)
                <div class="bg-white shadow rounded-lg p-5">
                    <h3 class="font-semibold">Dr. {{ $doctor->user->name }}</h3>
                    <p class="text-sm text-blue-600">{{ $doctor->specialization }}</p>
                    <p class="text-xs text-gray-500">{{ $doctor->qualification ?? '—' }}</p>

                    <div class="mt-3 text-sm space-y-1">
                        <p>কনসালটেশন ফি: ৳{{ number_format($doctor->consultation_fee, 2) }}</p>
                        <p>
                            শিডিউল:
                            @if ($doctor->available_days)
                                {{ implode(', ', array_map(fn($d) => ['sat'=>'শনি','sun'=>'রবি','mon'=>'সোম','tue'=>'মঙ্গল','wed'=>'বুধ','thu'=>'বৃহঃ','fri'=>'শুক্র'][$d] ?? $d, $doctor->available_days)) }}
                            @else
                                নির্ধারিত নেই
                            @endif
                        </p>
                        @if ($doctor->start_time && $doctor->end_time)
                            <p>সময়: {{ $doctor->start_time->format('h:i A') }} - {{ $doctor->end_time->format('h:i A') }}</p>
                        @endif
                    </div>

                    <a href="{{ route('doctors.show', $doctor) }}" class="mt-4 block text-center bg-gray-700 text-white py-2 rounded-lg text-sm">
                        বিস্তারিত দেখুন
                    </a>
                </div>
            @empty
                <p class="col-span-3 text-center text-gray-500 py-8">কোনো ডাক্তার পাওয়া যায়নি</p>
            @endforelse
        </div>
    </div>
</x-app-layout>