@extends('layouts.app')
@section('title', 'Dispense | ' . ($visit->patient->full_name ?? ''))
@section('content')

{{-- ═══ Drug Safety Warnings Banner ═══ --}}
@if(session('safety_warnings'))
<div class="bg-red-50 border border-red-300 rounded-xl p-4 mb-4" id="safetyWarningBanner">
    <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 | Review Required</p>
            <ul class="space-y-1 mb-3">
                @foreach(session('safety_warnings') as $warning)
                <li class="text-xs text-red-700 flex items-start gap-1.5"><span class="mt-0.5 flex-shrink-0">▸</span>{{ $warning }}</li>
                @endforeach
            </ul>
            <form method="POST" action="{{ session('pending_dispense_all_visit') ? route('pharmacy.dispense.all', session('pending_dispense_all_visit')) : route('pharmacy.dispense') }}" class="flex items-center gap-3">
                @csrf
                @if(session('pending_prescription_id'))
                <input type="hidden" name="prescription_id" value="{{ session('pending_prescription_id') }}">
                <input type="hidden" name="quantity_dispensed" value="{{ old('quantity_dispensed', 1) }}">
                @endif
                <input type="hidden" name="override_safety" value="1">
                <label class="flex items-center gap-2 cursor-pointer">
                    <input type="checkbox" required class="w-4 h-4 rounded border-red-400 text-red-600">
                    <span class="text-xs font-semibold text-red-800">I have reviewed these warnings and confirm it is clinically safe to proceed</span>
                </label>
                <button type="submit" class="btn-danger text-xs px-4 py-2 whitespace-nowrap">Override & Dispense</button>
            </form>
        </div>
    </div>
</div>
@endif

{{-- ═══ Payment Block Banner ═══ --}}
@if(session('payment_block') && !session('payment_block')['allowed'])
@php $pb = session('payment_block'); @endphp
<div class="bg-amber-50 border border-amber-300 rounded-xl p-4 mb-4" id="paymentBlockBanner">
    <div class="flex items-start gap-3">
        <svg class="w-5 h-5 text-amber-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 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
        <div class="flex-1">
            <p class="text-sm font-bold text-amber-800 mb-1">Payment Verification Failed</p>
            <p class="text-xs text-amber-700 mb-3">{{ $pb['message'] }}</p>
            @if($isAdmin)
            <form method="POST" action="{{ route('pharmacy.dispense') }}" class="space-y-2">
                @csrf
                @if(session('pending_prescription_id'))
                <input type="hidden" name="prescription_id" value="{{ session('pending_prescription_id') }}">
                <input type="hidden" name="quantity_dispensed" value="{{ old('quantity_dispensed', 1) }}">
                @endif
                <input type="hidden" name="override_payment" value="1">
                <div>
                    <label class="form-label text-xs">Override Reason <span class="text-red-500">*</span></label>
                    <input type="text" name="override_reason" required class="form-input text-xs" placeholder="Clinical emergency / reason for override…">
                </div>
                <button type="submit" class="btn-danger text-xs px-4 py-2">Admin Override | Dispense Anyway</button>
            </form>
            @else
            <p class="text-xs text-amber-700 font-semibold">Only Hospital Admin can override payment blocks. Ask the patient to settle their bill first.</p>
            @endif
        </div>
    </div>
</div>
@endif

{{-- ═══ Bulk Payment Blocks Banner ═══ --}}
@if(session('payment_blocks'))
<div class="bg-amber-50 border border-amber-300 rounded-xl p-4 mb-4">
    <p class="text-sm font-bold text-amber-800 mb-2">Payment Verification Failed | Multiple Items</p>
    <ul class="space-y-1 mb-3">
        @foreach(session('payment_blocks') as $drug => $msg)
        <li class="text-xs text-amber-700">▸ <strong>{{ $drug }}</strong>: {{ $msg }}</li>
        @endforeach
    </ul>
    @if($isAdmin)
    <form method="POST" action="{{ route('pharmacy.dispense.all', $visit->id) }}" class="flex items-center gap-3">
        @csrf
        <input type="hidden" name="override_payment" value="1">
        <input type="text" name="override_reason" required class="form-input text-xs flex-1" placeholder="Override reason (required)…">
        <button type="submit" class="btn-danger text-xs px-4 py-2 whitespace-nowrap">Admin Override | Dispense All</button>
    </form>
    @else
    <p class="text-xs text-amber-700 font-semibold">Only Hospital Admin can override payment blocks.</p>
    @endif
</div>
@endif

