@extends('layouts.admin')

@section('page_kicker', 'Module')
@section('page_title', 'Aim4Wellness control')

@section('content')
    <div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-3">
        <div class="admin-stat-card">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Online consultations</p>
            <p class="mt-2 text-3xl font-bold tracking-tight text-teal-700">{{ $consultations }}</p>
        </div>
        <div class="admin-stat-card">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Therapy session signals</p>
            <p class="mt-2 text-3xl font-bold tracking-tight text-cyan-700">{{ $therapySessions }}</p>
        </div>
        <div class="admin-stat-card sm:col-span-2 xl:col-span-1">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Independent doctors</p>
            <p class="mt-2 text-3xl font-bold tracking-tight text-sky-800">{{ $independentDoctors }}</p>
        </div>
    </div>

    <div class="admin-content-card mt-6">
        <h3 class="admin-card-title">AI assistant settings</h3>
        <p class="admin-card-desc">Keys prefixed with <code class="rounded bg-slate-100 px-1 py-0.5 text-xs">ai.</code> from system settings.</p>
        <div class="mt-5 space-y-2 text-sm">
            @forelse($aiSettings as $setting)
                <div class="rounded-xl border border-slate-100 bg-slate-50/90 px-4 py-2.5">
                    <span class="font-semibold text-slate-900">{{ $setting->setting_key }}</span>
                    <span class="text-slate-600">: {{ $setting->setting_value }}</span>
                </div>
            @empty
                <p class="text-slate-500">No AI settings defined yet. Add keys from system settings (prefix with <code class="rounded bg-slate-100 px-1 py-0.5 text-xs">ai.</code>).</p>
            @endforelse
        </div>
    </div>
@endsection