{{-- ═══ ANC ORDERS — mirrors the OPD encounter's Lab / Imaging / Prescription sections ═══

     Expects:
       $registration        AncRegistration
       $backingVisit        Visit (the ANC backing visit; has labOrders, imagingRequests, prescriptions)
       $labOrders, $imagingRequests, $prescriptions   (already on $backingVisit, passed for convenience)
       $coverage            (optional — used to show scan-covered hints)

     Element IDs (lab-search, drug-search, imaging-search, drug-item-id, etc.)
     are deliberately the same as the OPD view so the shared JS helpers bind.
--}}
@php
    $user = auth()->user();
    $isAdmin               = $user && $user->hasAnyRole('Super Admin', 'Hospital Admin');
    $canEditLab            = $user && ($user->hasRole('Super Admin') || $user->hasRole('Hospital Admin') || $user->hasRole('Clinician') || $user->hasRole('Nurse'));
    $canEditImaging        = $canEditLab;
    $canEditPrescriptions  = $canEditLab;
    $canDeletePrescription = $canEditLab || ($user && $user->hasRole('Pharmacy User'));
    $visit = $backingVisit;  // alias so the template matches OPD 1:1
@endphp

{{-- ═══ LABORATORY TESTS ═══ --}}
<div class="enc-section">
    <div class="enc-section-head">
        <h3>Laboratory Tests</h3>
        <div class="enc-head-actions">
            @if($visit->labOrders->count())<span class="enc-status-pill pill-info">{{ $visit->labOrders->count() }} orders</span>@endif
        </div>
    </div>
    <div class="enc-section-body" style="padding:0">
        <table class="enc-table">
            <thead>
                <tr>
                    <th class="enc-th-left">Test</th>
                    <th class="enc-th-left">Result</th>
                    <th>Reference Range</th>
                    <th class="enc-th-left">Notes</th>
                    <th>Urgency</th>
                    <th>Status</th>
                    @if($canEditLab)<th style="width:50px">Delete</th>@endif
                </tr>
            </thead>
            <tbody>
                @forelse($visit->labOrders as $lo)
                <tr>
                    <td class="enc-td-left">{{ $lo->test_name }}</td>
                    <td class="enc-td-left" style="font-size:11.5px">
                        @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']))
                                    <div>
                                        <span style="color:#6b7280">{{ $param['short_code'] ?? $param['name'] }}:</span>
                                        <strong style="color:{{ ($param['flag'] ?? '') !== 'normal' ? '#dc2626' : '#1f2937' }}">{{ $param['value'] ?? '-' }}</strong>
                                        <span style="color:#9ca3af">{{ $param['unit'] ?? '' }}</span>
                                    </div>
                                    @endif
                                @endforeach
                            @endif
                        @else — @endif
                    </td>
                    <td style="font-size:11px;color:#6b7280">
                        @if($lo->result && is_array($lo->result->results))
                            @foreach($lo->result->results as $param)
                                @if(is_array($param) && isset($param['reference_range']))
                                    <div>{{ $param['reference_range'] }}</div>
                                @endif
                            @endforeach
                        @else — @endif
                    </td>
                    <td class="enc-td-left" style="font-size:11.5px;color:#4b5563">{{ $lo->clinical_notes ?? '—' }}</td>
                    <td style="text-transform:capitalize">{{ $lo->urgency }}</td>
                    <td><span class="enc-status-pill {{ $lo->status==='validated'?'pill-done':($lo->status==='resulted'?'pill-info':'pill-pending') }}">{{ ucfirst($lo->status) }}</span></td>
                    @if($canEditLab)
                    <td>
                        @if(!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) }}?')" class="inline">
                            @csrf @method('DELETE')
                            <button type="submit" class="enc-del-btn" title="Cancel lab order">
                                <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="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>
                    @endif
                </tr>
                @empty
                <tr><td colspan="{{ $canEditLab ? 7 : 6 }}" style="color:#9ca3af;padding:14px">No lab orders yet.</td></tr>
                @endforelse

                @if($canEditLab)
                <tr class="enc-search-row">
                    <td colspan="7" class="enc-td-left">
                        <form method="POST" action="{{ route('lab.order') }}" style="display:flex;gap:8px;align-items:center">
                            @csrf
                            <input type="hidden" name="visit_id" value="{{ $visit->id }}">
                            <input type="hidden" name="lab_test_id" id="lab-test-id">
                            <div style="flex:1;position:relative">
                                <input type="text" id="lab-search" placeholder="Search Test e.g. Full Hemogram" autocomplete="off" required
                                       oninput="filterLabTests(this.value)" onfocus="filterLabTests(this.value)" style="width:100%">
                                <div id="lab-dropdown" class="hidden" style="position:absolute;z-index:30;left:0;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 25px rgba(0,0,0,.08);max-height:200px;overflow-y:auto;font-size:12px"></div>
                                <p id="lab-price-hint" style="font-size:11px;color:#14b8a6;margin-top:2px;font-weight:600"></p>
                            </div>
                            <select name="urgency" style="width:100px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12.5px">
                                <option value="routine">Routine</option>
                                <option value="urgent">Urgent</option>
                            </select>
                            <button type="submit" class="enc-btn-primary" style="padding:6px 14px">+ Add</button>
                        </form>
                    </td>
                </tr>
                @endif
            </tbody>
        </table>
    </div>
