@extends('layouts.admin')

@section('page_kicker', 'Insights')
@section('page_title', 'Mental health')

@section('content')
    @php
        $maxAvg = max(0.01, (float) ($moods->max('avg') ?? 1));
    @endphp
    <div class="admin-content-card">
        <p class="text-sm leading-relaxed text-slate-600">14-day average mood score by day for your telehealth patients (when mood logs exist).</p>
        <div class="mt-10 flex h-52 items-end gap-2 sm:gap-3">
            @forelse($moods as $row)
                <div class="flex flex-1 flex-col items-center gap-2">
                    <div
                        class="w-full rounded-t-lg bg-gradient-to-t from-violet-600 to-indigo-400 opacity-90 shadow-sm transition hover:opacity-100"
                        style="height: {{ max(8, ($row->avg / $maxAvg) * 100) }}%"
                        title="{{ $row->day }}: avg {{ $row->avg }}"
                    ></div>
                    <span class="text-[10px] font-medium text-slate-500">{{ \Illuminate\Support\Str::afterLast($row->day, '-') }}</span>
                </div>
            @empty
                <p class="text-sm text-slate-500">No mood data in the last 14 days.</p>
            @endforelse
        </div>
        <p class="mt-8 border-t border-slate-100 pt-6 text-xs text-slate-500">Therapy sessions follow the same consultation and chat flows. Patients can log mood from the telehealth portal.</p>
    </div>
@endsection