@extends('layouts.admin')

@php
    use App\Enums\DoctorEncounterStatus;
    use App\Enums\HospitalVisitStage;
@endphp

@section('page_kicker', 'Encounter')
@section('page_title', 'MRN '.$visit->mrn)

@section('content')
    @if (session('status'))
        <div class="admin-content-card mb-4 border border-emerald-200 bg-emerald-50/80 text-sm text-emerald-900">
            {{ session('status') }}
        </div>
    @endif

    <div class="mb-6 flex flex-wrap items-center justify-between gap-3">
        <div>
            <p class="text-sm text-slate-600">{{ $visit->patient?->name }} · Visit #{{ $visit->id }}</p>
            @if(!($isAssignedDoctor ?? true))
                <p class="mt-1 text-xs text-amber-900">
                    <span class="font-semibold">Department view</span> — assigned clinician:
                    {{ $visit->assignedDoctor?->name ?? '—' }}. You can read the chart and add your own progress notes; exam and prescribing stay with the assigned doctor.
                </p>
            @endif
            <p class="mt-1 text-xs uppercase tracking-wide text-slate-500">Doctor status</p>
            <p class="text-lg font-semibold capitalize text-teal-800">{{ str_replace('_', ' ', $visit->doctor_encounter_status?->value ?? '—') }}</p>
        </div>
        <div class="flex flex-wrap gap-2">
            <a href="{{ route('hospital.doctor.workspace') }}" class="admin-btn-secondary">Workspace</a>
            <a href="{{ route('hospital.visits.show', $visit) }}" class="admin-btn-secondary text-xs">Full visit (pipeline)</a>
        </div>
    </div>

    <div class="grid gap-4 lg:grid-cols-2">
        <div class="admin-content-card text-sm">
            <h3 class="admin-card-title">Triage vitals</h3>
            @if($visit->triage_vitals)
                <pre class="mt-2 max-h-48 overflow-auto rounded-lg bg-slate-50 p-3 font-mono text-xs">{{ json_encode($visit->triage_vitals, JSON_PRETTY_PRINT) }}</pre>
            @else
                <p class="mt-2 text-slate-500">No vitals recorded yet.</p>
            @endif
            <p class="mt-3 text-xs text-slate-500">Priority: {{ $visit->triage_priority ?? '—' }}</p>
        </div>
        <div class="admin-content-card text-sm">
            <h3 class="admin-card-title">Recent EMR history (same patient)</h3>
            <ul class="mt-2 max-h-56 space-y-2 overflow-y-auto text-slate-700">
                @forelse($history as $rec)
                    <li class="rounded-lg border border-slate-100 bg-slate-50/80 p-2 text-xs">
                        <span class="font-mono text-slate-500">#{{ $rec->id }}</span>
                        <p class="mt-1 line-clamp-3 whitespace-pre-wrap">{{ \Illuminate\Support\Str::limit($rec->summary, 220) }}</p>
                    </li>
                @empty
                    <li class="text-slate-500">No prior records.</li>
                @endforelse
            </ul>
        </div>
    </div>

    <div class="admin-content-card mt-4 text-sm">
        <h3 class="admin-card-title">Visit orders (lab / imaging)</h3>
        @if($visit->orders->isEmpty())
            <p class="mt-2 text-slate-500">No lab or imaging orders yet.</p>
        @else
            <ul class="mt-2 space-y-2">
                @foreach($visit->orders as $ord)
                    @if(in_array($ord->kind, ['lab', 'imaging'], true))
                        <li class="rounded-lg border border-slate-100 bg-slate-50/80 px-3 py-2 text-xs">
                            <span class="font-mono uppercase">{{ $ord->kind }}</span> — {{ $ord->description }}
                            <span class="text-slate-600"> · {{ $ord->status }}</span>
                            @if($ord->completed_at)
                                <span class="text-slate-500"> · done {{ $ord->completed_at->format('Y-m-d H:i') }}</span>
                            @endif
                        </li>
                    @endif
                @endforeach
            </ul>
        @endif
        @if($isAssignedDoctor && $visit->doctor_encounter_status === DoctorEncounterStatus::InConsultation && in_array($visit->stage, [HospitalVisitStage::WithDoctor, HospitalVisitStage::ExamDocumented, HospitalVisitStage::ServicePaymentPending], true))
            <form method="POST" action="{{ route('hospital.doctor.visits.orders.store', $visit) }}" class="mt-4 space-y-3 border-t border-slate-100 pt-4">
                @csrf
                <p class="text-xs text-slate-600">Creates a real <code class="rounded bg-slate-100 px-1">hospital_visit_orders</code> row and updates the service invoice when one exists.</p>
                <div class="grid gap-3 sm:grid-cols-2">
                    <div>
                        <label class="admin-form-label text-xs" for="order_kind">Order type</label>
                        <select id="order_kind" name="kind" class="admin-input" required>
                            <option value="lab" @selected(old('kind') === 'lab')>Laboratory</option>
                            <option value="imaging" @selected(old('kind') === 'imaging')>Imaging</option>
                        </select>
                        <x-input-error :messages="$errors->get('kind')" class="mt-1" />
                    </div>
                    <div>
                        <label class="admin-form-label text-xs" for="fulfilling_department_id">Fulfilling department (optional)</label>
                        <select id="fulfilling_department_id" name="fulfilling_department_id" class="admin-input">
                            <option value="">—</option>
                            @foreach($departments ?? [] as $d)
                                <option value="{{ $d->id }}" @selected((string) old('fulfilling_department_id') === (string) $d->id)>{{ $d->name }}</option>
                            @endforeach
                        </select>
                        <x-input-error :messages="$errors->get('fulfilling_department_id')" class="mt-1" />
                    </div>
                </div>
                <div>
                    <label class="admin-form-label text-xs" for="order_description">Test / study description</label>
                    <input id="order_description" type="text" name="description" value="{{ old('description') }}" class="admin-input" required maxlength="500" placeholder="e.g. CBC, chest X-ray PA view">
                    <x-input-error :messages="$errors->get('description')" class="mt-1" />
                </div>
                <button type="submit" class="admin-btn-secondary text-xs">Add order</button>
            </form>
        @endif
    </div>

    @if($visit->diagnosis || $visit->clinical_notes || $visit->treatment_plan)
        <div class="admin-content-card mt-4 text-sm">
            <h3 class="admin-card-title">Current documentation</h3>
            @if($visit->diagnosis)<p class="mt-2 whitespace-pre-wrap"><span class="font-semibold">Diagnosis</span><br>{{ $visit->diagnosis }}</p>@endif
            @if($visit->clinical_notes)<p class="mt-3 whitespace-pre-wrap"><span class="font-semibold">Notes</span><br>{{ $visit->clinical_notes }}</p>@endif
            @if($visit->treatment_plan)<p class="mt-3 whitespace-pre-wrap"><span class="font-semibold">Treatment plan</span><br>{{ $visit->treatment_plan }}</p>@endif
        </div>
    @endif

    <div class="admin-content-card mt-4 text-sm">
        <h3 class="admin-card-title">Progress notes (append-only)</h3>
        <p class="mt-1 text-xs text-slate-600">Shared within the visit’s department for continuity of care. Each note is tied to the author; notes cannot be edited after save.</p>
        <ul class="mt-4 max-h-72 space-y-3 overflow-y-auto border-t border-slate-100 pt-4">
            @forelse($visit->progressNotes as $pn)
                <li class="rounded-lg border border-slate-100 bg-slate-50/80 p-3">
                    <p class="text-xs font-semibold text-slate-700">
                        {{ $pn->doctor?->name ?? 'Clinician' }}
                        <span class="font-normal text-slate-500">· {{ $pn->created_at?->timezone(config('app.timezone'))->format('Y-m-d H:i') }}</span>
                    </p>
                    <p class="mt-2 whitespace-pre-wrap text-slate-800">{{ $pn->body }}</p>
                </li>
            @empty
                <li class="text-slate-500">No progress notes yet.</li>
            @endforelse
        </ul>
        @if($canAddProgressNote ?? false)
            <form method="POST" action="{{ route('hospital.doctor.visits.progress-note', $visit) }}" class="mt-4 space-y-3 border-t border-slate-100 pt-4">
                @csrf
                <div>
                    <label class="admin-form-label" for="progress_body">Add your note</label>
                    <textarea id="progress_body" name="body" rows="4" class="admin-input" required placeholder="Shift handoff, follow-up, exam findings not in primary documentation…">{{ old('body') }}</textarea>
                    <x-input-error :messages="$errors->get('body')" class="mt-2" />
                </div>
                <button type="submit" class="admin-btn-primary">Save progress note</button>
            </form>
        @endif
    </div>

    @if($isAssignedDoctor && $visit->stage === HospitalVisitStage::WithDoctor && $visit->doctor_encounter_status === DoctorEncounterStatus::InConsultation)
        <form method="POST" action="{{ route('hospital.doctor.visits.exam', $visit) }}" class="admin-content-card mt-6 max-w-3xl space-y-4">
            @csrf
            <h3 class="admin-card-title">Diagnosis, notes &amp; treatment plan</h3>
            <p class="text-xs text-slate-600">Saved to EMR. Prescriptions can be added after this step.</p>
            <div>
                <label class="admin-form-label" for="diagnosis">Diagnosis</label>
                <textarea id="diagnosis" name="diagnosis" rows="3" class="admin-input" required>{{ old('diagnosis', $visit->diagnosis) }}</textarea>
                <x-input-error :messages="$errors->get('diagnosis')" class="mt-2" />
            </div>
            <div>
                <label class="admin-form-label" for="clinical_notes">Clinical notes</label>
                <textarea id="clinical_notes" name="clinical_notes" rows="5" class="admin-input" required>{{ old('clinical_notes', $visit->clinical_notes) }}</textarea>
                <x-input-error :messages="$errors->get('clinical_notes')" class="mt-2" />
            </div>
            <div>
                <label class="admin-form-label" for="treatment_plan">Treatment plan</label>
                <textarea id="treatment_plan" name="treatment_plan" rows="5" class="admin-input" required placeholder="Goals, follow-up, non-drug care, referrals…">{{ old('treatment_plan', $visit->treatment_plan) }}</textarea>
                <x-input-error :messages="$errors->get('treatment_plan')" class="mt-2" />
            </div>
            <button type="submit" class="admin-btn-primary">Save to EMR</button>
        </form>
    @endif

    @if($isAssignedDoctor && $visit->doctor_encounter_status === DoctorEncounterStatus::InConsultation && in_array($visit->stage, [HospitalVisitStage::ExamDocumented, HospitalVisitStage::ServicePaymentPending], true))
        @php
            $rxLineCount = 6;
            $rxRows = collect(range(0, $rxLineCount - 1))->map(function (int $i) {
                $oldId = old('items.'.$i.'.medicine_id');

                return [
                    'i' => $i,
                    'q' => '',
                    'results' => [],
                    'hid' => $oldId !== null && $oldId !== '' ? (string) $oldId : '',
                    'selected' => '',
                    'loading' => false,
                    'dosage' => old('items.'.$i.'.dosage', ''),
                    'frequency' => old('items.'.$i.'.frequency', ''),
                    'duration_days' => old('items.'.$i.'.duration_days', ''),
                    'quantity' => old('items.'.$i.'.quantity', ''),
                    'instructions' => old('items.'.$i.'.instructions', ''),
                ];
            })->values()->all();
        @endphp
        <div
            class="admin-content-card mt-6 max-w-4xl space-y-4"
            x-data="{
                searchUrl: @json(route('hospital.doctor.pharmacy.medicines', $visit)),
                rows: @json($rxRows),
                debounce: null,
                fetchMedicines(row) {
                    clearTimeout(this.debounce);
                    this.debounce = setTimeout(async () => {
                        row.loading = true;
                        try {
                            const u = new URL(this.searchUrl);
                            u.searchParams.set('q', row.q || '');
                            const r = await fetch(u.toString(), { headers: { Accept: 'application/json', 'X-Requested-With': 'XMLHttpRequest' } });
                            const j = await r.json();
                            row.results = j.medicines || [];
                        } catch (e) {
                            row.results = [];
                        } finally {
                            row.loading = false;
                        }
                    }, 320);
                },
                pick(row, m) {
                    row.hid = String(m.id);
                    row.selected = m.name + (m.sku ? ' (' + m.sku + ')' : '') + ' — stock ' + m.stock_qty;
                    row.q = m.name;
                    row.results = [];
                },
                clearLine(row) {
                    row.hid = '';
                    row.selected = '';
                    row.q = '';
                    row.results = [];
                },
            }"
        >
            <h3 class="admin-card-title">Prescription to pharmacy</h3>
            <p class="text-xs text-slate-600">Search the <strong>hospital pharmacy catalog</strong> (live from inventory). Pick a medicine, then enter dosage, duration, quantity, and instructions. Submitted prescriptions go straight to the pharmacy queue.</p>
            <form method="POST" action="{{ route('hospital.doctor.visits.prescription', $visit) }}" class="space-y-4">
                @csrf
                <div>
                    <label class="admin-form-label" for="rx_notes">Prescription notes (optional)</label>
                    <textarea id="rx_notes" name="notes" rows="2" class="admin-input">{{ old('notes') }}</textarea>
                </div>
                <template x-for="row in rows" :key="row.i">
                    <div class="rounded-xl border border-slate-100 bg-slate-50/80 p-4 space-y-3">
                        <div class="flex flex-wrap items-center justify-between gap-2">
                            <p class="text-xs font-semibold text-slate-700">Line <span x-text="row.i + 1"></span> <span class="font-normal text-slate-500">(leave medicine blank to skip)</span></p>
                            <button type="button" class="text-xs font-semibold text-teal-800 hover:underline" @click="clearLine(row)" x-show="row.hid">Clear medicine</button>
                        </div>
                        <div class="relative">
                            <label class="admin-form-label text-xs">Medicine from pharmacy</label>
                            <input type="hidden" :name="'items[' + row.i + '][medicine_id]'" x-model="row.hid">
                            <input
                                type="search"
                                class="admin-input w-full"
                                x-model="row.q"
                                @input="fetchMedicines(row)"
                                @focus="fetchMedicines(row)"
                                autocomplete="off"
                                placeholder="Type name or SKU to search stock…"
                            >
                            <p class="mt-1 text-xs text-teal-800" x-show="row.selected" x-text="'Selected: ' + row.selected"></p>
                            <p class="mt-1 text-xs text-slate-500" x-show="row.loading">Searching pharmacy…</p>
                            <ul
                                class="absolute z-20 mt-1 max-h-52 w-full overflow-auto rounded-lg border border-slate-200 bg-white py-1 text-sm shadow-lg"
                                x-show="row.results.length > 0"
                            >
                                <template x-for="m in row.results" :key="m.id">
                                    <li>
                                        <button
                                            type="button"
                                            class="flex w-full flex-col items-start gap-0.5 px-3 py-2 text-left hover:bg-teal-50"
                                            @click="pick(row, m)"
                                        >
                                            <span class="font-medium text-slate-900" x-text="m.name"></span>
                                            <span class="text-xs text-slate-600"><span x-text="m.sku || '—'"></span> · Stock <span x-text="m.stock_qty"></span> · <span x-text="m.unit_price"></span> TZS</span>
                                        </button>
                                    </li>
                                </template>
                            </ul>
                        </div>
                        <div class="grid gap-3 sm:grid-cols-2">
                            <div>
                                <label class="admin-form-label text-xs">Dosage</label>
                                <input type="text" :name="'items[' + row.i + '][dosage]'" class="admin-input w-full" placeholder="e.g. 500mg" x-model="row.dosage">
                            </div>
                            <div>
                                <label class="admin-form-label text-xs">Frequency</label>
                                <input type="text" :name="'items[' + row.i + '][frequency]'" class="admin-input w-full" placeholder="e.g. TID" x-model="row.frequency">
                            </div>
                            <div>
                                <label class="admin-form-label text-xs">Duration (days)</label>
                                <input type="number" :name="'items[' + row.i + '][duration_days]'" class="admin-input w-full" min="1" max="365" x-model="row.duration_days">
                            </div>
                            <div>
                                <label class="admin-form-label text-xs">Quantity</label>
                                <input type="number" :name="'items[' + row.i + '][quantity]'" class="admin-input w-full" min="1" x-model="row.quantity">
                            </div>
                        </div>
                        <div>
                            <label class="admin-form-label text-xs">Instructions for patient</label>
                            <textarea :name="'items[' + row.i + '][instructions]'" rows="2" class="admin-input w-full" placeholder="Take with food, avoid alcohol…" x-model="row.instructions"></textarea>
                        </div>
                    </div>
                </template>
                <button type="submit" class="admin-btn-primary">Send to pharmacy</button>
            </form>
        </div>

        @if($visit->prescriptions->isNotEmpty())
            <div class="admin-content-card mt-4 text-sm">
                <h3 class="admin-card-title">Prescriptions for this visit</h3>
                <ul class="mt-2 space-y-2">
                    @foreach($visit->prescriptions as $rx)
                        <li class="rounded-lg border border-slate-100 px-3 py-2 font-mono text-xs">RX #{{ $rx->id }} · {{ $rx->status }}@if($rx->dispensed_at) · dispensed {{ $rx->dispensed_at->diffForHumans() }} @else · sent {{ $rx->sent_to_pharmacy_at?->diffForHumans() ?? '—' }} @endif</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if($visit->prescriptions->count() > 0)
            <form method="POST" action="{{ route('hospital.doctor.visits.complete', $visit) }}" class="admin-content-card mt-4 max-w-xl" onsubmit="return confirm('Complete doctor encounter? Billing will advance when applicable.');">
                @csrf
                <p class="text-sm text-slate-700">When you are finished prescribing, complete the encounter. Pharmacy can prepare and dispense; prescription lines cannot be edited in pharmacy.</p>
                <button type="submit" class="admin-btn-primary mt-4">Complete doctor encounter</button>
            </form>
        @endif
    @endif

    @if(isset($auditTrail) && $auditTrail->isNotEmpty())
        <div class="admin-content-card mt-6 text-sm">
            <h3 class="admin-card-title">EMR audit trail (this visit)</h3>
            <ul class="mt-3 max-h-64 space-y-2 overflow-y-auto font-mono text-xs text-slate-700">
                @foreach($auditTrail as $ev)
                    <li class="rounded border border-slate-100 bg-slate-50/80 px-2 py-1.5">
                        <span class="text-slate-500">{{ $ev->created_at?->timezone(config('app.timezone'))->format('Y-m-d H:i:s') }}</span>
                        · {{ $ev->doctor?->name ?? '—' }}
                        · <span class="font-semibold text-teal-900">{{ $ev->action }}</span>
                    </li>
                @endforeach
            </ul>
        </div>
    @endif
@endsection