@extends('layouts.admin')

@section('page_kicker', 'Records')
@section('page_title', 'Medical notes & advice')

@section('content')
    <div class="grid gap-6 lg:grid-cols-2">
        <div class="admin-content-card">
            <h3 class="admin-card-title">Add note</h3>
            <p class="admin-card-desc">Linked to your telehealth patients only</p>
            <form method="POST" action="{{ route('aim4wellness.notes.store') }}" class="mt-6 space-y-5">
                @csrf
                <div>
                    <label class="admin-form-label" for="patient_id">Patient</label>
                    <select id="patient_id" name="patient_id" required class="admin-input">
                        <option value="">Select</option>
                        @foreach($patientOptions as $p)
                            <option value="{{ $p->id }}">{{ $p->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="admin-form-label" for="consultation_id">Consultation ID (optional)</label>
                    <input id="consultation_id" name="consultation_id" type="number" min="1" class="admin-input" placeholder="If known">
                </div>
                <div>
                    <label class="admin-form-label" for="notes">Notes</label>
                    <textarea id="notes" name="notes" required rows="4" class="admin-input"></textarea>
                </div>
                <div>
                    <label class="admin-form-label" for="advice">Advice</label>
                    <textarea id="advice" name="advice" rows="3" class="admin-input"></textarea>
                </div>
                <button type="submit" class="admin-btn-primary">Save note</button>
            </form>
        </div>
        <div class="admin-content-card">
            <h3 class="admin-card-title">Recent</h3>
            <p class="admin-card-desc">Latest entries</p>
            <ul class="mt-5 space-y-4 text-sm">
                @forelse($notes as $n)
                    <li class="rounded-2xl border border-slate-100 bg-slate-50/60 p-4">
                        <p class="font-semibold text-slate-900">{{ $n->patient->name ?? 'Patient' }}</p>
                        <p class="text-xs text-slate-500">{{ $n->created_at->format('M j, Y g:i A') }}</p>
                        <p class="mt-2 whitespace-pre-wrap text-slate-700">{{ $n->notes }}</p>
                        @if($n->advice)
                            <p class="mt-3 rounded-lg bg-white/80 p-2 text-slate-600 ring-1 ring-slate-100"><span class="font-semibold text-slate-800">Advice:</span> {{ $n->advice }}</p>
                        @endif
                    </li>
                @empty
                    <li class="text-slate-500">No notes yet.</li>
                @endforelse
            </ul>
            <div class="mt-6">{{ $notes->links() }}</div>
        </div>
    </div>
@endsection