<div class="mb-4 flex items-center gap-3">
    <a href="{{ route('pharmacy.index') }}" class="btn-secondary text-xs flex items-center gap-1">
        <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="M15 19l-7-7 7-7"/></svg> Back to Queue
    </a>
    <h2 class="text-base font-bold text-gray-800">Dispensing Workspace</h2>
</div>

<div class="grid grid-cols-1 lg:grid-cols-12 gap-4">
    {{-- LEFT PANEL --}}
    <div class="lg:col-span-3">
        <div class="bg-white rounded-xl border shadow-sm p-5 mb-4">
            <div class="flex items-center gap-3 mb-4">
                <div class="w-11 h-11 bg-blue-100 text-blue-700 rounded-full flex items-center justify-center text-sm font-bold flex-shrink-0">
                    {{ strtoupper(substr($visit->patient->full_name ?? 'P', 0, 2)) }}
                </div>
                <div>
                    <h3 class="text-sm font-bold text-gray-900">{{ $visit->patient->full_name ?? '' }}</h3>
                    <p class="text-xs text-gray-400">{{ $visit->patient->mrn ?? '' }} · {{ $visit->patient->gender ?? '' }} · {{ $visit->patient->age ?? '' }}</p>
                </div>
            </div>
            <div class="space-y-2 text-xs">
                <div class="flex justify-between"><span class="text-gray-500">Visit</span><span class="font-mono font-semibold">{{ $visit->visit_number }}</span></div>
                <div class="flex justify-between"><span class="text-gray-500">Type</span>
                    @php $isIPD = strtoupper($visit->visit_type ?? '') === 'IPD' || in_array($visit->status,['admitted','pending_admission']); @endphp
                    <span class="badge {{ $isIPD ? 'badge-info' : 'badge-gray' }}">{{ $isIPD ? 'IPD' : 'OPD' }}</span>
                </div>
                <div class="flex justify-between"><span class="text-gray-500">Payment</span><span class="badge badge-success">{{ ucfirst($visit->payment_mode ?? 'Cash') }}</span></div>

                {{-- Invoice summary --}}
                @if($visit->invoice)
                @php $inv = $visit->invoice; @endphp
                <div class="mt-2 pt-2 border-t border-gray-100">
                    <p class="text-xs font-bold text-gray-500 uppercase mb-1">Invoice</p>
                    <div class="flex justify-between"><span class="text-gray-400">Total</span><span>KES {{ number_format($inv->total_amount) }}</span></div>
                    <div class="flex justify-between"><span class="text-gray-400">Paid</span><span class="text-green-600">KES {{ number_format($inv->amount_paid) }}</span></div>
                    <div class="flex justify-between font-semibold {{ $inv->balance > 0 ? 'text-red-600' : 'text-green-600' }}">
                        <span>Balance</span><span>KES {{ number_format($inv->balance) }}</span>
                    </div>
                    @if($inv->financial_hold)
                    <div class="mt-2 p-2 bg-red-50 border border-red-200 rounded-lg">
                        <p class="text-xs font-bold text-red-700 uppercase">⛔ Financial Hold</p>
                        <p class="text-xs text-red-600">{{ ucfirst(str_replace('_',' ',$inv->hold_reason ?? '')) }}</p>
                    </div>
                    @endif
                </div>
                @endif

                {{-- Allergies --}}
                @if($visit->patient->allergies && count($visit->patient->allergies))
                <div class="mt-2 p-2 bg-red-50 border border-red-200 rounded-lg">
                    <p class="text-xs font-bold text-red-700 uppercase">⚠ Allergies</p>
                    <p class="text-xs text-red-600">{{ implode(', ', $visit->patient->allergies) }}</p>
                </div>
                @endif
            </div>
        </div>

        {{-- Actions Panel --}}
        <div class="bg-white rounded-xl border shadow-sm p-4 space-y-2">
            <h4 class="text-xs font-bold text-gray-500 uppercase mb-2">Actions</h4>
            <form method="POST" action="{{ route('pharmacy.dispense.all', $visit->id) }}">@csrf
                <button type="submit" class="btn-success w-full text-xs mb-2">Dispense All Items</button>
            </form>
            <button onclick="window.print()" class="btn-secondary w-full text-xs">Print Label / Receipt</button>

            {{-- Financial hold controls (Admin/Finance only) --}}
            @if($isAdmin || auth()->user()->hasRole('Finance User'))
            @if($visit->invoice)
            <div class="pt-2 border-t border-gray-100">
                <p class="text-xs font-bold text-gray-500 uppercase mb-2">Financial Hold</p>
                @if($visit->invoice?->financial_hold)
                <form method="POST" action="{{ route('billing.invoice.release-hold', $visit->invoice) }}">@csrf
                    <button type="submit" class="btn-success w-full text-xs"
                        onclick="return confirm('Release financial hold on this account?')">Release Hold</button>
                </form>
                @else
                <button onclick="document.getElementById('holdModal').classList.remove('hidden')" class="btn-danger w-full text-xs">Place Financial Hold</button>
                @endif
            </div>
            @endif
            @endif
        </div>
    </div>

    {{-- CENTER PANEL: Prescription Items --}}
    <div class="lg:col-span-9">
        <div class="bg-white rounded-xl border shadow-sm">
            <div class="px-5 py-3 border-b bg-gray-50 flex justify-between items-center">
                <h3 class="text-sm font-bold text-gray-700">Prescription Items</h3>
                <span class="text-xs text-gray-400">{{ $prescriptions->count() }} item(s)</span>
            </div>
            <div class="divide-y">
                @foreach($prescriptions as $rx)
                @php
                    $drug      = $rx->drugItem;
                    $batches   = $drug ? $drug->batches()->where('quantity_remaining', '>', 0)->where('expiry_date', '>', now())->orderBy('expiry_date')->get() : collect();
                    $stockAvail= $batches->sum('quantity_remaining');
                    $earliestExpiry = $batches->isNotEmpty() ? $batches->first()->expiry_date : null;
                    $nearExpiry     = $earliestExpiry && $earliestExpiry->diffInDays(now(), false) >= -30 && $earliestExpiry->isFuture();
                    $alreadyDispensed = \App\Models\PharmacyDispense::where('prescription_id', $rx->id)
                        ->whereNull('reversed_at')->sum('quantity_dispensed');
                    $balance          = max(0, $rx->quantity - $alreadyDispensed);
                    $auth      = $authResults[$rx->id] ?? ['allowed' => true, 'status' => 'allowed', 'message' => ''];
                @endphp
                <div class="p-5">
                    <div class="flex flex-wrap items-start justify-between gap-3 mb-3">
                        <div>
                            <h4 class="text-sm font-bold text-gray-900">{{ $rx->drug_name }}</h4>
                            <p class="text-xs text-gray-500">{{ $rx->dosage }} · {{ $rx->frequency }} · {{ $rx->duration }} · Route: {{ $rx->route ?? 'Oral' }}</p>
                            @if($rx->instructions)<p class="text-xs text-blue-600 mt-1">{{ $rx->instructions }}</p>@endif
                        </div>
                        <div class="flex items-center gap-3">
                            <div class="text-right">
                                <p class="text-xs text-gray-400">Prescribed</p>
                                <p class="text-lg font-bold">{{ $rx->quantity }}</p>
                            </div>
                            @if($alreadyDispensed > 0)
                            <div class="text-right">
                                <p class="text-xs text-gray-400">Already Given</p>
                                <p class="text-lg font-bold text-blue-600">{{ $alreadyDispensed }}</p>
                            </div>
                            <div class="text-right">
                                <p class="text-xs text-gray-400">Balance</p>
                                <p class="text-lg font-bold text-amber-600">{{ $balance }}</p>
                            </div>
                            @endif
                            <div class="text-right">
                                <p class="text-xs text-gray-400">In Stock</p>
                                <p class="text-lg font-bold {{ $stockAvail >= $balance ? 'text-green-600' : 'text-red-600' }}">{{ $stockAvail }}</p>
                            </div>
                        </div>
                    </div>

                    {{-- Partial dispense banner --}}
                    @if($alreadyDispensed > 0 && $rx->status !== 'dispensed')
                    <div class="flex items-center gap-2 text-amber-800 bg-amber-50 border border-amber-200 rounded-lg px-3 py-2 mb-3 text-xs">
                        <svg class="w-4 h-4 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                        <span><strong>{{ $alreadyDispensed }} of {{ $rx->quantity }}</strong> already dispensed · <strong>{{ $balance }}</strong> remaining to give.</span>
                    </div>
                    @endif

                    {{-- Near-expiry stock warning --}}
                    @if($nearExpiry && $rx->status !== 'dispensed' && $stockAvail > 0)
                    <div class="flex items-center gap-2 text-orange-800 bg-orange-50 border border-orange-200 rounded-lg px-3 py-2 mb-3 text-xs">
                        <svg class="w-4 h-4 flex-shrink-0" 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>
                        <span>Earliest stock expires <strong>{{ $earliestExpiry->format('d M Y') }}</strong> ({{ $earliestExpiry->diffForHumans() }}) — dispense soon.</span>
                    </div>
                    @endif

                    @if($rx->status === 'dispensed')
                        <div class="flex items-center gap-2 text-green-600 bg-green-50 rounded-lg px-3 py-2">
                            <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-4"/></svg>
                            <span class="text-xs font-semibold">Dispensed</span>
                        </div>
                    @elseif($stockAvail <= 0)
                        <div class="flex items-center gap-2 text-red-600 bg-red-50 rounded-lg px-3 py-2">
                            <span class="text-xs font-semibold">Out of Stock | No valid batches</span>
                        </div>
                    @else
                        {{-- Payment auth status badge --}}
                        @if($auth['status'] === 'allowed_with_warning')
                        <div class="flex items-center gap-2 text-amber-700 bg-amber-50 border border-amber-200 rounded-lg px-3 py-2 mb-3 text-xs">
                            ⚠ {{ $auth['message'] }}
                        </div>
                        @elseif(!$auth['allowed'])
                        <div class="bg-amber-50 border border-amber-300 rounded-lg p-3 mb-3">
                            <p class="text-xs font-bold text-amber-800 mb-1">⛔ Payment Verification Required</p>
                            <p class="text-xs text-amber-700 mb-2">{{ $auth['message'] }}</p>
                            @if($isAdmin)
                            <details class="text-xs">
                                <summary class="cursor-pointer text-amber-800 font-semibold">Admin Override ▾</summary>
                                <form method="POST" action="{{ route('pharmacy.dispense') }}" class="mt-2 space-y-2">
                                    @csrf
                                    <input type="hidden" name="prescription_id" value="{{ $rx->id }}">
                                    <input type="hidden" name="quantity_dispensed" value="{{ min($balance, $stockAvail) }}">
                                    <input type="hidden" name="override_payment" value="1">
                                    <input type="text" name="override_reason" required class="form-input text-xs" placeholder="Override reason (required for audit)…">
                                    <button type="submit" class="btn-danger text-xs px-3 py-1.5">Override & Dispense</button>
                                </form>
                            </details>
                            @else
                            <p class="text-xs text-amber-600">Ask patient to pay at cashier, then refresh this page.</p>
                            @endif
                        </div>
                        @endif

                        {{-- Normal dispense form | only rendered if auth allows --}}
                        @if($auth['allowed'])
                        <form method="POST" action="{{ route('pharmacy.dispense') }}" class="bg-gray-50 rounded-lg p-4">
                            @csrf
                            <input type="hidden" name="prescription_id" value="{{ $rx->id }}">
                            <div class="grid grid-cols-1 md:grid-cols-3 gap-3 items-end">
                                <div class="md:col-span-2">
                                    <label class="form-label">Qty to Dispense</label>
                                    <input type="number" name="quantity_dispensed" value="{{ min($balance, $stockAvail) }}" min="1" max="{{ min($balance, $stockAvail) }}" class="form-input text-xs">
                                    <p class="text-[11px] text-gray-500 mt-1">Earliest expiry: <strong>{{ $earliestExpiry?->format('M Y') ?? '—' }}</strong>. Stock is auto-deducted from oldest first.</p>
                                </div>
                                <button type="submit" class="btn-success text-xs py-2">Dispense</button>
                            </div>
                        </form>
                        @endif
                    @endif
                </div>
                @endforeach
            </div>
        </div>
    </div>