</div>

{{-- ═══ RADIOLOGY / IMAGING ═══ --}}
<div class="enc-section">
    <div class="enc-section-head">
        <h3>Radiology / Imaging</h3>
        <div class="enc-head-actions">
            @if($visit->imagingRequests->count())<span class="enc-status-pill pill-info">{{ $visit->imagingRequests->count() }} orders</span>@endif
            @if(($coverage['mode'] ?? null) === 'package' && ($coverage['ultrasounds_quota'] ?? 0) > 0)
                <span class="enc-status-pill" style="background:#ecfdf5;color:#065f46">Package ultrasounds: {{ $coverage['ultrasounds_used'] }} / {{ $coverage['ultrasounds_quota'] }}</span>
            @endif
        </div>
    </div>
    <div class="enc-section-body" style="padding:0">
        <table class="enc-table">
            <thead>
                <tr>
                    <th class="enc-th-left">Imaging Type</th>
                    <th class="enc-th-left">Clinical Indication</th>
                    <th class="enc-th-left">Findings</th>
                    <th>Status</th>
                    @if($canEditImaging)<th style="width:50px">Delete</th>@endif
                </tr>
            </thead>
            <tbody>
                @forelse($visit->imagingRequests as $ir)
                <tr>
                    <td class="enc-td-left">{{ $ir->imaging_type }}</td>
                    <td class="enc-td-left" style="font-size:11.5px;color:#4b5563">{{ $ir->clinical_indication ?? '—' }}</td>
                    <td class="enc-td-left" style="font-size:11.5px">{{ $ir->report ? \Illuminate\Support\Str::limit($ir->report->findings, 80) : '—' }}</td>
                    <td><span class="enc-status-pill {{ $ir->status==='reported'?'pill-done':'pill-pending' }}">{{ ucfirst($ir->status) }}</span></td>
                    @if($canEditImaging)
                    <td>
                        @if(!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) }}?')" class="inline">
                            @csrf @method('DELETE')
                            <button type="submit" class="enc-del-btn" title="Cancel imaging order">
                                <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="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>
                    @endif
                </tr>
                @empty
                <tr><td colspan="{{ $canEditImaging ? 5 : 4 }}" style="color:#9ca3af;padding:14px">No imaging orders yet.</td></tr>
                @endforelse

                @if($canEditImaging)
                <tr class="enc-search-row">
                    <td colspan="5" class="enc-td-left">
                        <form method="POST" action="{{ route('imaging.request.store') }}" style="display:flex;gap:8px;align-items:center">
                            @csrf
                            <input type="hidden" name="visit_id" value="{{ $visit->id }}">
                            <input type="hidden" name="service_item_id" id="imaging-service-id">
                            <div style="flex:1;position:relative">
                                <input type="text" name="imaging_type" id="imaging-search" placeholder="Search Imaging e.g. Obstetric US" autocomplete="off" required
                                       oninput="filterImagingServices(this.value)" onfocus="filterImagingServices(this.value)" style="width:100%">
                                <div id="imaging-dropdown" class="hidden" style="position:absolute;z-index:30;left:0;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 25px rgba(0,0,0,.08);max-height:200px;overflow-y:auto;font-size:12px"></div>
                                <p id="imaging-price-hint" style="font-size:11px;color:#7c3aed;margin-top:2px;font-weight:600"></p>
                            </div>
                            <input type="text" name="clinical_indication" placeholder="Clinical indication..." style="flex:1;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:12.5px">
                            <button type="submit" class="enc-btn-primary" style="padding:6px 14px">+ Add</button>
                        </form>
                    </td>
                </tr>
                @endif
            </tbody>
        </table>
    </div>
</div>

