@extends('layouts.app')
@section('title', ($admission->patient->full_name ?? '') . ' | Inpatient')
@section('styles')
<style>
.tab-btn{padding:8px 14px;font-size:12px;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;white-space:nowrap}
.tab-btn:hover{color:#0069c9}
.tab-btn.active{color:#0069c9;border-bottom-color:#0069c9;font-weight:700}
.tab-panel{display:none}
.tab-panel.active{display:block}

/* Search dropdowns inside the IPD encounter — these MUST escape the
   overflow-hidden card wrapping all tab panels, so we use position:fixed
   and JS positions them via the input's bounding rect (see ipdPositionDropdown
   in the script block at the bottom of this view). */
#ipd-lab-dropdown,
#ipd-imaging-dropdown,
#ipd-drug-dropdown,
#ipd-bill-dropdown {
    position: fixed !important;
    z-index: 9999 !important;
    background: #ffffff !important;
    color: #1f2937 !important;
    border: 1px solid #d1d5db !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.18) !important;
    max-height: 280px !important;
    overflow-y: auto !important;
    border-radius: 8px !important;
}
#ipd-lab-dropdown.hidden,
#ipd-imaging-dropdown.hidden,
#ipd-drug-dropdown.hidden,
#ipd-bill-dropdown.hidden { display: none !important; }
#ipd-lab-dropdown .dd-item,
#ipd-imaging-dropdown .dd-item,
#ipd-drug-dropdown .dd-item,
#ipd-bill-dropdown .dd-item {
    padding: 8px 12px;
    font-size: 12px;
    color: #1f2937;
    border-bottom: 1px solid #f3f4f6;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
}
#ipd-lab-dropdown .dd-item:hover,
#ipd-imaging-dropdown .dd-item:hover,
#ipd-drug-dropdown .dd-item:hover,
#ipd-bill-dropdown .dd-item:hover { background: #eff6ff; }
</style>
@endsection
@section('content')
@php $isDischarged = $admission->status === 'discharged'; @endphp

@if($isDischarged)
<div class="bg-green-50 border border-green-300 rounded-lg px-4 py-3 mb-4 flex items-center gap-2">
    <svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
    <p class="text-sm font-semibold text-green-800">This patient has been discharged on {{ $admission->discharge_date ? $admission->discharge_date->format('d M Y H:i') : '' }}. Records are read-only.</p>
</div>
@endif

{{-- Patient Header --}}
<div class="bg-white rounded-xl border border-gray-200 p-4 mb-4 flex flex-wrap items-center gap-4">
    <div class="w-11 h-11 bg-red-100 text-red-700 rounded-full flex items-center justify-center text-sm font-bold flex-shrink-0">IPD</div>
    <div class="flex-1 min-w-0">
        <h2 class="text-base font-bold text-gray-900">{{ $admission->patient->full_name ?? '' }}</h2>
        <p class="text-xs text-gray-500">{{ $admission->patient->mrn ?? '' }} · {{ ucfirst($admission->patient->gender??'') }} · {{ $admission->patient->age ?? '' }} · {{ $admission->ward->name ?? '' }} · Bed {{ $admission->bed->bed_number ?? '' }}</p>
    </div>
    @if($admission->patient->allergies && count($admission->patient->allergies))<span class="badge badge-danger">⚠ {{ implode(', ', $admission->patient->allergies) }}</span>@endif
    <span class="badge badge-danger">Day {{ $admission->length_of_stay }}</span>
    <span class="badge {{ $isDischarged ? 'badge-success' : 'badge-warning' }}">{{ $isDischarged ? 'Discharged' : 'Admitted' }}</span>
    <a href="{{ route('print.ipd-case-summary', $admission) }}" target="_blank" class="btn-secondary text-xs whitespace-nowrap">Case Summary</a>
</div>

