@extends('layouts.admin')

@section('page_kicker', 'Wellbeing')
@section('page_title', 'Mood journal')

@section('content')
    <div class="grid gap-6 lg:grid-cols-2">
        <div class="admin-content-card">
            <h3 class="admin-card-title">Log today</h3>
            <p class="admin-card-desc">1 = low, 10 = great. Visible to clinicians who treat you on Aim4Wellness.</p>
            <form method="POST" action="{{ route('patient.telehealth.mood.store') }}" class="mt-6 space-y-5">
                @csrf
                <div>
                    <label class="admin-form-label" for="mood_score">Mood (1–10)</label>
                    <input id="mood_score" type="number" name="mood_score" min="1" max="10" required class="admin-input">
                </div>
                <div>
                    <label class="admin-form-label" for="notes">Note (optional)</label>
                    <textarea id="notes" name="notes" rows="3" class="admin-input" placeholder="What influenced your day?"></textarea>
                </div>
                <button type="submit" class="admin-btn-primary">Save entry</button>
            </form>
        </div>
        <div class="admin-content-card">
            <h3 class="admin-card-title">Recent entries</h3>
            <p class="admin-card-desc">Your history</p>
            <ul class="mt-5 space-y-3 text-sm">
                @forelse($entries as $e)
                    <li class="rounded-xl border border-slate-100 bg-slate-50/90 px-4 py-3">
                        <span class="text-lg font-bold text-teal-700">{{ $e->mood_score }}</span><span class="text-sm font-medium text-slate-500">/10</span>
                        <span class="text-xs text-slate-500"> · {{ $e->created_at->format('M j, Y g:i A') }}</span>
                        @if($e->notes)
                            <p class="mt-2 text-slate-700">{{ $e->notes }}</p>
                        @endif
                    </li>
                @empty
                    <li class="text-slate-500">No entries yet.</li>
                @endforelse
            </ul>
            <div class="mt-6">{{ $entries->links() }}</div>
        </div>
    </div>
@endsection