{{-- ═══ PRESCRIPTIONS ═══ --}}
<div class="enc-section">
    <div class="enc-section-head">
        <h3>Prescriptions</h3>
        <div class="enc-head-actions">
            @if($visit->prescriptions->count())<span class="enc-status-pill pill-info">{{ $visit->prescriptions->count() }} items</span>@endif
        </div>
    </div>
    <div class="enc-section-body" style="padding:0">
        <table class="enc-table">
            <thead>
                <tr>
                    <th class="enc-th-left">Drug</th>
                    <th>Dosage</th>
                    <th>Frequency</th>
                    <th>Route</th>
                    <th>Duration</th>
                    <th>Qty</th>
                    <th>Status</th>
                    @if($canEditPrescriptions)<th style="width:85px">Actions</th>@endif
                </tr>
            </thead>
            <tbody>
                @forelse($visit->prescriptions as $rx)
                @php
                    $rxLocked  = in_array($rx->status, ['dispensed','cancelled']);
                    $rxCanEdit = $canEditPrescriptions && !$rxLocked;
                    // Used by the Reverse button below.
                    $rxDispensedQty = \App\Models\PharmacyDispense::where('prescription_id', $rx->id)
                        ->whereNull('reversed_at')->sum('quantity_dispensed');
                    // Used by the one-tap Dispense button (mirrors the OPD encounter).
                    $rxRemainingQty = max(0, ((int) $rx->quantity) - (int) $rxDispensedQty);
                    $rxCanDispense  = $canEditPrescriptions && !$rxLocked
                        && $rx->drug_item_id && $rxRemainingQty > 0;
                @endphp
                <tr id="rx-row-{{ $rx->id }}">
                    <td class="enc-td-left">{{ $rx->drug_name }}</td>
                    <td>{{ $rx->dosage ?? '—' }}</td>
                    <td>{{ $rx->frequency ?? '—' }}</td>
                    <td>{{ $rx->route ?? '—' }}</td>
                    <td>{{ $rx->duration ?? '—' }}</td>
                    <td>{{ $rx->quantity }}</td>
                    <td><span class="enc-status-pill {{ $rx->status==='dispensed'?'pill-done':'pill-pending' }}">{{ ucfirst($rx->status) }}</span></td>
                    @if($canEditPrescriptions)
                    <td style="white-space:nowrap">
                        {{-- Dispense (one tap) — green shield-check, matches OPD encounter. --}}
                        @if($rxCanDispense)
                        <form method="POST" action="{{ route('pharmacy.dispense') }}"
                              onsubmit="return confirm('Dispense {{ $rxRemainingQty }} 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="{{ $rxRemainingQty }}">
                            <button class="enc-del-btn" title="Dispense {{ $rxRemainingQty }} 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
                        {{-- Reverse dispense — Admin, Clinician or Nurse.
                             Sends the prescription back to the pharmacy queue.
                             Invoice line stays; use Delete to also drop the charge. --}}
                        @if($canEditPrescriptions && $rxDispensedQty > 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{{ $rxDispensedQty }} 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="enc-del-btn" title="Reverse dispense ({{ $rxDispensedQty }} 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($canDeletePrescription && !$rxLocked)
                        <form method="POST" action="{{ route('prescriptions.cancel', $rx) }}" onsubmit="return confirm('Delete prescription for {{ addslashes($rx->drug_name) }}?')" class="inline">
                            @csrf @method('DELETE')
                            <button class="enc-del-btn" title="Delete"><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="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>
                    @endif
                </tr>
                @empty
                <tr><td colspan="{{ $canEditPrescriptions ? 8 : 7 }}" style="color:#9ca3af;padding:14px">No prescriptions yet.</td></tr>
                @endforelse

                @if($canEditPrescriptions)
                <tr class="enc-search-row">
                    <td colspan="8" class="enc-td-left">
                        <form method="POST" action="{{ route('prescriptions.store') }}" style="display:flex;gap:8px;flex-wrap:wrap;align-items:center">
                            @csrf
                            <input type="hidden" name="visit_id" value="{{ $visit->id }}">
                            <input type="hidden" name="patient_id" value="{{ $visit->patient_id }}">
                            <input type="hidden" name="drug_item_id" id="drug-item-id">
                            <input type="hidden" name="drug_name" id="drug-name-hidden">
                            <div style="flex:1;min-width:200px;position:relative">
                                <input type="text" id="drug-search" placeholder="Search drug..." autocomplete="off" required
                                       oninput="filterDrugs(this.value)" onfocus="filterDrugs(this.value)" style="width:100%">
                                <div id="drug-dropdown" class="hidden" style="position:absolute;z-index:30;left:0;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 25px rgba(0,0,0,.08);max-height:200px;overflow-y:auto;font-size:12px"></div>
                                <p id="drug-price-hint" style="font-size:11px;color:#16a34a;margin-top:2px;font-weight:600"></p>
                            </div>
                            <input type="text" name="dosage" placeholder="500mg" style="width:90px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12.5px">
                            <select name="frequency" style="width:80px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12.5px">
                                <option>OD</option><option>BD</option><option>TDS</option><option>QID</option>
                                <option>PRN</option><option>STAT</option><option>Nocte</option>
                            </select>
                            <select name="route_of_admin" style="width:90px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12.5px">
                                @foreach(\App\Models\Prescription::ROUTES as $rVal => $rLabel)
                                <option value="{{ $rVal }}" {{ $rVal === 'PO' ? 'selected' : '' }}>{{ $rLabel }}</option>
                                @endforeach
                            </select>
                            <input type="text" name="duration" placeholder="5 days" style="width:90px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12.5px">
                            <input type="number" name="quantity" value="1" min="1" style="width:60px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12.5px;text-align:center">
                            <button type="submit" class="enc-btn-primary" style="padding:6px 14px">+ Prescribe</button>
                        </form>
                    </td>
                </tr>
                @endif
            </tbody>
        </table>
    </div>
</div>