@extends('layouts.app')
@section('title', 'Prescription')

@section('content')
<div class="page-head no-print">
    <div><div class="eyebrow"><a href="{{ route('patients.show', $prescription->patient) }}">{{ $prescription->patient->name }}</a> · Prescription</div><h1>Prescription</h1></div>
    <div class="chips">
        <button onclick="window.print()" class="btn btn-sm btn-ghost">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9V2h12v7M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 14h12v8H6v-8Z" stroke-linecap="round" stroke-linejoin="round"/></svg>
            Print
        </button>
        <form method="POST" action="{{ route('prescriptions.destroy', $prescription) }}" onsubmit="return confirm('Delete this prescription?')">@csrf @method('DELETE')<button class="btn btn-sm btn-danger">Delete</button></form>
    </div>
</div>

<div class="card card-pad" style="max-width:720px;">
    {{-- Letterhead --}}
    <div style="display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--teal);padding-bottom:16px;margin-bottom:18px;">
        <div>
            <div style="font-family:'Fraunces',serif;font-size:22px;font-weight:600;">Dr. {{ $doctor->name }}</div>
            <div class="muted" style="font-size:13px;">{{ $doctor->specialization ?? 'Physician' }}@if($doctor->registration_no) · Reg. {{ $doctor->registration_no }}@endif</div>
        </div>
        <div style="text-align:right;">
            <div style="font-family:'Fraunces',serif;font-size:34px;font-weight:600;color:var(--teal);line-height:1;">℞</div>
            <div class="faint" style="font-size:12.5px;margin-top:4px;">{{ $prescription->prescribed_on->format('j M Y') }}</div>
        </div>
    </div>

    {{-- Patient --}}
    <div style="display:flex;gap:24px;flex-wrap:wrap;margin-bottom:18px;font-size:14px;">
        <div><span class="faint">Patient</span><br><strong>{{ $prescription->patient->name }}</strong></div>
        <div><span class="faint">MRN</span><br>{{ $prescription->patient->mrn }}</div>
        @if($prescription->patient->age !== null)<div><span class="faint">Age</span><br>{{ $prescription->patient->age }} yrs</div>@endif
        @if($prescription->diagnosis)<div style="flex:1;min-width:180px;"><span class="faint">Diagnosis</span><br>{{ $prescription->diagnosis }}</div>@endif
    </div>

    {{-- Medications --}}
    <table class="data" style="margin-bottom:6px;">
        <thead><tr><th style="width:28px;">#</th><th>Medication</th><th>Dosage</th><th>Frequency</th><th>Duration</th></tr></thead>
        <tbody>
        @forelse($prescription->items as $item)
            <tr>
                <td class="faint">{{ $loop->iteration }}</td>
                <td style="font-weight:600;">{{ $item->drug_name }}@if($item->instructions)<div class="faint" style="font-weight:400;font-size:12.5px;">{{ $item->instructions }}</div>@endif</td>
                <td>{{ $item->dosage ?: '—' }}</td>
                <td>{{ $item->frequency ?: '—' }}</td>
                <td>{{ $item->duration ?: '—' }}</td>
            </tr>
        @empty
            <tr><td colspan="5" class="muted" style="padding:18px;">No medications listed.</td></tr>
        @endforelse
        </tbody>
    </table>

    @if($prescription->advice)
        <div style="margin-top:16px;padding:14px;background:var(--surface-2);border-radius:var(--radius-sm);">
            <div class="muted" style="font-size:13px;font-weight:600;margin-bottom:4px;">Advice</div>
            <p style="margin:0;white-space:pre-line;">{{ $prescription->advice }}</p>
        </div>
    @endif

    <div style="margin-top:40px;text-align:right;">
        <div style="display:inline-block;border-top:1px solid var(--ink);padding-top:6px;min-width:200px;font-size:13px;">Dr. {{ $doctor->name }}</div>
    </div>
</div>

<a href="{{ route('patients.show', $prescription->patient) }}#rx" class="btn btn-ghost no-print" style="margin-top:16px;">← Back to patient</a>
@endsection