@extends('layouts.admin')

@section('page_kicker', 'Pharmacy')
@section('page_title', 'Telehealth prescriptions')

@section('content')
    <div class="mb-8 rounded-2xl border border-amber-200/80 bg-gradient-to-r from-amber-50 to-orange-50/80 p-5 text-sm text-amber-950 shadow-sm ring-1 ring-amber-100">
        <p class="font-semibold">Telehealth scope</p>
        <p class="mt-1 text-amber-900/90">Suggestions only for <strong>non-controlled</strong> medications. Escalate to hospital care when clinically appropriate.</p>
    </div>
    <div class="grid gap-6 lg:grid-cols-2">
        <div class="admin-content-card">
            <h3 class="admin-card-title">New suggestion</h3>
            <p class="admin-card-desc">Recorded for compliance review</p>
            <form method="POST" action="{{ route('aim4wellness.prescriptions.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="medication_name">Medication</label>
                    <input id="medication_name" name="medication_name" required class="admin-input">
                </div>
                <div>
                    <label class="admin-form-label" for="dosage">Dosage</label>
                    <input id="dosage" name="dosage" required class="admin-input">
                </div>
                <div>
                    <label class="admin-form-label" for="instructions">Instructions</label>
                    <textarea id="instructions" name="instructions" required rows="3" class="admin-input"></textarea>
                </div>
                <label class="flex cursor-pointer items-center gap-3 rounded-xl border border-slate-100 bg-slate-50/80 px-4 py-3 text-sm text-slate-800">
                    <input type="checkbox" name="hospital_referral" value="1" class="admin-checkbox">
                    Refer patient to hospital
                </label>
                <button type="submit" class="admin-btn-dark">Record suggestion</button>
            </form>
        </div>
        <div class="admin-content-card">
            <h3 class="admin-card-title">History</h3>
            <p class="admin-card-desc">Recent entries</p>
            <ul class="mt-5 space-y-4 text-sm">
                @forelse($rows as $row)
                    <li class="rounded-2xl border border-slate-100 bg-slate-50/60 p-4">
                        <p class="font-semibold text-slate-900">{{ $row->patient->name ?? 'Patient' }} <span class="font-normal text-slate-500">·</span> {{ $row->medication_name }}</p>
                        <p class="text-xs text-slate-500">{{ $row->created_at->format('M j, Y') }}</p>
                        <p class="mt-2 text-slate-700">{{ $row->dosage }} — {{ $row->instructions }}</p>
                        @if($row->hospital_referral)
                            <p class="mt-2 inline-flex rounded-full bg-amber-100 px-2.5 py-0.5 text-xs font-bold text-amber-900">Hospital referral</p>
                        @endif
                    </li>
                @empty
                    <li class="text-slate-500">No records.</li>
                @endforelse
            </ul>
            <div class="mt-6">{{ $rows->links() }}</div>
        </div>
    </div>
@endsection