{{-- Tabs --}}
<div class="bg-white rounded-xl border border-gray-200 overflow-hidden">
    <div class="flex border-b overflow-x-auto px-2 pt-1" id="tabBar">
        <button class="tab-btn hmis-tab active" data-tab-id="overview" onclick="showTab('overview')">Overview</button>
        <button class="tab-btn hmis-tab" data-tab-id="notes" onclick="showTab('notes')">Daily Notes</button>
        <button class="tab-btn hmis-tab" data-tab-id="meds" onclick="showTab('meds')">Medication Chart</button>
        <button class="tab-btn hmis-tab" data-tab-id="mar" onclick="showTab('mar')">
            MAR
            @if(isset($overdueDoses) && $overdueDoses > 0)<span class="ml-1 w-4 h-4 bg-red-500 text-white text-xs rounded-full inline-flex items-center justify-center">{{ $overdueDoses }}</span>@endif
        </button>
        <button class="tab-btn hmis-tab" data-tab-id="orders" onclick="showTab('orders')">Orders</button>
        <button class="tab-btn hmis-tab" data-tab-id="billing" onclick="showTab('billing')">Billing</button>
        <button class="tab-btn hmis-tab" data-tab-id="discharge" onclick="showTab('discharge')">Discharge</button>
    </div>

    {{-- OVERVIEW --}}
    <div class="tab-panel active p-5" id="tab-overview">
        <div class="grid grid-cols-1 md:grid-cols-3 gap-5">
            <div class="space-y-2.5 text-sm">
                <h4 class="text-xs font-bold text-gray-500 uppercase">Admission</h4>
                <div class="flex justify-between"><span class="text-gray-500">Admitted</span><span>{{ $admission->admission_date->format('d M Y H:i') }}</span></div>
                <div class="flex justify-between"><span class="text-gray-500">Ward</span><span class="font-medium">{{ $admission->ward->name ?? '-' }}</span></div>
                <div class="flex justify-between"><span class="text-gray-500">Bed</span><span class="font-mono">{{ $admission->bed->bed_number ?? '-' }}</span></div>
                <div class="flex justify-between"><span class="text-gray-500">Days</span><span class="font-bold text-red-600">{{ $admission->length_of_stay }}</span></div>
                <div class="flex justify-between"><span class="text-gray-500">Clinician</span><span>{{ $admission->clinician->name ?? '-' }}</span></div>
            </div>
            <div class="space-y-2.5 text-sm">
                <h4 class="text-xs font-bold text-gray-500 uppercase">Clinical</h4>
                <div class="flex justify-between"><span class="text-gray-500">Admission Dx</span><span>{{ $admission->diagnosis_on_admission ?? '-' }}</span></div>
                <div class="flex justify-between"><span class="text-gray-500">Reason</span><span>{{ $admission->reason ?? '-' }}</span></div>
                <div class="flex justify-between"><span class="text-gray-500">Labs</span><span>{{ $admission->visit?->labOrders?->count() ?? 0 }} orders</span></div>
                <div class="flex justify-between"><span class="text-gray-500">Prescriptions</span><span>{{ $admission->visit?->prescriptions?->count() ?? 0 }} items</span></div>
            </div>
            <div class="space-y-2.5 text-sm">
                <h4 class="text-xs font-bold text-gray-500 uppercase">Billing</h4>
                @if($admission->visit?->invoice)
                <div class="flex justify-between"><span class="text-gray-500">Total</span><span class="font-bold">KES {{ number_format($admission->visit?->invoice?->total_amount) }}</span></div>
                <div class="flex justify-between"><span class="text-gray-500">Paid</span><span class="text-green-600">KES {{ number_format($admission->visit?->invoice?->amount_paid) }}</span></div>
                <div class="flex justify-between"><span class="text-gray-500">Balance</span><span class="text-red-600 font-bold">KES {{ number_format($admission->visit?->invoice?->balance) }}</span></div>
                @else <p class="text-gray-400">No invoice</p> @endif
            </div>
        </div>
        <div class="mt-4 bg-gray-50 rounded-lg p-3">
            <h4 class="text-xs font-bold text-gray-500 uppercase mb-2">Latest Note</h4>
            @if($admission->nursingNotes->first())
                <p class="text-sm">{{ $admission->nursingNotes->first()->content }}</p>
                <p class="text-xs text-gray-400 mt-1">{{ $admission->nursingNotes->first()->nurse->name ?? '' }} · {{ $admission->nursingNotes->first()->created_at->format('d M H:i') }}</p>
            @else <p class="text-xs text-gray-400">No notes yet</p> @endif
        </div>
    </div>

    {{-- DAILY NOTES (SOAP) --}}
    <div class="tab-panel p-5" id="tab-notes">
        {{-- Add Note Form | Nurse + Clinician only --}}
        @if(auth()->user()->hasAnyRole('Nurse','Clinician','Super Admin','Hospital Admin'))
        <div class="bg-blue-50 border border-blue-200 rounded-lg p-4 mb-5">
            <h4 class="text-xs font-bold text-blue-800 uppercase mb-3">Add Progress Note</h4>
            <form method="POST" action="{{ route('inpatient.note', $admission) }}">@csrf
                <div class="grid grid-cols-1 md:grid-cols-4 gap-3 mb-3">
                    <div><label class="form-label">Note Type</label>
                        <select name="note_type" class="form-input text-xs">
                            <option value="progress">Progress Note (SOAP)</option>
                            <option value="nursing">Nursing Note</option>
                            <option value="doctor_round">Doctor's Round</option>
                            <option value="procedure">Procedure Note</option>
                            <option value="handover">Handover Note</option>
                        </select>
                    </div>
                    <div><label class="form-label">Date of Ward Round</label><input type="date" name="ward_round_date" class="form-input text-xs no-flatpickr" value="{{ date('Y-m-d') }}"></div>
                    <div class="md:col-span-2"><label class="form-label">Content <span class="text-red-500">*</span></label><textarea name="content" required class="form-input text-xs" rows="3" placeholder="S: Subjective&#10;O: Objective&#10;A: Assessment&#10;P: Plan"></textarea></div>
                </div>

                {{-- Vital Signs Section --}}
                <div class="bg-white rounded-lg border border-blue-100 p-3 mb-3">
                    <h5 class="text-xs font-bold text-gray-600 uppercase mb-2 flex items-center gap-1">
                        <svg class="w-3.5 h-3.5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/></svg>
                        Vital Signs (optional)
                    </h5>
                    <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-7 gap-2">
                        <div><label class="text-xs text-gray-400">BP (mmHg)</label><input type="text" name="vitals_bp" class="form-input text-xs" placeholder="120/80"></div>
                        <div><label class="text-xs text-gray-400">Pulse (bpm)</label><input type="number" name="vitals_pulse" class="form-input text-xs" placeholder="72"></div>
                        <div><label class="text-xs text-gray-400">Temp (°C)</label><input type="number" step="0.1" name="vitals_temp" class="form-input text-xs" placeholder="36.5"></div>
                        <div><label class="text-xs text-gray-400">SpO2 (%)</label><input type="number" name="vitals_spo2" class="form-input text-xs" placeholder="98"></div>
                        <div><label class="text-xs text-gray-400">RR (/min)</label><input type="number" name="vitals_rr" class="form-input text-xs" placeholder="18"></div>
                        <div><label class="text-xs text-gray-400">Weight (kg)</label><input type="number" step="0.1" name="vitals_weight" class="form-input text-xs" placeholder="70"></div>
                        <div><label class="text-xs text-gray-400">RBS (mmol/L)</label><input type="number" step="0.1" name="vitals_rbs" class="form-input text-xs" placeholder="5.5"></div>
                    </div>
                </div>

                <button type="submit" class="btn-primary text-xs">+ Add Note</button>
            </form>
        </div>

        @endif {{-- /note-form guard --}}
        {{-- Notes Timeline by Date --}}
        @forelse($notesByDate as $date => $notes)
        <div class="mb-5">
            <div class="flex items-center gap-2 mb-2">
                <div class="w-2 h-2 bg-cr-600 rounded-full"></div>
                <h4 class="text-xs font-bold text-gray-700">{{ \Carbon\Carbon::parse($date)->format('l, d M Y') }} | Day {{ (int) $admission->admission_date->copy()->startOfDay()->diffInDays(\Carbon\Carbon::parse($date)->startOfDay(), true) + 1 }}</h4>
            </div>
            @foreach($notes as $note)
            <div class="ml-4 border-l-2 border-gray-200 pl-4 mb-3">
                <div class="flex items-center gap-2 mb-1">
                    <span class="badge {{ $note->note_type==='doctor_round'?'badge-info':($note->note_type==='nursing'?'badge-success':'badge-gray') }}">{{ ucfirst(str_replace('_',' ',$note->note_type)) }}</span>
                    <span class="text-xs text-gray-400">{{ $note->created_at->format('H:i') }} · {{ $note->nurse->name ?? 'Unknown' }}</span>
                </div>
                @if($note->vitals && is_array($note->vitals) && count(array_filter($note->vitals)))
                <div class="flex flex-wrap gap-3 mb-2 text-xs">
                    @foreach(['bp'=>'BP','pulse'=>'Pulse','temp'=>'Temp','spo2'=>'SpO2','rr'=>'RR','weight'=>'Wt','rbs'=>'RBS'] as $key => $label)
                        @if(!empty($note->vitals[$key]))
                        <span class="bg-red-50 text-red-700 px-2 py-0.5 rounded font-medium">{{ $label }}: {{ $note->vitals[$key] }}@if($key==='temp')°C @elseif($key==='spo2')% @elseif($key==='pulse') bpm @elseif($key==='rr') /min @elseif($key==='weight') kg @elseif($key==='bp') mmHg @endif</span>
                        @endif
                    @endforeach
                </div>
                @endif
                <p class="text-sm whitespace-pre-line text-gray-800">{{ $note->content }}</p>
            </div>
            @endforeach
        </div>
        @empty
        <p class="text-gray-400 text-center py-6">No notes recorded yet. Add the first progress note above.</p>
        @endforelse
    </div>

    {{-- MEDICATION CHART --}}
    <div class="tab-panel p-5" id="tab-meds">
        {{-- Safety warning banner --}}
        @if(session('safety_warnings'))
        <div class="bg-red-50 border border-red-300 rounded-xl p-4 mb-4">
            <div class="flex items-start gap-3">
                <svg class="w-5 h-5 text-red-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/></svg>
                <div class="flex-1">
                    <p class="text-sm font-bold text-red-800 mb-2">Drug Safety Warnings</p>
                    <ul class="space-y-1 mb-3">
                        @foreach(session('safety_warnings') as $warning)
                        <li class="text-xs text-red-700">▸ {{ $warning }}</li>
                        @endforeach
                    </ul>
                    <p class="text-xs text-red-600">Re-submit the prescription with the acknowledgement checkbox checked to override.</p>
                </div>
            </div>
        </div>
        @endif
        @if($admission->visit?->prescriptions?->count())
        {{-- Shared Rx action icon-buttons — byte-for-byte the OPD .enc-del-btn look,
             reproduced here because this view is outside the .enc-page scope.
             Keeps Dispense (green shield-check) and Reverse (amber) identical
             across OPD / IPD / ANC / Maternity. --}}
        <style>
        .rx-act-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:5px;border-radius:5px;transition:all .12s;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
        .rx-act-btn:hover{color:#dc2626;background:#fee2e2}
        </style>
        <table class="w-full mb-4">
            <thead class="bg-gray-50"><tr>
                <th class="table-header">Date</th>
                <th class="table-header">Drug</th>
                <th class="table-header">Dose</th>
                <th class="table-header">Freq</th>
                <th class="table-header">Route</th>
                <th class="table-header">Duration</th>
                <th class="table-header">Qty</th>
                <th class="table-header">Schedule</th>
                <th class="table-header">Status</th>
                <th class="table-header">Actions</th>
            </tr></thead>
            <tbody class="divide-y divide-gray-50">
            @foreach($admission->visit->prescriptions as $rx)
                @php
                    $freqTimes = ['OD'=>['08:00'],'BD'=>['08:00','20:00'],'TDS'=>['08:00','14:00','20:00'],'QID'=>['06:00','12:00','18:00','00:00'],'STAT'=>['Now'],'Nocte'=>['22:00'],'PRN'=>['As needed']];
                    $times = $freqTimes[$rx->frequency] ?? ['08:00'];
                    $hasSchedule = $rx->administrations->count() > 0;
                @endphp
                <tr class="{{ $rx->status==='dispensed' && !$hasSchedule ? 'bg-amber-50/40' : '' }}">
                    <td class="table-cell text-xs text-gray-500">{{ $rx->created_at->format('d M Y') }}</td>
                    <td class="table-cell text-xs font-medium">{{ $rx->drug_name }}</td>
                    <td class="table-cell text-xs">{{ $rx->dosage ?? '-' }}</td>
                    <td class="table-cell text-xs">{{ $rx->frequency ?? '-' }}</td>
                    <td class="table-cell text-xs capitalize">{{ $rx->route ?? '—' }}</td>
                    <td class="table-cell text-xs">{{ $rx->duration ?? '-' }}</td>
                    <td class="table-cell text-xs">{{ $rx->quantity }}</td>
                    <td class="table-cell text-xs">
                        <div class="flex flex-wrap gap-1">
                            @if($hasSchedule)
                                @php $scheduledTimes = $rx->administrations->pluck('scheduled_time')->unique()->sort(); @endphp
                                @foreach($scheduledTimes as $t)
                                    <span class="bg-blue-100 text-blue-700 text-xs px-1.5 py-0.5 rounded">{{ $t }}</span>
                                @endforeach
                            @else
                                @foreach($times as $t)
                                    <span class="bg-gray-100 text-gray-500 text-xs px-1.5 py-0.5 rounded">{{ $t }}</span>
                                @endforeach
                            @endif
                        </div>
                    </td>
                    <td class="table-cell">
                        @php $rxSC = ['pending'=>'badge-warning','dispensed'=>'badge-success','cancelled'=>'badge-danger']; @endphp
                        <span class="badge {{ $rxSC[$rx->status] ?? 'badge-gray' }}">{{ ucfirst($rx->status) }}</span>
                    </td>
                    <td class="table-cell">
                        @php
                            $ipdRxLocked = in_array($rx->status, ['dispensed','cancelled']);
                            $ipdRxCanEdit = !$ipdRxLocked && auth()->user()->hasAnyRole('Clinician','Nurse','Hospital Admin','Super Admin');
                        @endphp
                        @if($ipdRxCanEdit)
                        <button type="button" onclick="document.getElementById('ipd-rx-edit-{{ $rx->id }}').style.display='';this.closest('tr').style.display='none';" class="text-xs text-gray-500 hover:text-gray-700" title="Edit prescription" style="margin-right:6px">
                            <svg style="width:14px;height:14px;display:inline" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/></svg>
                        </button>
                        @endif
                        {{-- Dispense (green shield-check) & Reverse (amber) — identical
                             icons to the OPD encounter for cross-module uniformity.
                             Admin, Clinician or Nurse. --}}
                        @php
                            $ipdRxDispensedQty = \App\Models\PharmacyDispense::where('prescription_id', $rx->id)
                                ->whereNull('reversed_at')->sum('quantity_dispensed');
                            $ipdRxRemainingQty = max(0, ((int) $rx->quantity) - (int) $ipdRxDispensedQty);
                            $ipdRxClinical     = auth()->user()->hasAnyRole('Clinician','Nurse','Hospital Admin','Super Admin');
                            $ipdRxCanDispense  = $ipdRxClinical && !$ipdRxLocked && $rx->drug_item_id && $ipdRxRemainingQty > 0;
                        @endphp
                        @if($ipdRxCanDispense)
                        <form method="POST" action="{{ route('pharmacy.dispense') }}"
                              onsubmit="return confirm('Dispense {{ $ipdRxRemainingQty }} unit(s) of {{ addslashes($rx->drug_name) }} now?\n\nStock will be reduced and the prescription will be marked dispensed.');"
                              class="inline" style="margin-right:2px">
                            @csrf
                            <input type="hidden" name="prescription_id" value="{{ $rx->id }}">
                            <input type="hidden" name="quantity_dispensed" value="{{ $ipdRxRemainingQty }}">
                            <button class="rx-act-btn" title="Dispense {{ $ipdRxRemainingQty }} unit(s)" style="color:#16a34a">
                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
                            </button>
                        </form>
                        @endif
                        @if($ipdRxClinical && $ipdRxDispensedQty > 0 && $rx->status !== 'cancelled')
                        <form method="POST" action="{{ route('prescriptions.reverse-dispense', $rx) }}"
                              onsubmit="return confirm('Reverse the dispensing of {{ addslashes($rx->drug_name) }}?\n\n{{ $ipdRxDispensedQty }} unit(s) will be returned to stock and the prescription will go back to the pharmacy queue.\n\nThe charge stays on the bill — delete the prescription afterwards if you also want to remove the charge.')"
                              class="inline" style="margin-right:2px">
                            @csrf
                            <button class="rx-act-btn" title="Reverse dispense ({{ $ipdRxDispensedQty }} unit(s) back to stock)" style="color:#d97706">
                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6"/></svg>
                            </button>
                        </form>
                        @endif
                        @if($rx->status === 'dispensed' && !$hasSchedule)
                            <form method="POST" action="{{ route('inpatient.mar.generate', $rx) }}" class="flex items-center gap-1">@csrf
                                <input type="time" name="start_time" class="form-input text-xs w-24 py-0.5" value="08:00" title="First dose time">
                                <button class="text-xs text-green-600 bg-green-50 px-2 py-1 rounded hover:bg-green-100 font-medium whitespace-nowrap">Generate</button>
                            </form>
                        @elseif($hasSchedule)
                            @php
                                $doneCount = $rx->administrations->whereIn('status',['administered','partially_given'])->count();
                                $totalCount = $rx->administrations->count();
                            @endphp
                            <span class="text-xs text-gray-500">{{ $doneCount }}/{{ $totalCount }} given</span>
                        @elseif($rx->status === 'pending')
                            <div class="flex items-center gap-2">
                                <span class="text-xs text-gray-400">Awaiting pharmacy</span>
                                <form method="POST" action="{{ route('prescriptions.cancel', $rx) }}" onsubmit="return confirm('Delete prescription for {{ $rx->drug_name }}? This will also remove it from the bill.')" class="inline">@csrf @method('DELETE')<button type="submit" class="text-red-500 hover:text-red-700 text-xs font-semibold">✕</button></form>
                            </div>
                        @endif
                    </td>
                </tr>
                @if($ipdRxCanEdit)
                @php
                    $ipdRxDispensed = \App\Models\PharmacyDispense::where('prescription_id', $rx->id)
                        ->whereNull('reversed_at')->sum('quantity_dispensed');
                @endphp
                <tr id="ipd-rx-edit-{{ $rx->id }}" style="display:none;background:#faf5fc">
                    <td colspan="10" class="table-cell">
                        <form method="POST" action="{{ route('prescriptions.update', $rx) }}" style="padding:8px 4px">
                            @csrf @method('PATCH')
                            <div class="text-xs font-semibold text-purple-800 uppercase tracking-wide mb-2">
                                ✎ Editing: {{ $rx->drug_name }}
                                <span class="font-normal text-gray-500 normal-case ml-2">Drug &amp; price cannot be changed.</span>
                            </div>
                            @if($ipdRxDispensed > 0)
                            <div class="text-xs text-amber-800 bg-amber-50 border border-amber-200 rounded px-3 py-2 mb-2">
                                <strong>⚠ Partially dispensed:</strong> {{ $ipdRxDispensed }} of {{ $rx->quantity }} unit(s) already given.
                                Minimum new quantity is <strong>{{ $ipdRxDispensed }}</strong>
                                (set qty to {{ $ipdRxDispensed }} to close this prescription out).
                            </div>
                            @endif
                            <div class="flex flex-wrap gap-2 items-end">
                                <div><label class="form-label">Dose</label><input type="text" name="dosage" value="{{ $rx->dosage }}" class="form-input text-xs w-24" placeholder="500mg"></div>
                                <div><label class="form-label">Freq</label>
                                    <select name="frequency" class="form-input text-xs w-20">
                                        <option value="">—</option>
                                        @foreach(['OD','BD','TDS','QID','PRN','STAT','Nocte'] as $f)
                                        <option value="{{ $f }}" {{ $rx->frequency === $f ? 'selected' : '' }}>{{ $f }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div><label class="form-label">Route</label>
                                    <select name="route" class="form-input text-xs w-24">
                                        <option value="">—</option>
                                        @foreach(\App\Models\Prescription::ROUTES as $rVal => $rLabel)
                                        <option value="{{ $rVal }}" {{ $rx->route === $rVal ? 'selected' : '' }}>{{ $rVal }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div><label class="form-label">Duration</label><input type="text" name="duration" value="{{ $rx->duration }}" class="form-input text-xs w-20" placeholder="5 days"></div>
                                <div><label class="form-label">Qty @if($ipdRxDispensed > 0)<span class="text-amber-600">(min {{ $ipdRxDispensed }})</span>@endif</label>
                                    <input type="number" name="quantity" value="{{ $rx->quantity }}" min="{{ max(1, $ipdRxDispensed) }}" required class="form-input text-xs w-16"></div>
                                <div class="flex-1 min-w-[200px]"><label class="form-label">Instructions</label><input type="text" name="instructions" value="{{ $rx->instructions }}" class="form-input text-xs w-full" placeholder="e.g. with food"></div>
                                <div class="flex gap-2">
                                    <button type="submit" class="btn-primary text-xs py-1.5">Save</button>
                                    <button type="button" onclick="document.getElementById('ipd-rx-edit-{{ $rx->id }}').style.display='none';document.getElementById('ipd-rx-edit-{{ $rx->id }}').previousElementSibling.style.display='';" class="btn-secondary text-xs py-1.5">Cancel</button>
                                </div>
                            </div>
                        </form>
                    </td>
                </tr>
                @endif
            @endforeach
            </tbody>
        </table>
        @endif
        @if(auth()->user()->hasAnyRole('Clinician','Super Admin','Hospital Admin'))
        <div class="bg-gray-50 rounded-lg p-3">
            <h5 class="text-xs font-bold text-gray-600 uppercase mb-2">Add Medication</h5>
            <form method="POST" action="{{ route('prescriptions.store') }}" class="flex flex-wrap gap-2 items-end">@csrf
                <input type="hidden" name="visit_id" value="{{ $admission->visit_id }}"><input type="hidden" name="patient_id" value="{{ $admission->patient_id }}">
                <input type="hidden" name="drug_item_id" id="ipd-drug-item-id">
                <input type="hidden" name="drug_name" id="ipd-drug-name-hidden">
                <div><label class="form-label">Date</label><input type="date" name="medication_date" class="form-input text-xs w-28 no-flatpickr" value="{{ date('Y-m-d') }}"></div>
                <div class="min-w-[180px] relative"><label class="form-label">Drug</label>
                    <input type="text" id="ipd-drug-search" class="form-input text-xs" placeholder="Search drugs..." autocomplete="off" required oninput="filterIPDDrugs(this.value)" onfocus="filterIPDDrugs(this.value)">
                    <div id="ipd-drug-dropdown" class="hidden absolute z-30 left-0 right-0 top-full mt-1 bg-white border border-gray-200 rounded-lg shadow-xl max-h-48 overflow-y-auto"></div>
                    <p id="ipd-drug-price-hint" class="text-xs text-green-600 mt-0.5 font-medium"></p>
                </div>
                <div><label class="form-label">Dose</label><input type="text" name="dosage" class="form-input text-xs w-20"></div>
                <div><label class="form-label">Freq</label><select name="frequency" class="form-input text-xs w-20"><option>OD</option><option>BD</option><option>TDS</option><option>QID</option><option>STAT</option><option>PRN</option><option>Nocte</option></select></div>
                <div><label class="form-label">Route</label><select name="route_of_admin" class="form-input text-xs w-20">@foreach(\App\Models\Prescription::ROUTES as $rVal => $rLabel)<option value="{{ $rVal }}" {{ $rVal === 'PO' ? 'selected' : '' }}>{{ $rVal }}</option>@endforeach</select></div>
                <div><label class="form-label">Duration</label><input type="text" name="duration" class="form-input text-xs w-20" placeholder="5 days"></div>
                <div><label class="form-label">Qty</label><input type="number" name="quantity" value="1" min="1" class="form-input text-xs w-14"></div>
                <div class="flex items-center gap-3">
                    <label class="flex items-center gap-1.5 text-xs text-red-700 cursor-pointer">
                        <input type="checkbox" name="override_safety" value="1" class="w-3.5 h-3.5">
                        Override safety warnings
                    </label>
                    <button class="btn-primary text-xs">+ Prescribe</button>
                </div>
            </form>
        </div>
    @endif {{-- /prescribe guard --}}
    </div>

    {{-- MEDICATION ADMINISTRATION RECORD (MAR) --}}
    <div class="tab-panel p-5" id="tab-mar">
        {{-- Overdue Alert --}}
        @if(isset($overdueDoses) && $overdueDoses > 0)
        <div class="bg-red-50 border border-red-200 rounded-lg px-4 py-3 mb-4 flex items-center gap-3">
            <svg class="w-5 h-5 text-red-500 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/></svg>
            <div>
                <p class="text-sm font-bold text-red-800">{{ $overdueDoses }} Overdue Dose(s)</p>
                <p class="text-xs text-red-600">Some scheduled doses are past their administration time.</p>
            </div>
        </div>
        @endif

        {{-- Today's Administration Schedule --}}
        <div class="mb-5">
            <h4 class="text-xs font-bold text-gray-700 uppercase mb-3">Today's Medication Administration | {{ now()->format('l, d M Y') }}</h4>
            @if(isset($todayMAR) && $todayMAR->count())
            <table class="w-full">
                <thead class="bg-gray-50"><tr>
                    <th class="table-header">Time</th>
                    <th class="table-header">Drug</th>
                    <th class="table-header">Dose</th>
                    <th class="table-header">Route</th>
                    <th class="table-header">Dose #</th>
                    <th class="table-header">Status</th>
                    <th class="table-header">Administered</th>
                    <th class="table-header">Nurse</th>
                    <th class="table-header">Actions</th>
                </tr></thead>
                <tbody class="divide-y divide-gray-50">
                @foreach($todayMAR as $mar)
                    @php
                        $marSC = ['scheduled'=>'badge-warning','administered'=>'badge-success','missed'=>'badge-danger','not_given'=>'badge-gray','partially_given'=>'badge-info'];
                        $isDue = $mar->is_due;
                        $isOverdue = $mar->is_overdue;
                    @endphp
                    <tr class="{{ $isOverdue ? 'bg-red-50/50' : ($isDue ? 'bg-amber-50/50' : '') }}">
                        <td class="table-cell text-xs font-mono font-semibold {{ $isOverdue ? 'text-red-600' : ($isDue ? 'text-amber-600' : '') }}">
                            {{ $mar->scheduled_time ? \Carbon\Carbon::createFromFormat('H:i:s', $mar->scheduled_time)->format('h:i A') : '-' }}
                            @if($isOverdue)<span class="badge badge-danger text-xs ml-1">OVERDUE</span>@elseif($isDue)<span class="badge badge-warning text-xs ml-1">DUE</span>@endif
                        </td>
                        <td class="table-cell text-xs font-medium">{{ $mar->prescription->drug_name ?? '' }}</td>
                        <td class="table-cell text-xs">{{ $mar->prescription->dosage ?? '-' }}</td>
                        <td class="table-cell text-xs capitalize">{{ $mar->prescription->route ?? '—' }}</td>
                        <td class="table-cell text-xs text-center">{{ $mar->dose_number }}</td>
                        <td class="table-cell"><span class="badge {{ $marSC[$mar->status] ?? 'badge-gray' }}">{{ ucfirst(str_replace('_',' ',$mar->status)) }}</span></td>
                        <td class="table-cell text-xs">{{ $mar->administered_at ? $mar->administered_at->format('H:i') : '-' }}</td>
                        <td class="table-cell text-xs">{{ $mar->nurse->name ?? '-' }}</td>
                        <td class="table-cell">
                            @if($mar->status === 'scheduled')
                            @if(auth()->user()->hasAnyRole('Nurse','Clinician','Super Admin','Hospital Admin'))
                            <div class="flex gap-1">
                                <form method="POST" action="{{ route('inpatient.mar.administer', $mar) }}">@csrf @method('PUT')
                                    <input type="hidden" name="status" value="administered">
                                    <button class="text-xs text-green-600 bg-green-50 px-2 py-1 rounded hover:bg-green-100 font-medium">Administer</button>
                                </form>
                                <button onclick="openMARModal({{ $mar->id }})" class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded hover:bg-gray-200">Other</button>
                            </div>
                            @endif {{-- /MAR administer guard --}}
                            @elseif($mar->comments)
                                <span class="text-xs text-gray-400" title="{{ $mar->comments }}">{{ \Illuminate\Support\Str::limit($mar->comments, 20) }}</span>
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
            @else
            <p class="text-gray-400 text-center py-8 text-sm">No medication schedules for today. Generate schedules from the Medication Chart tab after pharmacy dispenses.</p>
            @endif
        </div>

        {{-- Full MAR History --}}
        <div>
            <h4 class="text-xs font-bold text-gray-700 uppercase mb-3">Medication Administration History</h4>
            @php
                $allMAR = \App\Models\MedicationAdministration::with(['prescription','nurse'])
                    ->where('admission_id', $admission->id)
                    ->orderBy('scheduled_date','desc')->orderBy('scheduled_time')
                    ->limit(100)->get()->groupBy(fn($m) => $m->scheduled_date->format('Y-m-d'));
            @endphp
            @forelse($allMAR as $date => $doses)
            <div class="mb-3">
                <h5 class="text-xs font-bold text-gray-600 mb-1">{{ \Carbon\Carbon::parse($date)->format('l, d M Y') }}{{ $date === today()->format('Y-m-d') ? ' | TODAY' : '' }}</h5>
                <div class="bg-gray-50 rounded-lg overflow-hidden">
                    <table class="w-full text-xs">
                        <thead class="bg-gray-100"><tr><th class="table-header">Time</th><th class="table-header">Drug</th><th class="table-header">Dose</th><th class="table-header">Status</th><th class="table-header">Given At</th><th class="table-header">Nurse</th><th class="table-header">Comments</th></tr></thead>
                        <tbody class="divide-y divide-gray-100">
                        @foreach($doses as $d)
                            @php $dSC = ['scheduled'=>'badge-warning','administered'=>'badge-success','missed'=>'badge-danger','not_given'=>'badge-gray','partially_given'=>'badge-info']; @endphp
                            <tr>
                                <td class="table-cell text-xs font-mono">{{ $d->scheduled_time ? \Carbon\Carbon::createFromFormat('H:i:s',$d->scheduled_time)->format('h:i A') : '-' }}</td>
                                <td class="table-cell text-xs font-medium">{{ $d->prescription->drug_name ?? '' }}</td>
                                <td class="table-cell text-xs">{{ $d->prescription->dosage ?? '' }}</td>
                                <td class="table-cell"><span class="badge {{ $dSC[$d->status] ?? 'badge-gray' }} text-xs">{{ ucfirst(str_replace('_',' ',$d->status)) }}</span></td>
                                <td class="table-cell text-xs">{{ $d->administered_at ? $d->administered_at->format('H:i') : '-' }}</td>
                                <td class="table-cell text-xs">{{ $d->nurse->name ?? '-' }}</td>
                                <td class="table-cell text-xs text-gray-400">{{ $d->comments ?? '-' }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            @empty
            <p class="text-gray-400 text-center py-6 text-sm">No administration records yet.</p>
            @endforelse
        </div>
    </div>

    {{-- MAR Other Action Modal --}}
    <div id="mar-modal" class="fixed inset-0 bg-black/30 z-50 flex items-center justify-center" style="display:none">
        <div class="bg-white rounded-xl p-6 w-96 shadow-xl">
            <h4 class="text-sm font-bold mb-3">Record Administration Status</h4>
            <form method="POST" id="mar-form">@csrf @method('PUT')
                <div class="space-y-3">
                    <div><label class="form-label">Status <span class="text-red-500">*</span></label>
                        <select name="status" required class="form-input">
                            <option value="administered">Administered</option>
                            <option value="partially_given">Partially Given</option>
                            <option value="missed">Missed</option>
                            <option value="not_given">Not Given</option>
                        </select>
                    </div>
                    <div><label class="form-label">Comments / Reason</label><textarea name="comments" class="form-input" rows="2" placeholder="Reason for missed dose, observations..."></textarea></div>
                </div>
                <div class="flex gap-2 mt-4">
                    <button type="submit" class="btn-primary text-xs">Save</button>
                    <button type="button" onclick="document.getElementById('mar-modal').style.display='none'" class="btn-secondary text-xs">Cancel</button>
                </div>
            </form>
        </div>
    </div>

    {{-- ORDERS (Lab & Imaging) --}}
    <div class="tab-panel p-5" id="tab-orders">
        <h4 class="text-xs font-bold text-gray-500 uppercase mb-3">Lab Orders</h4>
        @if($admission->visit?->labOrders?->count())
        <table class="w-full mb-3"><thead class="bg-gray-50"><tr><th class="table-header">Test</th><th class="table-header">Urgency</th><th class="table-header">Result</th><th class="table-header">Status</th><th class="table-header text-right">Cancel</th></tr></thead>
        <tbody class="divide-y divide-gray-50">@foreach($admission->visit->labOrders as $lo)
            <tr><td class="table-cell text-xs">{{ $lo->test_name }}</td><td class="table-cell text-xs capitalize">{{ $lo->urgency }}</td>
            <td class="table-cell text-xs">
                @if($lo->result && is_array($lo->result->results))
                    @php $resData = $lo->result->results; @endphp
                    @if(isset($resData['generic']))
                        {{ $resData['generic']['value'] ?? '-' }} {{ $resData['generic']['unit'] ?? '' }}
                    @else
                        @foreach($resData as $param)
                            @if(is_array($param) && isset($param['name']))
                            <span class="{{ ($param['flag'] ?? '') !== 'normal' ? 'text-red-600 font-bold' : '' }}">{{ $param['short_code'] ?? $param['name'] }}: {{ $param['value'] ?? '-' }} {{ $param['unit'] ?? '' }}</span>@if(!$loop->last), @endif
                            @endif
                        @endforeach
                    @endif
                @elseif($lo->result)
                    {{ $lo->result->results ?? '-' }}
                @else - @endif
            </td>
            <td class="table-cell"><span class="badge {{ $lo->status==='validated'?'badge-success':'badge-warning' }}">{{ ucfirst($lo->status) }}</span></td>
            <td class="table-cell text-right">
                @if(auth()->user()->hasAnyRole('Clinician','Nurse','Super Admin','Hospital Admin') && !in_array($lo->status, ['validated','cancelled','resulted']))
                <form method="POST" action="{{ route('lab.cancel', $lo) }}"
                      onsubmit="return confirm('Cancel lab order for {{ addslashes($lo->test_name) }}?\n\nThis will remove it from the lab queue and delete the charge from the bill.')"
                      class="inline">
                    @csrf @method('DELETE')
                    <button type="submit" class="text-red-500 hover:text-red-700" title="Cancel lab order">
                        <svg class="w-4 h-4 inline" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>
                    </button>
                </form>
                @else
                <span class="text-gray-300 text-xs">—</span>
                @endif
            </td>
            </tr>
        @endforeach</tbody></table>
        @endif
        @if(auth()->user()->hasAnyRole('Clinician','Super Admin','Hospital Admin'))
        <form method="POST" action="{{ route('lab.order') }}" class="flex gap-2 items-end mb-6">@csrf
            <input type="hidden" name="visit_id" value="{{ $admission->visit_id }}">
            <input type="hidden" name="lab_test_id" id="ipd-lab-test-id">
            <div class="flex-1 relative"><label class="form-label">Add Lab Test</label>
                <input type="text" id="ipd-lab-search" class="form-input text-xs" placeholder="Search lab tests..." autocomplete="off" required oninput="filterIPDLabTests(this.value)" onfocus="filterIPDLabTests(this.value)">
                <div id="ipd-lab-dropdown" class="hidden absolute z-30 left-0 right-0 top-full mt-1 bg-white border border-gray-200 rounded-lg shadow-xl max-h-48 overflow-y-auto"></div>
                <p id="ipd-lab-price-hint" class="text-xs text-teal-600 mt-0.5 font-medium"></p>
            </div>
            <select name="urgency" class="form-input text-xs w-24"><option value="routine">Routine</option><option value="urgent">Urgent</option></select>
            <button class="btn-primary text-xs">+ Order Lab</button>
        </form>
        @endif {{-- /lab-order guard --}}

        <h4 class="text-xs font-bold text-gray-500 uppercase mb-3">Imaging Orders</h4>
        @if($admission->visit?->imagingRequests?->count())
        <table class="w-full mb-3"><thead class="bg-gray-50"><tr><th class="table-header">Type</th><th class="table-header">Body Part</th><th class="table-header">Status</th><th class="table-header text-right">Cancel</th></tr></thead>
        <tbody class="divide-y divide-gray-50">@foreach($admission->visit->imagingRequests as $ir)
            <tr><td class="table-cell text-xs">{{ $ir->imaging_type }}</td><td class="table-cell text-xs">{{ $ir->body_part ?? '-' }}</td><td class="table-cell"><span class="badge {{ $ir->status==='reported'?'badge-success':'badge-warning' }}">{{ ucfirst($ir->status) }}</span></td>
            <td class="table-cell text-right">
                @if(auth()->user()->hasAnyRole('Clinician','Nurse','Super Admin','Hospital Admin') && !in_array($ir->status, ['reported','cancelled','verified']))
                <form method="POST" action="{{ route('imaging.cancel', $ir) }}"
                      onsubmit="return confirm('Cancel imaging order for {{ addslashes($ir->imaging_type) }}?\n\nThis will remove it from the imaging queue and delete the charge from the bill.')"
                      class="inline">
                    @csrf @method('DELETE')
                    <button type="submit" class="text-red-500 hover:text-red-700" title="Cancel imaging order">
                        <svg class="w-4 h-4 inline" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>
                    </button>
                </form>
                @else
                <span class="text-gray-300 text-xs">—</span>
                @endif
            </td>
            </tr>
        @endforeach</tbody></table>
        @endif
        @if(auth()->user()->hasAnyRole('Clinician','Super Admin','Hospital Admin'))
        <form method="POST" action="{{ route('imaging.request.store') }}" class="flex gap-2 items-end">@csrf
            <input type="hidden" name="visit_id" value="{{ $admission->visit_id }}">
            <input type="hidden" name="service_item_id" id="ipd-imaging-service-id">
            <div class="flex-1 relative"><label class="form-label">Imaging Service</label>
                <input type="text" name="imaging_type" id="ipd-imaging-search" class="form-input text-xs" placeholder="Search imaging services..." autocomplete="off" required oninput="filterIPDImaging(this.value)" onfocus="filterIPDImaging(this.value)">
                <div id="ipd-imaging-dropdown" class="hidden absolute z-30 left-0 right-0 top-full mt-1 bg-white border border-gray-200 rounded-lg shadow-xl max-h-48 overflow-y-auto"></div>
                <p id="ipd-imaging-price-hint" class="text-xs text-purple-600 mt-0.5 font-medium"></p>
            </div>
            
            <input type="text" name="clinical_indication" class="form-input text-xs flex-1" placeholder="Indication">
            <button class="btn-primary text-xs">+ Order</button>
        </form>
        @endif {{-- /imaging-order guard --}}
    </div>

    {{-- BILLING --}}
    <div class="tab-panel p-5" id="tab-billing">
        @php $inv = $admission->visit?->invoice; @endphp
        @if($inv)
        <div class="grid grid-cols-3 gap-3 mb-4">
            <div class="bg-gray-50 rounded-lg p-3 text-center"><p class="text-xs text-gray-400">Total</p><p class="text-lg font-bold">KES {{ number_format($inv->total_amount) }}</p></div>
            <div class="bg-green-50 rounded-lg p-3 text-center"><p class="text-xs text-gray-400">Paid</p><p class="text-lg font-bold text-green-600">KES {{ number_format($inv->amount_paid) }}</p></div>
            <div class="bg-red-50 rounded-lg p-3 text-center"><p class="text-xs text-gray-400">Balance</p><p class="text-lg font-bold text-red-600">KES {{ number_format($inv->balance) }}</p></div>
        </div>
        {{-- Items --}}
        <table class="w-full mb-4"><thead class="bg-gray-50"><tr><th class="table-header">Item</th><th class="table-header">Details</th><th class="table-header text-right">Qty</th><th class="table-header text-right">Price</th><th class="table-header text-right">Total</th><th class="table-header w-10"></th></tr></thead>
        <tbody class="divide-y divide-gray-50">
            @foreach($inv->items as $item)
            @php $isEditable = in_array($item->source_type, ['auto_consultation','lab_order','imaging_request']) && auth()->user()->hasAnyRole('Receptionist','Clinician','Nurse','Triage Nurse','Dental User','Hospital Admin','Super Admin'); @endphp
            <tr id="bill-row-{{ $item->id }}">
                <td class="table-cell text-xs font-medium">{{ $item->description }}</td>
                <td class="table-cell text-xs text-gray-400">{{ $item->category }}</td>
                <td class="table-cell text-xs text-right">
                    @if($isEditable)
                        <input type="number" class="form-input text-xs text-right py-0.5 w-16 bill-qty-input" min="1" step="1" value="{{ $item->quantity }}" data-item-id="{{ $item->id }}" onchange="updateBillItem({{ $item->id }}, this)">
                    @else
                        {{ $item->quantity }}
                    @endif
                </td>
                <td class="table-cell text-xs text-right">
                    @if($isEditable)
                        <input type="number" class="form-input text-xs text-right py-0.5 w-24 bill-price-input" min="0" step="0.01" value="{{ $item->unit_price }}" data-item-id="{{ $item->id }}" onchange="updateBillItem({{ $item->id }}, this)">
                    @else
                        {{ number_format($item->unit_price) }}
                    @endif
                </td>
                <td class="table-cell text-xs text-right font-semibold" id="bill-total-{{ $item->id }}">{{ number_format($item->total) }}</td>
            <td class="table-cell text-center">
                @if($item->source_type === 'prescription')
                    {{-- Pharmacy items are managed from the Prescriptions section to keep both sides in sync --}}
                    <span title="Pharmacy item — edit from Prescriptions section" class="text-gray-300 text-xs">🔒</span>
                @elseif(auth()->user()->hasAnyRole('Receptionist','Clinician','Nurse','Triage Nurse','Dental User','Hospital Admin','Super Admin'))
                <form method="POST" action="{{ route('billing.item.void', $item) }}" onsubmit="return confirm('Remove {{ addslashes($item->description) }} (KES {{ number_format($item->total) }}) from this invoice?');" class="inline">@csrf @method('DELETE')
                    <button type="submit" class="text-gray-300 hover:text-red-500 transition-colors" title="Void item"><svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg></button>
                </form>
                @endif
            </td></tr>
            @endforeach
            {{-- Manual add | search for services --}}
            @if(auth()->user()->hasAnyRole('Receptionist','Clinician','Nurse','Triage Nurse','Dental User','Super Admin','Hospital Admin'))
            <tr class="bg-gray-50/50"><td colspan="6" class="px-4 py-2">
                <form method="POST" action="{{ route('billing.charge') }}" class="flex gap-2 items-end">@csrf
                    <input type="hidden" name="invoice_id" value="{{ $inv->id }}">
                    <input type="hidden" name="visit_id" value="{{ $admission->visit_id }}">
                    <input type="hidden" name="service_item_id" id="ipd-bill-service-id">
                    <div class="flex-1 min-w-[180px] relative">
                        <input type="text" name="description" id="ipd-bill-search" class="form-input text-xs" placeholder="Search services & products..." autocomplete="off" required oninput="filterIPDBillServices(this.value)" onfocus="filterIPDBillServices(this.value)">
                        <div id="ipd-bill-dropdown" class="hidden absolute z-30 left-0 right-0 top-full mt-1 bg-white border border-gray-200 rounded-lg shadow-xl max-h-48 overflow-y-auto"></div>
                    </div>
                    <input type="text" name="category" class="form-input text-xs w-28" placeholder="Category" id="ipd-bill-cat">
                    <input type="number" name="quantity" value="1" min="1" class="form-input text-xs w-14 text-right">
                    <input type="number" name="unit_price" step="0.01" class="form-input text-xs w-24 text-right" placeholder="Price" required id="ipd-bill-price">
                    <button class="btn-primary text-xs py-1.5">+ Add</button>
                </form>
            </td></tr>
            @endif
        </tbody>
        <tfoot><tr class="bg-gray-100"><td colspan="5" class="table-cell text-right font-bold text-xs">Grand Total</td><td class="table-cell text-right font-bold" id="ipdGrandTotal">KES {{ number_format($inv->total_amount) }}</td></tr></tfoot>
        </table>
        {{-- Payments --}}
        <h4 class="text-xs font-bold text-gray-500 uppercase mb-2">Payments</h4>
        <table class="w-full"><thead class="bg-gray-50"><tr><th class="table-header">Method</th><th class="table-header">Details</th><th class="table-header text-right">Amount</th><th class="table-header">Reference</th><th class="table-header text-center" style="width:40px"></th></tr></thead>
        <tbody class="divide-y divide-gray-50">
            @foreach($inv->payments as $pay)
            <tr>
                <td class="table-cell text-xs capitalize">{{ str_replace('_',' ',$pay->payment_method) }}</td>
                <td class="table-cell text-xs text-gray-400">{{ $pay->description ?? '' }}</td>
                <td class="table-cell text-xs text-right font-semibold text-green-600">KES {{ number_format($pay->amount) }}</td>
                <td class="table-cell text-xs font-mono">{{ $pay->reference_number ?? '' }}</td>
                <td class="table-cell text-center">
                    @if(auth()->user()->hasAnyRole('Super Admin','Hospital Admin','Receptionist','Clinician','Nurse','Triage Nurse'))
                    <form method="POST" action="{{ route('billing.payment.void', $pay) }}" onsubmit="return confirm('Delete this payment of KES {{ number_format($pay->amount) }}?');" class="inline">
                        @csrf @method('DELETE')
                        <button type="submit" class="text-gray-300 hover:text-red-500 transition-colors" title="Void payment">
                            <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>
                        </button>
                    </form>
                    @endif
                </td>
            </tr>
            @endforeach
            @if(auth()->user()->hasAnyRole('Receptionist','Clinician','Nurse','Triage Nurse','Dental User','Super Admin','Hospital Admin'))
            <tr class="bg-gray-50/50"><td colspan="5" class="px-4 py-2">
                @php
                    // SHA detection — same convention used by OPD/ANC/Dental/Maternity:
                    // identify SHA by company code 'SHA' (stable) rather than display
                    // name (mutable). $ipdShaName is the exact NAME value that the
                    // insurance_provider <option> will carry for SHA, and what the
                    // server resolves back to the InsuranceCompany row on submit.
                    $ipdShaCompany = \App\Models\InsuranceCompany::where('code', 'SHA')->first();
                    $ipdShaName    = $ipdShaCompany?->name ?? 'SHA (Social Health Authority)';
                    // Prefill from this patient's existing SHA cover.
                    // Written on first SHA capture, refreshed on every
                    // subsequent SHA payment. Auth reference is NOT
                    // prefilled (per-episode, not per-coverage).
                    $ipdShaCover = null;
                    if ($ipdShaCompany && ($admission->visit?->patient_id ?? null)) {
                        $ipdShaCover = \App\Models\PatientInsurance::where('patient_id', $admission->visit->patient_id)
                            ->where('insurance_company_id', $ipdShaCompany->id)
                            ->where('is_active', true)
                            ->latest()
                            ->first();
                    }
                @endphp
                <form method="POST" action="{{ route('billing.payment') }}" class="flex flex-col gap-2">@csrf
                    <input type="hidden" name="invoice_id" value="{{ $inv->id }}">
                    <div class="flex gap-2 items-center flex-wrap">
                        <select name="payment_method" class="form-input text-xs w-32" onchange="toggleIPDPaySub(this.value)">
                            <option value="cash">Cash</option><option value="mpesa">M-Pesa</option><option value="insurance">Insurance</option><option value="card">Card</option><option value="bank_transfer">Bank Transfer</option>
                        </select>
                        <select name="insurance_provider" class="form-input text-xs w-44 ipd-pay-sub ipd-pay-ins"
                                data-sha-name="{{ $ipdShaName }}"
                                onchange="toggleIPDShaPanel(this.value, '{{ $ipdShaName }}')"
                                style="display:none">
                            <option value="">Select Insurer...</option>
                            @foreach(\App\Models\InsuranceCompany::where('is_active',true)->orderBy('name')->get() as $ic)<option value="{{ $ic->name }}">{{ $ic->name }}</option>@endforeach
                        </select>
                        <select name="mpesa_channel" class="form-input text-xs w-28 ipd-pay-sub ipd-pay-mpesa" style="display:none">
                            <option value="kcb">KCB Paybill</option><option value="bingwa_sacco">Bingwa Sacco</option>
                        </select>
                        <input type="number" name="amount" step="0.01" class="form-input text-xs w-28 text-right" placeholder="Amount" required>
                        <input type="text" name="reference_number" class="form-input text-xs flex-1" placeholder="Ref / Code">
                        <button class="btn-success text-xs py-1.5">Pay</button>
                    </div>

                    {{-- SHA member-identity sub-panel — mirrors the OPD/ANC/Dental --}}
                    {{-- pattern. Reveals when insurance_provider = SHA. Server     --}}
                    {{-- validates the three mandatory fields when payment_method  --}}
                    {{-- = insurance AND insurer code = 'SHA'.                     --}}
                    <div id="ipd-sha-panel" style="display:none;margin-top:6px;padding:10px 12px;border:1px solid #fcd34d;background:#fffbeb;border-radius:8px">
                        <div style="display:flex;align-items:center;gap:6px;margin-bottom:6px">
                            <svg style="width:13px;height:13px;color:#92400e" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
                            <span style="font-size:10.5px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.04em">SHA Member Details (required)</span>
                            @if($ipdShaCover)
                            <span title="Prefilled from this patient's SHA cover on file. Edit if anything has changed."
                                  style="font-size:9px;font-weight:600;color:#15803d;background:#dcfce7;border:1px solid #86efac;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em">✓ From file</span>
                            @endif
                        </div>
                        <div class="flex gap-2 flex-wrap">
                            <input type="text" name="sha_number" placeholder="SHA Number *" class="form-input text-xs"
                                   value="{{ $ipdShaCover->member_number ?? '' }}"
                                   style="flex:1;min-width:130px;border:1px solid #fcd34d;background:#fff;font-family:ui-monospace,monospace">
                            <input type="text" name="sha_member_name" placeholder="Member Name *" class="form-input text-xs"
                                   value="{{ $ipdShaCover->principal_name ?? '' }}"
                                   style="flex:1.5;min-width:180px;border:1px solid #fcd34d;background:#fff">
                            <select name="sha_relationship" class="form-input text-xs" style="min-width:120px;border:1px solid #fcd34d;background:#fff">
                                <option value="">Relationship *</option>
                                @foreach(['Self','Spouse','Child','Parent','Other'] as $rel)
                                <option value="{{ $rel }}" {{ ($ipdShaCover->relationship ?? '') === $rel ? 'selected' : '' }}>{{ $rel }}</option>
                                @endforeach
                            </select>
                            <input type="text" name="sha_auth_reference" placeholder="Auth Ref (optional)" class="form-input text-xs" style="flex:1;min-width:140px;border:1px solid #fcd34d;background:#fff;font-family:ui-monospace,monospace">
                        </div>
                    </div>
                </form>
            </td></tr>
            @endif {{-- /payment guard --}}
        </tbody>
        <tfoot>
            <tr class="bg-blue-50"><td colspan="2" class="table-cell text-xs">Total Paid</td><td class="table-cell text-right font-bold text-green-600">KES {{ number_format($inv->amount_paid) }}</td><td class="table-cell" colspan="2"></td></tr>
            <tr class="bg-amber-50"><td colspan="2" class="table-cell font-bold text-xs">Balance Due</td><td class="table-cell text-right font-bold text-red-600">KES {{ number_format($inv->balance) }}</td><td class="table-cell" colspan="2"></td></tr>
        </tfoot>
        </table>

        {{-- Print buttons: Invoice | Interim Receipt | Final Receipt
             Mirrors the OPD/ANC pattern in resources/views/partials/_payment-section.blade.php.
             Kept inline (rather than @including the partial) because IPD has
             its own line-items + payments tables above; the partial would
             duplicate them. Round 13.

             Round 17: Case Summary button removed from the IPD ward at
             clinician request. The route and template stay in place for
             OPD/ANC, which still uses them via partials/_payment-section. --}}
        @php
            $ipdVisit = $admission->visit;
            $ipdPayments = $inv?->payments ?? collect();
            $ipdLastReceipt = $ipdPayments->last()?->receipt;
        @endphp
        <div style="display:flex;flex-wrap:wrap;gap:8px;margin-top:12px">
            <a href="{{ route('billing.invoice.print', $inv) }}" target="_blank"
               style="display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:11.5px;font-weight:600;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:7px;text-decoration:none;transition:all .12s"
               onmouseover="this.style.background='#faf5fc';this.style.borderColor='#d4a9e8'"
               onmouseout="this.style.background='#fff';this.style.borderColor='#e5e7eb'">
                <svg style="width:14px;height:14px" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z"/></svg>
                Print Invoice
            </a>
            @if($ipdLastReceipt)
            <a href="{{ route('billing.receipt', $ipdLastReceipt) }}" target="_blank"
               style="display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:11.5px;font-weight:600;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;text-decoration:none;transition:all .12s"
               onmouseover="this.style.background='#dcfce7'" onmouseout="this.style.background='#f0fdf4'">
                <svg style="width:14px;height:14px" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
                Interim Receipt
            </a>
            @endif
            <a href="{{ route('billing.final-receipt', $inv) }}" target="_blank"
               style="display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:11.5px;font-weight:600;color:#5c1269;background:#faf5fc;border:1px solid #e6d0f3;border-radius:7px;text-decoration:none;transition:all .12s"
               onmouseover="this.style.background='#f3e8f9'" onmouseout="this.style.background='#faf5fc'">
                <svg style="width:14px;height:14px" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/></svg>
                Final Receipt
            </a>
        </div>
        @else <p class="text-gray-400 text-center py-6">No invoice yet. Orders will auto-generate billing items.</p> @endif
    </div>

    {{-- DISCHARGE --}}
    <div class="tab-panel p-5" id="tab-discharge">
        {{-- Transfer ward --}}
        <div class="bg-gray-50 rounded-lg p-4 mb-5">
            <h4 class="text-xs font-bold text-gray-600 uppercase mb-3">Transfer Ward / Bed</h4>
            <form method="POST" action="{{ route('inpatient.transfer', $admission) }}" class="flex gap-2 items-end">@csrf
                <div><label class="form-label">New Ward</label><select name="ward_id" required class="form-input text-xs" onchange="loadBeds(this.value)"><option value="">Select...</option>@foreach($wards as $w)<option value="{{ $w->id }}">{{ $w->name }} ({{ $w->availableBeds->count() }})</option>@endforeach</select></div>
                <div><label class="form-label">Bed</label><select name="bed_id" required class="form-input text-xs" id="bed_select"><option>Select ward first</option></select></div>
                <div class="flex-1"><label class="form-label">Reason</label><input type="text" name="reason" class="form-input text-xs" placeholder="Reason for transfer"></div>
                <button class="btn-secondary text-xs">Transfer</button>
            </form>
        </div>

        {{-- Discharge Summary
             ──────────────────
             Two visibility paths:
              - Non-clinical roles (Receptionist, Triage Nurse) viewing
                an admission that has already been discharged: see a
                read-only summary card with a Print button. They can't
                edit; they don't see the form. This block is brand-new
                for Issue #3.
              - Clinicians (Clinician/Super Admin/Hospital Admin): see
                the original editable discharge form (whether discharged
                or not — the form auto-disables once $isDischarged via
                the page-wide read-only toggle). Block unchanged. --}}
        @php $canEditDischarge = auth()->user()->hasAnyRole('Clinician','Super Admin','Hospital Admin'); @endphp

        @if(!$canEditDischarge && $isDischarged)
        <div class="border border-green-200 rounded-xl overflow-hidden bg-green-50">
            <div class="bg-gradient-to-r from-green-50 to-emerald-50 border-b border-green-200 px-5 py-3 flex items-center justify-between">
                <div>
                    <h4 class="text-sm font-bold text-green-800">Discharge Summary</h4>
                    <p class="text-xs text-gray-600 mt-0.5">Discharged {{ $admission->discharge_date?->format('d M Y H:i') ?? '—' }}</p>
                </div>
                <a href="{{ route('print.discharge', $admission) }}" target="_blank" class="text-xs text-white bg-purple-900 hover:bg-purple-950 px-4 py-1.5 rounded-lg flex items-center gap-1.5 font-semibold" title="Open the discharge summary in a new tab, print from there">
                    <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2z"/></svg>
                    Print Discharge Summary
                </a>
            </div>
            <div class="p-5 space-y-3 text-sm">
                @if($admission->discharge_diagnosis)
                    <div><span class="text-xs text-gray-500 uppercase font-semibold tracking-wide">Final Diagnosis</span>
                        <p class="mt-0.5 font-medium">{{ $admission->discharge_diagnosis }}</p></div>
                @endif
                @if($admission->condition_on_discharge)
                    <div><span class="text-xs text-gray-500 uppercase font-semibold tracking-wide">Condition on Discharge</span>
                        <p class="mt-0.5">{{ ucfirst(str_replace('_', ' ', $admission->condition_on_discharge)) }}</p></div>
                @endif
                @if($admission->discharge_summary)
                    <div><span class="text-xs text-gray-500 uppercase font-semibold tracking-wide">Hospital Course</span>
                        <p class="mt-0.5 whitespace-pre-wrap">{{ $admission->discharge_summary }}</p></div>
                @endif
                @if($admission->discharge_instructions)
                    <div><span class="text-xs text-gray-500 uppercase font-semibold tracking-wide">Discharge Instructions</span>
                        <p class="mt-0.5 whitespace-pre-wrap">{{ $admission->discharge_instructions }}</p></div>
                @endif
                @if($admission->follow_up_plan)
                    <div><span class="text-xs text-gray-500 uppercase font-semibold tracking-wide">Follow-up Plan</span>
                        <p class="mt-0.5 whitespace-pre-wrap">{{ $admission->follow_up_plan }}</p></div>
                @endif
            </div>
        </div>
        @endif

        {{-- Discharge Summary | Clinician only --}}
        @if(auth()->user()->hasAnyRole('Clinician','Super Admin','Hospital Admin'))
        <div class="border border-gray-200 rounded-xl overflow-hidden" id="discharge-summary-block">
            <div class="bg-gradient-to-r from-red-50 to-orange-50 border-b border-gray-200 px-5 py-3 flex items-center justify-between">
                <h4 class="text-sm font-bold text-red-800">Discharge Summary</h4>
                <a href="{{ route('print.discharge', $admission) }}" target="_blank" class="text-xs text-white bg-purple-900 hover:bg-purple-950 px-4 py-1.5 rounded-lg flex items-center gap-1.5 font-semibold" title="Open the discharge summary in a new tab, print from there">
                    <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2z"/></svg>
                    Print Discharge Summary
                </a>
            </div>

            <form method="POST" action="{{ route('inpatient.discharge', $admission) }}" id="discharge-form">@csrf
            <div class="p-5 space-y-5">

                {{-- ── AUTO-POPULATED: Patient Demographics ── --}}
                <div>
                    <h5 class="text-xs font-bold text-gray-400 uppercase tracking-wide mb-2">Patient Demographics</h5>
                    <div class="bg-gray-50 rounded-lg p-3 grid grid-cols-2 md:grid-cols-4 gap-3 text-sm">
                        <div><span class="text-xs text-gray-400 block">Name</span><span class="font-medium">{{ $admission->patient->full_name ?? '' }}</span></div>
                        <div><span class="text-xs text-gray-400 block">MRN</span><span class="font-mono">{{ $admission->patient->mrn ?? '' }}</span></div>
                        <div><span class="text-xs text-gray-400 block">Gender / Age</span><span>{{ ucfirst($admission->patient->gender ?? '') }} · {{ $admission->patient->age ?? '' }}</span></div>
                        <div><span class="text-xs text-gray-400 block">Phone</span><span>{{ $admission->patient->phone ?? '-' }}</span></div>
                        @if($admission->patient->id_number)<div><span class="text-xs text-gray-400 block">ID Number</span><span>{{ $admission->patient->id_number }}</span></div>@endif
                        @if($admission->patient->insuranceCompany)<div><span class="text-xs text-gray-400 block">Insurance</span><span>{{ $admission->patient->insuranceCompany->name ?? '-' }}</span></div>@endif
                        @if($admission->patient->next_of_kin_name)<div><span class="text-xs text-gray-400 block">Next of Kin</span><span>{{ $admission->patient->next_of_kin_name }} ({{ $admission->patient->next_of_kin_phone ?? '' }})</span></div>@endif
                    </div>
                </div>

                {{-- ── AUTO-POPULATED: Admission Details ── --}}
                <div>
                    <h5 class="text-xs font-bold text-gray-400 uppercase tracking-wide mb-2">Admission Details</h5>
                    <div class="bg-gray-50 rounded-lg p-3 grid grid-cols-2 md:grid-cols-4 gap-3 text-sm">
                        <div><span class="text-xs text-gray-400 block">Admission Date</span><span>{{ $admission->admission_date->format('d M Y H:i') }}</span></div>
                        <div><span class="text-xs text-gray-400 block">Ward / Bed</span><span>{{ $admission->ward->name ?? '' }} · Bed {{ $admission->bed->bed_number ?? '' }}</span></div>
                        <div><span class="text-xs text-gray-400 block">Length of Stay</span><span class="font-bold">{{ $admission->length_of_stay }} days</span></div>
                        <div><span class="text-xs text-gray-400 block">Admitting Clinician</span><span>{{ $admission->clinician->name ?? '-' }}</span></div>
                        <div class="md:col-span-2"><span class="text-xs text-gray-400 block">Reason for Admission</span><span>{{ $admission->reason ?? '-' }}</span></div>
                        <div class="md:col-span-2"><span class="text-xs text-gray-400 block">Diagnosis on Admission</span><span>{{ $admission->diagnosis_on_admission ?? '-' }}</span></div>
                    </div>
                </div>

                {{-- ── AUTO-POPULATED: Diagnoses ── --}}
                <div>
                    <h5 class="text-xs font-bold text-gray-400 uppercase tracking-wide mb-2">Diagnoses</h5>
                    <div class="bg-gray-50 rounded-lg p-3 text-sm space-y-1">
                        <div class="flex justify-between"><span class="text-gray-500">Admission Diagnosis</span><span class="font-medium">{{ $admission->diagnosis_on_admission ?? '-' }}</span></div>
                        @if($admission->visit?->consultation?->diagnosis)
                        <div class="flex justify-between"><span class="text-gray-500">Consultation Diagnosis</span><span class="font-medium">{{ $admission->visit->consultation->diagnosis }}</span></div>
                        @endif
                    </div>
                </div>

                {{-- ── AUTO-POPULATED: Investigations with Results ── --}}
                <div>
                    <h5 class="text-xs font-bold text-gray-400 uppercase tracking-wide mb-2">Investigations & Results</h5>
                    @if($admission->visit?->labOrders?->count() || $admission->visit?->imagingRequests?->count())
                    <div class="bg-gray-50 rounded-lg overflow-hidden">
                        @if($admission->visit->labOrders->count())
                        <table class="w-full text-xs">
                            <thead class="bg-gray-100"><tr><th class="table-header">Lab Test</th><th class="table-header">Result</th><th class="table-header">Reference</th><th class="table-header">Remarks</th><th class="table-header">Status</th></tr></thead>
                            <tbody class="divide-y divide-gray-100">
                            @foreach($admission->visit->labOrders as $lo)
                                <tr>
                                    <td class="table-cell text-xs font-medium">{{ $lo->test_name ?? ($lo->labTest->name ?? '-') }}</td>
                                    <td class="table-cell text-xs {{ ($lo->result && ($lo->result->is_abnormal || $lo->result->is_critical)) ? 'text-red-600 font-bold' : '' }}">
                                        @if($lo->result && is_array($lo->result->results))
                                            @php $res = $lo->result->results; @endphp
                                            @if(isset($res['generic']))
                                                {{ $res['generic']['value'] ?? '-' }} {{ $res['generic']['unit'] ?? '' }}
                                            @else
                                                @foreach($res as $param)
                                                    @if(is_array($param) && isset($param['name']))
                                                    <span class="{{ ($param['flag'] ?? '') !== 'normal' ? 'text-red-600 font-bold' : '' }}">{{ $param['short_code'] ?? $param['name'] }}: {{ $param['value'] ?? '-' }} {{ $param['unit'] ?? '' }}</span>@if(!$loop->last), @endif
                                                    @endif
                                                @endforeach
                                            @endif
                                            @if($lo->result->is_critical) <span class="badge badge-danger text-xs ml-1">CRITICAL</span> @elseif($lo->result->is_abnormal) <span class="badge badge-warning text-xs ml-1">ABN</span> @endif
                                        @elseif($lo->result)
                                            {{ $lo->result->results ?? '-' }}
                                        @else - @endif
                                    </td>
                                    <td class="table-cell text-xs text-gray-400">{{ $lo->result->reference_range ?? '-' }}</td>
                                    <td class="table-cell text-xs text-gray-400">{{ $lo->result->remarks ?? '-' }}</td>
                                    <td class="table-cell"><span class="badge {{ $lo->status==='validated'?'badge-success':($lo->status==='resulted'?'badge-info':'badge-warning') }}">{{ ucfirst($lo->status) }}</span></td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        @endif
                        @if($admission->visit->imagingRequests->count())
                        <table class="w-full text-xs {{ $admission->visit->labOrders->count() ? 'border-t border-gray-200' : '' }}">
                            <thead class="bg-gray-100"><tr><th class="table-header">Imaging</th><th class="table-header">Body Part</th><th class="table-header">Findings</th><th class="table-header">Impression</th><th class="table-header">Status</th></tr></thead>
                            <tbody class="divide-y divide-gray-100">
                            @foreach($admission->visit->imagingRequests as $ir)
                                <tr>
                                    <td class="table-cell text-xs font-medium">{{ $ir->imaging_type }}</td>
                                    <td class="table-cell text-xs">{{ $ir->body_part ?? '-' }}</td>
                                    <td class="table-cell text-xs">{{ $ir->report ? \Illuminate\Support\Str::limit($ir->report->findings, 100) : '–' }}</td>
                                    <td class="table-cell text-xs font-medium">{{ $ir->report->impression ?? '-' }}</td>
                                    <td class="table-cell"><span class="badge {{ $ir->status==='reported'?'badge-success':'badge-warning' }}">{{ ucfirst($ir->status) }}</span></td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        @endif
                    </div>
                    @else
                    <p class="text-xs text-gray-400 bg-gray-50 rounded-lg p-3">No investigations ordered during this admission.</p>
                    @endif
                </div>

                {{-- ── AUTO-POPULATED: Procedures ── --}}
                <div>
                    <h5 class="text-xs font-bold text-gray-400 uppercase tracking-wide mb-2">Procedures</h5>
                    @php
                        $procedureNotes = $admission->nursingNotes->where('note_type', 'procedure');
                    @endphp
                    @if($procedureNotes->count())
                    <div class="bg-gray-50 rounded-lg p-3 space-y-2">
                        @foreach($procedureNotes as $pn)
                        <div class="text-sm"><span class="text-xs text-gray-400">{{ $pn->created_at->format('d M Y H:i') }} · {{ $pn->nurse->name ?? '' }}</span><p>{{ $pn->content }}</p></div>
                        @endforeach
                    </div>
                    @else
                    <p class="text-xs text-gray-400 bg-gray-50 rounded-lg p-3">No procedures recorded.</p>
                    @endif
                </div>

                {{-- ── AUTO-POPULATED: Inpatient Medications ── --}}
                <div>
                    <h5 class="text-xs font-bold text-gray-400 uppercase tracking-wide mb-2">Inpatient Medications</h5>
                    @if($admission->visit?->prescriptions?->count())
                    <div class="bg-gray-50 rounded-lg overflow-hidden">
                        <table class="w-full text-xs">
                            <thead class="bg-gray-100"><tr><th class="table-header">Drug</th><th class="table-header">Dose</th><th class="table-header">Frequency</th><th class="table-header">Route</th><th class="table-header">Duration</th><th class="table-header">Status</th></tr></thead>
                            <tbody class="divide-y divide-gray-100">
                            @foreach($admission->visit->prescriptions as $rx)
                                <tr>
                                    <td class="table-cell text-xs font-medium">{{ $rx->drug_name }}</td>
                                    <td class="table-cell text-xs">{{ $rx->dosage ?? '-' }}</td>
                                    <td class="table-cell text-xs">{{ $rx->frequency ?? '-' }}</td>
                                    <td class="table-cell text-xs capitalize">{{ $rx->route ?? '—' }}</td>
                                    <td class="table-cell text-xs">{{ $rx->duration ?? '-' }}</td>
                                    <td class="table-cell"><span class="badge {{ $rx->status==='dispensed'?'badge-success':'badge-warning' }}">{{ ucfirst($rx->status) }}</span></td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                    @else
                    <p class="text-xs text-gray-400 bg-gray-50 rounded-lg p-3">No medications prescribed during admission.</p>
                    @endif
                </div>

                <hr class="border-gray-200">

                {{-- ═══ CLINICIAN INPUT SECTION ═══ --}}
                <div class="bg-red-50 border border-red-200 rounded-lg p-4">
                    <h5 class="text-xs font-bold text-red-800 uppercase mb-4">Clinician to Complete</h5>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
                        <div class="md:col-span-2">
                            <label class="form-label">Clinical Summary / Hospital Course <span class="text-red-500">*</span></label>
                            <textarea name="discharge_summary" required class="form-input" rows="5" placeholder="Summarize the hospital course: presenting complaint, key findings, treatment given, response to treatment, and clinical progress...">{{ old('discharge_summary', $admission->discharge_summary) }}</textarea>
                        </div>
                        <div>
                            <label class="form-label">Final Diagnosis <span class="text-red-500">*</span></label>
                            <input type="text" name="discharge_diagnosis" required class="form-input" value="{{ old('discharge_diagnosis', $admission->discharge_diagnosis ?? $admission->diagnosis_on_admission) }}" placeholder="Final discharge diagnosis">
                        </div>
                        <div>
                            <label class="form-label">Condition at Discharge <span class="text-red-500">*</span></label>
                            <select name="condition_on_discharge" class="form-input">
                                <option value="improved" {{ old('condition_on_discharge', $admission->condition_on_discharge)==='improved'?'selected':'' }}>Improved</option>
                                <option value="stable" {{ old('condition_on_discharge', $admission->condition_on_discharge)==='stable'?'selected':'' }}>Stable</option>
                                <option value="deteriorated" {{ old('condition_on_discharge', $admission->condition_on_discharge)==='deteriorated'?'selected':'' }}>Deteriorated</option>
                                <option value="absconded" {{ old('condition_on_discharge', $admission->condition_on_discharge)==='absconded'?'selected':'' }}>Absconded</option>
                                <option value="deceased" {{ old('condition_on_discharge', $admission->condition_on_discharge)==='deceased'?'selected':'' }}>Deceased</option>
                            </select>
                        </div>
                        <div class="md:col-span-2">
                            <label class="form-label">Discharge Instructions</label>
                            <textarea name="discharge_instructions" class="form-input" rows="3" placeholder="Diet, activity restrictions, wound care, warning signs to watch for, when to return to hospital...">{{ old('discharge_instructions', $admission->discharge_instructions ?? '') }}</textarea>
                        </div>
                        <div class="md:col-span-2">
                            <label class="form-label">Follow-up Plan</label>
                            <textarea name="follow_up_plan" class="form-input" rows="2" placeholder="Follow-up date, clinic, pending results to review...">{{ old('follow_up_plan', $admission->follow_up_plan ?? '') }}</textarea>
                        </div>
                    </div>

                    {{-- Discharge Medications (clinician picks which dispensed meds are take-home) --}}
                    <div class="mb-4">
                        <label class="form-label mb-2">Take-Home Medications
                            <span class="text-xs text-gray-400 font-normal">
                                (tick dispensed meds the patient should take home — leave unchecked for inpatient-only items like IV fluids, STAT injections, or PRN gloves/syringes)
                            </span>
                        </label>
                        @if($admission->visit?->prescriptions?->count())
                        @php
                            $dispensedRx = $admission->visit->prescriptions->where('status', 'dispensed');
                            $pendingRx   = $admission->visit->prescriptions->where('status', '!=', 'dispensed');
                        @endphp
                        <div class="bg-white rounded-lg border border-gray-200 divide-y divide-gray-100">
                            @foreach($dispensedRx as $rx)
                            <label class="flex items-center gap-3 px-3 py-2 hover:bg-purple-50 cursor-pointer transition-colors">
                                <input type="checkbox"
                                       name="take_home_prescription_ids[]"
                                       value="{{ $rx->id }}"
                                       {{ ($rx->is_take_home ?? false) ? 'checked' : '' }}
                                       class="w-4 h-4 text-purple-600 rounded border-gray-300 focus:ring-purple-500">
                                <span class="w-2.5 h-2.5 rounded-full bg-green-400 shrink-0"></span>
                                <span class="text-xs font-medium">{{ $rx->drug_name }}</span>
                                <span class="text-xs text-gray-400">{{ $rx->dosage ?? '' }}{{ $rx->frequency ? ' · ' . $rx->frequency : '' }}{{ $rx->duration ? ' · ' . $rx->duration : '' }}</span>
                                <span class="ml-auto badge badge-success text-xs">Dispensed</span>
                            </label>
                            @endforeach
                            @if($pendingRx->count())
                                {{-- Non-dispensed meds: shown read-only for context, cannot be ticked --}}
                                @foreach($pendingRx as $rx)
                                <div class="flex items-center gap-3 px-3 py-2 bg-amber-50/50">
                                    <span class="w-4 h-4 shrink-0"></span>{{-- spacer to align with checkbox column --}}
                                    <span class="w-2.5 h-2.5 rounded-full bg-amber-400 shrink-0"></span>
                                    <span class="text-xs font-medium text-gray-500">{{ $rx->drug_name }}</span>
                                    <span class="text-xs text-gray-400">{{ $rx->dosage ?? '' }}{{ $rx->frequency ? ' · ' . $rx->frequency : '' }}{{ $rx->duration ? ' · ' . $rx->duration : '' }}</span>
                                    <span class="ml-auto badge badge-warning text-xs">{{ ucfirst($rx->status) }}</span>
                                </div>
                                @endforeach
                            @endif
                        </div>
                        @if($pendingRx->count())
                        <p class="text-xs text-amber-600 mt-1">⚠ {{ $pendingRx->count() }} medication(s) not yet dispensed — ensure pharmacy completes them before discharge, or they can't be given as take-home meds.</p>
                        @endif
                        <p class="text-xs text-gray-400 mt-2">
                            <strong>Tip:</strong> Only ticked medications will appear on the printed discharge summary's "Medications on Discharge" list.
                        </p>
                        @else
                        <p class="text-xs text-gray-400 bg-white rounded border p-3">No prescriptions recorded. Add take-home meds from the Medication Chart tab first.</p>
                        @endif
                    </div>

                    <div class="flex items-center gap-3 flex-wrap">
                        @php $dischargeBalance = $admission->visit?->invoice?->balance ?? 0; @endphp

                        {{-- Save Draft button — always available, doesn't require validation --}}
                        <button type="submit"
                                formaction="{{ route('inpatient.discharge.draft', $admission) }}"
                                formnovalidate
                                class="btn-secondary px-5"
                                title="Save your progress without discharging — you can come back to this tab later">
                            💾 Save Draft
                        </button>

                        @if($dischargeBalance > 0)
                        <div class="bg-red-100 border border-red-300 rounded-lg px-4 py-2 flex-1">
                            <p class="text-xs font-bold text-red-800">Outstanding Balance: KES {{ number_format($dischargeBalance) }}</p>
                            <p class="text-xs text-red-600">Bill must be cleared before discharge. Go to Billing tab to record payment.</p>
                        </div>
                        <button type="button" disabled class="btn-danger px-6 opacity-50 cursor-not-allowed">Discharge Patient</button>
                        @else
                        <button type="submit" class="btn-danger px-6" onclick="return confirm('Discharge this patient?\n\nThis will:\n• Finalize the discharge summary\n• Free the bed\n• Move patient to Discharged list')">
                            Discharge Patient
                        </button>
                        <span class="text-xs text-green-600 font-semibold">✓ Bill cleared</span>
                        @endif
                    </div>
                </div>
            </div>
            </form>
        </div>
    </div>
        @else
        <div class="bg-yellow-50 border border-yellow-200 rounded-lg p-5 text-center">
            <p class="text-sm font-semibold text-yellow-800">Patient not yet discharged.</p>
            <p class="text-xs text-yellow-600 mt-1">The discharge summary will be available to print here once the attending clinician completes the discharge.</p>
        </div>
        @endif {{-- /discharge guard --}}
    </div>
</div>
@endsection
@section('scripts')
<script>
function showTab(name){
    document.querySelectorAll('.tab-panel').forEach(p=>p.classList.remove('active'));
    document.querySelectorAll('.tab-btn').forEach(b=>b.classList.remove('active'));
    document.getElementById('tab-'+name).classList.add('active');
    // Find and activate the correct button
    document.querySelectorAll('.tab-btn').forEach(b=>{
        if(b.getAttribute('onclick') && b.getAttribute('onclick').includes("'"+name+"'")) b.classList.add('active');
    });
    // Persist in URL hash so back() returns to same tab
    history.replaceState(null, '', '#'+name);
}
// Auto-open tab from URL hash (e.g. #notes, #meds, #discharge)
(function(){
    const hash = window.location.hash ? window.location.hash.substring(1) : '';
    if(hash){
        const panel = document.getElementById('tab-'+hash);
        if(panel){
            document.querySelectorAll('.tab-panel').forEach(p=>p.classList.remove('active'));
            document.querySelectorAll('.tab-btn').forEach(b=>b.classList.remove('active'));
            panel.classList.add('active');
            document.querySelectorAll('.tab-btn').forEach(b=>{
                if(b.getAttribute('onclick') && b.getAttribute('onclick').includes("'"+hash+"'")) b.classList.add('active');
            });
        }
    }
})();
function loadBeds(wardId){
    const sel=document.getElementById('bed_select');
    sel.innerHTML='<option>Loading...</option>';
    if(!wardId){sel.innerHTML='<option>Select ward</option>';return;}
    fetch(`${window.HMIS_BASE}/inpatient/ward-beds/${wardId}`).then(r=>r.json()).then(beds=>{
        sel.innerHTML=beds.length?beds.map(b=>`<option value="${b.id}">${b.bed_number}</option>`).join(''):'<option>No beds</option>';
    });
}
function toggleIPDPaySub(method){
    document.querySelectorAll('.ipd-pay-sub').forEach(el=>el.style.display='none');
    if(method==='insurance') document.querySelectorAll('.ipd-pay-ins').forEach(el=>el.style.display='');
    if(method==='mpesa') document.querySelectorAll('.ipd-pay-mpesa').forEach(el=>el.style.display='');
    // SHA panel must collapse whenever method is not Insurance; if we
    // stay on Insurance, re-evaluate against the currently-selected
    // insurer (the user may toggle method out and back in).
    const shaPanel = document.getElementById('ipd-sha-panel');
    if (shaPanel) {
        if (method !== 'insurance') {
            shaPanel.style.display = 'none';
        } else {
            const insSel = document.querySelector('select[name="insurance_provider"].ipd-pay-ins');
            const shaName = insSel?.getAttribute('data-sha-name') || '';
            toggleIPDShaPanel(insSel?.value || '', shaName);
        }
    }
}
// Show/hide the SHA member-details panel for the IPD billing tab.
// Compares the selected insurer NAME to the SHA name supplied by the
// server-rendered data-sha-name attribute. The server independently
// verifies the insurer's CODE on submit, so this client-side check is
// purely for UX.
function toggleIPDShaPanel(selectedInsurerName, shaName) {
    const panel = document.getElementById('ipd-sha-panel');
    if (!panel) return;
    panel.style.display = selectedInsurerName === shaName ? 'block' : 'none';
}
function openMARModal(administrationId){
    document.getElementById('mar-form').action = `${window.HMIS_BASE}/inpatient/mar/${administrationId}/administer`;
    document.getElementById('mar-modal').style.display = 'flex';
}

// ── Preserve active tab across form submissions ──
// Before any form submits, append current hash as _tab hidden field
document.querySelectorAll('form').forEach(form => {
    form.addEventListener('submit', function() {
        const hash = window.location.hash ? window.location.hash.substring(1) : '';
        if (hash && !this.querySelector('input[name="_tab"]')) {
            const input = document.createElement('input');
            input.type = 'hidden';
            input.name = '_tab';
            input.value = hash;
            this.appendChild(input);
        }
    });
});
// ═══ SEARCH BARS FOR IPD | Lab, Imaging, Drugs, Billing Services ═══
const _ipdLabTests = {!! $labTestsJson ?? '[]' !!};
const _ipdImagingSvcs = {!! $imagingJson ?? '[]' !!};
const _ipdDrugItems = {!! $drugsJson ?? '[]' !!};
const _ipdServices = {!! $serviceListJson ?? '[]' !!};

function ipdDropdownItem(text, sub, price, idx) {
    return `<div class="dd-item px-3 py-2 hover:bg-blue-50 cursor-pointer text-xs border-b border-gray-50 flex justify-between" data-idx="${idx}">
        <span><span class="font-medium">${text}</span>${sub ? '<span class="text-gray-400 ml-1">'+sub+'</span>' : ''}</span>
        <span class="text-gray-500 font-mono">KES ${Number(price).toLocaleString()}</span>
    </div>`;
}

// Position a fixed-positioned dropdown directly under its input. We use
// position:fixed (set in the style block above) so the dropdown escapes the
// overflow-hidden card that wraps all tab panels — the trade-off is that we
// must compute coords ourselves via getBoundingClientRect.
function ipdPositionDropdown(inputId, ddId) {
    const input = document.getElementById(inputId);
    const dd    = document.getElementById(ddId);
    if (!input || !dd) return;
    const r = input.getBoundingClientRect();
    dd.style.left  = r.left + 'px';
    dd.style.top   = (r.bottom + 2) + 'px';
    dd.style.width = r.width + 'px';
}

function filterIPDLabTests(q) {
    const dd = document.getElementById('ipd-lab-dropdown');
    if (q.length < 1) { dd.classList.add('hidden'); return; }
    const items = _ipdLabTests.filter(t => t.name.toLowerCase().includes(q.toLowerCase()) || (t.code||'').toLowerCase().includes(q.toLowerCase()) || (t.category||'').toLowerCase().includes(q.toLowerCase()));
    dd.innerHTML = items.slice(0, 15).map((t, i) => ipdDropdownItem(t.name, t.category, t.price, i)).join('');
    dd.querySelectorAll('.dd-item').forEach(el => {
        el.onclick = function(e) { e.stopPropagation(); const t = items[parseInt(this.dataset.idx)]; document.getElementById('ipd-lab-test-id').value = t.id; document.getElementById('ipd-lab-search').value = t.name; document.getElementById('ipd-lab-price-hint').textContent = t.category + ' · KES ' + Number(t.price).toLocaleString(); dd.classList.add('hidden'); };
    });
    dd.classList.toggle('hidden', items.length === 0);
    if (items.length) ipdPositionDropdown('ipd-lab-search', 'ipd-lab-dropdown');
}

function filterIPDImaging(q) {
    const dd = document.getElementById('ipd-imaging-dropdown');
    if (q.length < 1) { dd.classList.add('hidden'); return; }
    const items = _ipdImagingSvcs.filter(s => s.name.toLowerCase().includes(q.toLowerCase()) || (s.code||'').toLowerCase().includes(q.toLowerCase()));
    dd.innerHTML = items.slice(0, 15).map((s, i) => ipdDropdownItem(s.name, '', s.price, i)).join('');
    dd.querySelectorAll('.dd-item').forEach(el => {
        el.onclick = function(e) { e.stopPropagation(); const s = items[parseInt(this.dataset.idx)]; document.getElementById('ipd-imaging-service-id').value = s.id; document.getElementById('ipd-imaging-search').value = s.name; document.getElementById('ipd-imaging-price-hint').textContent = 'KES ' + Number(s.price).toLocaleString(); dd.classList.add('hidden'); };
    });
    dd.classList.toggle('hidden', items.length === 0);
    if (items.length) ipdPositionDropdown('ipd-imaging-search', 'ipd-imaging-dropdown');
}

function filterIPDDrugs(q) {
    const dd = document.getElementById('ipd-drug-dropdown');
    if (q.length < 1) { dd.classList.add('hidden'); return; }
    const items = _ipdDrugItems.filter(d => d.name.toLowerCase().includes(q.toLowerCase()) || (d.generic_name||'').toLowerCase().includes(q.toLowerCase()));
    dd.innerHTML = items.slice(0, 15).map((d, i) => ipdDropdownItem(d.name, d.generic_name, d.price, i)).join('');
    dd.querySelectorAll('.dd-item').forEach(el => {
        el.onclick = function(e) { e.stopPropagation(); const d = items[parseInt(this.dataset.idx)]; document.getElementById('ipd-drug-item-id').value = d.id; document.getElementById('ipd-drug-name-hidden').value = d.name; document.getElementById('ipd-drug-search').value = d.name; document.getElementById('ipd-drug-price-hint').textContent = (d.generic_name ? d.generic_name + ' · ' : '') + 'KES ' + Number(d.price).toLocaleString(); dd.classList.add('hidden'); };
    });
    dd.classList.toggle('hidden', items.length === 0);
    if (items.length) ipdPositionDropdown('ipd-drug-search', 'ipd-drug-dropdown');
}

function filterIPDBillServices(q) {
    const dd = document.getElementById('ipd-bill-dropdown');
    if (q.length < 1) { dd.classList.add('hidden'); return; }
    const items = _ipdServices.filter(s => s.name.toLowerCase().includes(q.toLowerCase()) || (s.code||'').toLowerCase().includes(q.toLowerCase()) || (s.category||'').toLowerCase().includes(q.toLowerCase()));
    dd.innerHTML = items.slice(0, 15).map((s, i) => ipdDropdownItem(s.name, s.category, s.price, i)).join('');
    dd.querySelectorAll('.dd-item').forEach(el => {
        el.onclick = function(e) { e.stopPropagation(); const s = items[parseInt(this.dataset.idx)]; document.getElementById('ipd-bill-service-id').value = s.id; document.getElementById('ipd-bill-search').value = s.name; document.getElementById('ipd-bill-cat').value = s.category; document.getElementById('ipd-bill-price').value = s.price; dd.classList.add('hidden'); };
    });
    dd.classList.toggle('hidden', items.length === 0);
    if (items.length) ipdPositionDropdown('ipd-bill-search', 'ipd-bill-dropdown');
}

// Reposition any open dropdown when the page scrolls or the window resizes,
// otherwise fixed-positioned dropdowns stay glued to their initial coords
// instead of tracking the input.
['scroll','resize'].forEach(evt => {
    window.addEventListener(evt, () => {
        [['ipd-lab-search','ipd-lab-dropdown'],
         ['ipd-imaging-search','ipd-imaging-dropdown'],
         ['ipd-drug-search','ipd-drug-dropdown'],
         ['ipd-bill-search','ipd-bill-dropdown']].forEach(([s, d]) => {
            const dd = document.getElementById(d);
            if (dd && !dd.classList.contains('hidden')) ipdPositionDropdown(s, d);
        });
    }, { passive: true });
});

document.addEventListener('click', function(e) {
    ['ipd-lab-dropdown','ipd-imaging-dropdown','ipd-drug-dropdown','ipd-bill-dropdown'].forEach(id => {
        const dd = document.getElementById(id);
        if (!dd) return;
        const inputId = id.replace('-dropdown', '-search');
        const input = document.getElementById(inputId);
        // Don't close if clicking the input itself or inside the dropdown
        if (input && input.contains(e.target)) return;
        if (dd.contains(e.target)) return;
        dd.classList.add('hidden');
    });
});

@if($isDischarged)
// Disable all form inputs, selects, textareas and submit buttons when discharged
document.querySelectorAll('form:not([action*="print"])').forEach(form => {
    form.querySelectorAll('input, select, textarea').forEach(el => {
        el.setAttribute('disabled', 'disabled');
        el.style.opacity = '0.6';
        el.style.pointerEvents = 'none';
    });
    form.querySelectorAll('button[type=submit], button:not([onclick*="print"]):not(.tab-btn)').forEach(btn => {
        btn.setAttribute('disabled', 'disabled');
        btn.style.opacity = '0.4';
        btn.style.pointerEvents = 'none';
    });
});
@endif

function updateBillItem(itemId, inputEl) {
    const row = document.getElementById('bill-row-' + itemId);
    const qtyEl   = row ? row.querySelector('.bill-qty-input')   : null;
    const priceEl = row ? row.querySelector('.bill-price-input') : null;
    const qty   = qtyEl   ? parseFloat(qtyEl.value)   : null;
    const price = priceEl ? parseFloat(priceEl.value) : null;
    if (qty === null || price === null || isNaN(qty) || isNaN(price)) return;
    fetch('{{ url("/billing/item") }}/' + itemId, {
        method: 'PATCH',
        headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content },
        body: JSON.stringify({ quantity: qty, unit_price: price })
    })
    .then(r => r.json())
    .then(data => {
        if (data.ok) {
            const totalEl = document.getElementById('bill-total-' + itemId);
            if (totalEl) totalEl.textContent = Number(data.total).toLocaleString('en-KE', {minimumFractionDigits:0, maximumFractionDigits:0});
            const grandEl = document.getElementById('ipdGrandTotal');
            if (grandEl) grandEl.textContent = 'KES ' + Number(data.invoice_total).toLocaleString('en-KE', {minimumFractionDigits:0, maximumFractionDigits:0});
        }
    })
    .catch(() => {});
}
</script>

@include('partials._tab-state-helper', ['defaultTab' => 'overview'])
@endsection