</div>

{{-- Financial Hold Modal --}}
<div id="holdModal" class="hidden fixed inset-0 bg-black/30 z-50 flex items-center justify-center">
    <div class="bg-white rounded-xl p-6 w-96 shadow-xl">
        <h4 class="text-sm font-bold mb-4 text-red-800">Place Financial Hold</h4>
        <form method="POST" action="{{ route('billing.invoice.hold', $visit->invoice ?? 0) }}">@csrf
            <div class="space-y-3">
                <div>
                    <label class="form-label">Hold Reason <span class="text-red-500">*</span></label>
                    <select name="hold_reason" required class="form-input text-sm">
                        <option value="">Select…</option>
                        <option value="deposit_exhausted">Deposit Exhausted</option>
                        <option value="insurance_limit">Insurance Limit Exceeded</option>
                        <option value="finance_lock">Finance Lock</option>
                        <option value="manual">Manual Hold</option>
                    </select>
                </div>
                <div>
                    <label class="form-label">Notes</label>
                    <textarea name="hold_notes" rows="2" class="form-input text-sm" placeholder="Optional detail…"></textarea>
                </div>
            </div>
            <div class="flex gap-2 mt-4">
                <button type="submit" class="btn-danger text-xs px-4">Place Hold</button>
                <button type="button" onclick="document.getElementById('holdModal').classList.add('hidden')" class="btn-secondary text-xs px-4">Cancel</button>
            </div>
        </form>
    </div>
</div>

@endsection