@extends('layouts.admin')

@section('page_title', 'Aim4Wellness Doctor Dashboard')

@section('content')
    <div class="grid gap-4 md:grid-cols-3">
        <div class="rounded-2xl bg-white p-5 shadow-lg"><p class="text-sm text-slate-500">Online Consultations</p><p class="text-3xl font-bold text-blue-700">{{ $stats['consultations'] }}</p></div>
        <div class="rounded-2xl bg-white p-5 shadow-lg"><p class="text-sm text-slate-500">Appointments</p><p class="text-3xl font-bold text-emerald-700">{{ $stats['appointments'] }}</p></div>
        <div class="rounded-2xl bg-white p-5 shadow-lg"><p class="text-sm text-slate-500">Chat Threads</p><p class="text-3xl font-bold text-indigo-700">{{ $stats['chat_threads'] }}</p></div>
    </div>

    <div class="mt-6 grid gap-6 lg:grid-cols-2">
        <div class="rounded-2xl bg-white p-6 shadow-lg">
            <h3 class="font-semibold text-slate-900">Mental Health Services</h3>
            <ul class="mt-4 space-y-2 text-sm text-slate-600">
                <li class="rounded-xl bg-slate-50 px-3 py-2">Therapy session follow-ups</li>
                <li class="rounded-xl bg-slate-50 px-3 py-2">Mood tracking insights</li>
                <li class="rounded-xl bg-slate-50 px-3 py-2">Anonymous emotional support chat</li>
            </ul>
        </div>
        <div class="rounded-2xl bg-white p-6 shadow-lg">
            <h3 class="font-semibold text-slate-900">Physical Health Services</h3>
            <ul class="mt-4 space-y-2 text-sm text-slate-600">
                <li class="rounded-xl bg-slate-50 px-3 py-2">Symptom consultation and triage</li>
                <li class="rounded-xl bg-slate-50 px-3 py-2">Health advice and care plans</li>
                <li class="rounded-xl bg-slate-50 px-3 py-2">Referral flow to hospital module</li>
            </ul>
        </div>
    </div>
@endsection