@extends('layouts.app')
@section('title', 'Discharges')
@section('styles')
<style>.dtab{padding:8px 20px;font-size:13px;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none}.dtab:hover{color:#0069c9}.dtab.active{color:#0069c9;border-bottom-color:#0069c9;font-weight:700}.dpanel{display:none}.dpanel.active{display:block}</style>
@endsection
@section('content')

{{-- Stats --}}
<div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-4">
    <div class="stat-card text-center" style="border-left:3px solid #f59e0b"><p class="text-xs text-gray-400 uppercase">Pending Discharge</p><p class="text-xl font-bold text-amber-600">{{ $stats['pending'] }}</p></div>
    <div class="stat-card text-center" style="border-left:3px solid #22c55e"><p class="text-xs text-gray-400 uppercase">Ready to Go</p><p class="text-xl font-bold text-green-600">{{ $stats['ready'] }}</p></div>
    <div class="stat-card text-center"><p class="text-xs text-gray-400 uppercase">Discharged Today</p><p class="text-xl font-bold">{{ $stats['discharged_today'] }}</p></div>
    <div class="stat-card text-center"><p class="text-xs text-gray-400 uppercase">This Month</p><p class="text-xl font-bold">{{ $stats['discharged_month'] }}</p></div>
</div>

{{-- Tabs --}}
<div class="bg-white rounded-xl border border-gray-200 overflow-hidden">
    <div class="flex border-b px-4 pt-1">
        <button class="dtab {{ $tab==='pending' ? 'active' : '' }}" onclick="switchDTab('pending')">Pending Discharge ({{ $stats['pending'] }})</button>
        <button class="dtab {{ $tab==='completed' ? 'active' : '' }}" onclick="switchDTab('completed')">Completed Discharges</button>
    </div>

    {{-- ═══ PENDING DISCHARGE ═══ --}}
    <div class="dpanel {{ $tab==='pending' ? 'active' : '' }} p-5" id="dtab-pending">
        @if($pending->count())
        <table class="w-full">
            <thead class="bg-gray-50"><tr>
                <th class="table-header">Patient</th>
                <th class="table-header">MRN</th>
                <th class="table-header">Ward / Bed</th>
                <th class="table-header">Days</th>
                <th class="table-header">Diagnosis</th>
                <th class="table-header">Pending Labs</th>
                <th class="table-header">Pending Rx</th>
                <th class="table-header">Balance</th>
                <th class="table-header">Readiness</th>
                <th class="table-header w-24"></th>
            </tr></thead>
            <tbody class="divide-y divide-gray-50">
                @foreach($pending as $adm)
                {{-- Round 12: row click opens the admission record.
                     Discharge button kept (links to #discharge anchor,
                     which jumps straight to the discharge form). --}}
                <tr class="hmis-row-click {{ $adm->is_ready ? 'bg-green-50/30' : '' }}"
                    data-href="{{ route('inpatient.show', $adm) }}">
                    <td class="table-cell">
                        <p class="text-sm font-medium">{{ $adm->patient->full_name ?? '' }}</p>
                        <p class="text-xs text-gray-400">{{ $adm->patient->phone ?? '' }}</p>
                    </td>
                    <td class="table-cell font-mono text-xs text-gray-500">{{ $adm->patient->mrn ?? '' }}</td>
                    <td class="table-cell text-xs">{{ $adm->ward->name ?? '' }} · {{ $adm->bed->bed_number ?? '' }}</td>
                    <td class="table-cell"><span class="font-bold {{ $adm->length_of_stay > 7 ? 'text-red-600' : '' }}">{{ $adm->length_of_stay }}</span></td>
                    <td class="table-cell text-xs truncate max-w-[120px]">{{ $adm->diagnosis_on_admission ?? $adm->reason ?? '-' }}</td>
                    <td class="table-cell text-center">
                        @if($adm->pending_labs > 0)<span class="badge badge-warning">{{ $adm->pending_labs }}</span>
                        @else <span class="text-green-500 text-xs">✓</span>@endif
                    </td>
                    <td class="table-cell text-center">
                        @if($adm->pending_rx > 0)<span class="badge badge-warning">{{ $adm->pending_rx }}</span>
                        @else <span class="text-green-500 text-xs">✓</span>@endif
                    </td>
                    <td class="table-cell text-xs">
                        @if($adm->pending_balance > 0)<span class="text-red-600 font-semibold">KES {{ number_format($adm->pending_balance) }}</span>
                        @else <span class="text-green-500">Cleared</span>@endif
                    </td>
                    <td class="table-cell">
                        @if($adm->is_ready)
                            <span class="badge badge-success">Ready</span>
                        @else
                            <span class="badge badge-warning">Pending</span>
                        @endif
                    </td>
                    <td class="table-cell">
                        {{-- Anchor-jump shortcut to the discharge form. --}}
                        <a href="{{ route('inpatient.show', $adm) }}#discharge" class="text-xs font-medium text-cr-600 bg-cr-50 px-2 py-1 rounded hover:bg-cr-100">Discharge</a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        @else
        <p class="text-gray-400 text-center py-10">No patients pending discharge</p>
        @endif
    </div>

    {{-- ═══ COMPLETED DISCHARGES ═══ --}}
    <div class="dpanel {{ $tab==='completed' ? 'active' : '' }} p-5" id="dtab-completed">
        {{-- Filter --}}
        <form method="GET" class="flex flex-wrap gap-2 items-end mb-4">
            <input type="hidden" name="tab" value="completed">
            <div><label class="form-label">Search</label><input type="text" name="search" value="{{ request('search') }}" placeholder="Patient name, MRN..." class="form-input text-xs w-44"></div>
            <div>
                <label class="form-label">Date Range</label>
                <div class="hmis-date-range">
                    <input type="date" name="date_from" value="{{ request('date_from') }}"
                           class="hmis-date-input no-flatpickr" onchange="this.form.submit()">
                    <span class="hmis-date-sep">to</span>
                    <input type="date" name="date_to" value="{{ request('date_to') }}"
                           class="hmis-date-input no-flatpickr" onchange="this.form.submit()">
                </div>
            </div>
            <button class="btn-primary text-xs">Filter</button>
            @if(request()->hasAny(['search','date_from','date_to']))<a href="{{ route('visits.discharges', ['tab'=>'completed']) }}" class="btn-secondary text-xs">Clear</a>@endif
        </form>

        @if($completed->count())
        <table class="w-full">
            <thead class="bg-gray-50"><tr>
                <th class="table-header">Patient</th>
                <th class="table-header">MRN</th>
                <th class="table-header">Ward</th>
                <th class="table-header">Admitted</th>
                <th class="table-header">Discharged</th>
                <th class="table-header">Stay</th>
                <th class="table-header">Dx on Admission</th>
                <th class="table-header">Dx on Discharge</th>
                <th class="table-header">Condition</th>
                <th class="table-header">Total Bill</th>
                <th class="table-header w-32"></th>
            </tr></thead>
            <tbody class="divide-y divide-gray-50">
                @foreach($completed as $adm)
                {{-- Round 12: row click opens the admission file.
                     Print (if summary exists) and Follow-up are kept as
                     row-level actions because they go to different URLs. --}}
                <tr class="hmis-row-click" data-href="{{ route('inpatient.show', $adm) }}">
                    <td class="table-cell text-sm font-medium">{{ $adm->patient->full_name ?? '' }}</td>
                    <td class="table-cell font-mono text-xs text-gray-500">{{ $adm->patient->mrn ?? '' }}</td>
                    <td class="table-cell text-xs">{{ $adm->ward->name ?? '-' }}</td>
                    <td class="table-cell text-xs">{{ $adm->admission_date->format('d M Y') }}</td>
                    <td class="table-cell text-xs">{{ $adm->discharge_date ? $adm->discharge_date->format('d M Y') : '-' }}</td>
                    <td class="table-cell text-xs font-semibold">{{ $adm->length_of_stay }}d</td>
                    <td class="table-cell text-xs truncate max-w-[120px]">{{ $adm->diagnosis_on_admission ?? '-' }}</td>
                    <td class="table-cell text-xs truncate max-w-[120px]">{{ $adm->discharge_diagnosis ?? '-' }}</td>
                    <td class="table-cell">
                        @php $cc = ['improved'=>'badge-success','stable'=>'badge-info','deteriorated'=>'badge-warning','absconded'=>'badge-danger','deceased'=>'badge-danger']; @endphp
                        <span class="badge {{ $cc[$adm->condition_on_discharge] ?? 'badge-gray' }}">{{ ucfirst($adm->condition_on_discharge ?? '-') }}</span>
                    </td>
                    <td class="table-cell text-xs font-semibold">
                        @if($adm->visit?->invoice)
                            <span class="{{ ($adm->visit?->invoice?->balance ?? 0) > 0 ? 'text-red-600' : 'text-green-600' }}">KES {{ number_format($adm->visit?->invoice?->total_amount) }}</span>
                        @else | @endif
                    </td>
                    <td class="table-cell">
                        <div class="flex gap-1">
                            @if($adm->discharge_summary)
                                <button onclick="printSummary({{ $adm->id }})" class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded hover:bg-gray-200">Print</button>
                            @endif
                            <a href="{{ route('appointments.create') }}?patient_id={{ $adm->patient_id }}" class="text-xs text-blue-600 bg-blue-50 px-2 py-1 rounded hover:bg-blue-100">Follow-up</a>
                        </div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        @if($completed->hasPages())<div class="px-4 py-3 border-t bg-gray-50">{{ $completed->links() }}</div>@endif
        @else
        <p class="text-gray-400 text-center py-10">No completed discharges found.</p>
        @endif
    </div>
</div>
@endsection

@section('scripts')
<script>
function switchDTab(name){
    document.querySelectorAll('.dpanel').forEach(p=>p.classList.remove('active'));
    document.querySelectorAll('.dtab').forEach(b=>b.classList.remove('active'));
    document.getElementById('dtab-'+name).classList.add('active');
    event.target.classList.add('active');
}
function printSummary(admId){
    window.open(`${window.HMIS_BASE}/inpatient/${admId}`, '_blank');
}
</script>
@endsection