@extends('layouts.admin')

@section('page_kicker', 'Medication')
@section('page_title', 'Prescription management')

@section('content')
    <div class="admin-content-card">
        <h3 class="admin-card-title">Create prescription</h3>
        <p class="admin-card-desc">Doctor-authored medication order.</p>
        <form method="POST" action="{{ route('hospital.prescriptions.store') }}" class="mt-5 grid gap-4 md:grid-cols-2">
            @csrf
            <div>
                <label class="admin-form-label" for="patient_id">Patient user ID</label>
                <input id="patient_id" type="number" name="patient_id" placeholder="Patient user ID" class="admin-input" required>
            </div>
            <div>
                <label class="admin-form-label" for="doctor_id">Doctor user ID</label>
                <input id="doctor_id" type="number" name="doctor_id" placeholder="Doctor user ID" class="admin-input" required>
            </div>
            <div>
                <label class="admin-form-label" for="medicine_id">Medicine ID</label>
                <input id="medicine_id" type="number" name="medicine_id" placeholder="Medicine ID" class="admin-input" required>
            </div>
            <div>
                <label class="admin-form-label" for="dosage">Dosage</label>
                <input id="dosage" type="text" name="dosage" placeholder="Dosage" class="admin-input" required>
            </div>
            <div>
                <label class="admin-form-label" for="frequency">Frequency</label>
                <input id="frequency" type="text" name="frequency" placeholder="Frequency" class="admin-input" required>
            </div>
            <div>
                <label class="admin-form-label" for="duration_days">Duration (days)</label>
                <input id="duration_days" type="number" name="duration_days" placeholder="Duration days" class="admin-input" required>
            </div>
            <div>
                <label class="admin-form-label" for="quantity">Quantity</label>
                <input id="quantity" type="number" name="quantity" placeholder="Quantity" class="admin-input" required>
            </div>
            <div class="md:col-span-2">
                <label class="admin-form-label" for="notes">Notes</label>
                <textarea id="notes" name="notes" rows="3" placeholder="Instructions / notes" class="admin-input"></textarea>
            </div>
            <div class="md:col-span-2">
                <button type="submit" class="admin-btn-primary">Create prescription</button>
            </div>
        </form>
    </div>

    <div class="admin-content-card mt-6">
        <h3 class="admin-card-title">All prescriptions</h3>
        <p class="admin-card-desc">Line items and fulfillment state.</p>
        <div class="mt-5 space-y-4">
            @foreach($prescriptions as $prescription)
                <div class="rounded-xl border border-slate-100 bg-slate-50/90 p-4">
                    <p class="text-sm font-semibold text-slate-900">
                        #{{ $prescription->id }} · {{ $prescription->status }} · Patient: {{ $prescription->patient->name ?? $prescription->patient_id }}
                    </p>
                    <p class="text-xs text-slate-500">Doctor: {{ $prescription->doctor->name ?? $prescription->doctor_id }} · {{ $prescription->created_at }}</p>
                    <ul class="mt-3 space-y-1 text-xs text-slate-700">
                        @foreach($prescription->items as $item)
                            <li>— {{ $item->medicine->name ?? 'Medicine #'.$item->medicine_id }}: {{ $item->dosage }}, {{ $item->frequency }}, {{ $item->duration_days }} day(s), qty {{ $item->quantity }}</li>
                        @endforeach
                    </ul>
                </div>
            @endforeach
        </div>
        <div class="mt-5 border-t border-slate-100 pt-4">{{ $prescriptions->links() }}</div>
    </div>
@endsection