@extends('layouts.app')

@section('title', 'Inpatient (IPD) Admissions')

@section('content')
<div class="space-y-6">
    <!-- Header -->
    <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
        <div>
            <h1 class="text-2xl font-bold text-slate-800">Inpatient Department (IPD)</h1>
            <p class="text-sm text-slate-500">Admissions registry, ward bed occupancy, clinical course & discharge management</p>
        </div>
        <div class="flex items-center space-x-3">
            <a href="{{ route('beds.index') }}" class="px-3.5 py-2.5 bg-white border border-slate-300 hover:bg-slate-50 text-slate-700 rounded-lg text-sm font-semibold shadow-xs flex items-center">
                <i class="fa-solid fa-bed mr-2 text-hospital-600"></i> Bed Matrix
            </a>
            <a href="{{ route('ipd.create') }}" class="px-4 py-2.5 bg-hospital-600 hover:bg-hospital-700 text-white rounded-lg text-sm font-semibold shadow-xs flex items-center">
                <i class="fa-solid fa-plus mr-2"></i> Admit New Patient
            </a>
        </div>
    </div>

    <!-- Status Filters -->
    <div class="flex flex-wrap gap-2">
        <a href="{{ route('ipd.index', ['status' => 'admitted']) }}" class="px-3.5 py-1.5 rounded-lg text-xs font-semibold {{ $status === 'admitted' ? 'bg-hospital-600 text-white shadow-xs' : 'bg-white text-slate-600 border border-slate-200 hover:bg-slate-50' }}">
            Currently Admitted
        </a>
        <a href="{{ route('ipd.index', ['status' => 'discharged']) }}" class="px-3.5 py-1.5 rounded-lg text-xs font-semibold {{ $status === 'discharged' ? 'bg-emerald-600 text-white shadow-xs' : 'bg-white text-slate-600 border border-slate-200 hover:bg-slate-50' }}">
            Discharged
        </a>
        <a href="{{ route('ipd.index', ['status' => 'all']) }}" class="px-3.5 py-1.5 rounded-lg text-xs font-semibold {{ $status === 'all' ? 'bg-slate-800 text-white shadow-xs' : 'bg-white text-slate-600 border border-slate-200 hover:bg-slate-50' }}">
            All Admissions
        </a>
    </div>

    <!-- IPD Registry Table -->
    <div class="bg-white rounded-xl shadow-sm border border-slate-200 overflow-hidden">
        <div class="overflow-x-auto">
            <table class="w-full text-left text-xs">
                <thead class="bg-slate-100 text-slate-600 uppercase font-semibold border-b border-slate-200">
                    <tr>
                        <th class="px-4 py-3.5">Admission No / Date</th>
                        <th class="px-4 py-3.5">Patient Details</th>
                        <th class="px-4 py-3.5">Ward / Bed</th>
                        <th class="px-4 py-3.5">Attending Consultant</th>
                        <th class="px-4 py-3.5">Diagnosis</th>
                        <th class="px-4 py-3.5">Category</th>
                        <th class="px-4 py-3.5">Status</th>
                        <th class="px-4 py-3.5 text-right">Actions</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100">
                    @forelse($admissions as $adm)
                        <tr class="hover:bg-slate-50/70 transition">
                            <td class="px-4 py-3.5">
                                <div class="font-mono font-bold text-slate-900 text-sm">{{ $adm->admission_number }}</div>
                                <div class="text-[10px] text-slate-400 mt-0.5">{{ $adm->admission_date->format('d M Y, h:i A') }}</div>
                            </td>
                            <td class="px-4 py-3.5">
                                <div class="font-bold text-slate-900">{{ $adm->patient->full_name }}</div>
                                <div class="text-[10px] text-slate-500">
                                    <span class="font-mono text-hospital-700">{{ $adm->patient->patient_id }}</span> • 
                                    <span>{{ $adm->patient->age_formatted }} / {{ ucfirst($adm->patient->gender) }}</span>
                                </div>
                            </td>
                            <td class="px-4 py-3.5">
                                <div class="font-bold text-slate-800">{{ $adm->ward->name ?? 'Unassigned' }}</div>
                                <div class="text-[11px] font-semibold text-hospital-600">Bed: {{ $adm->bed->bed_number ?? 'N/A' }}</div>
                            </td>
                            <td class="px-4 py-3.5">
                                <div class="font-semibold text-slate-800">{{ $adm->primaryDoctor->full_name }}</div>
                                <div class="text-[10px] text-slate-400">{{ $adm->department->name }}</div>
                            </td>
                            <td class="px-4 py-3.5 max-w-xs">
                                <div class="font-medium text-slate-700 truncate" title="{{ $adm->provisional_diagnosis }}">
                                    {{ $adm->provisional_diagnosis }}
                                </div>
                            </td>
                            <td class="px-4 py-3.5">
                                <span class="px-2 py-0.5 rounded text-[10px] font-bold uppercase bg-slate-100 text-slate-700 border border-slate-200">
                                    {{ str_replace('_', ' ', $adm->billing_category) }}
                                </span>
                            </td>
                            <td class="px-4 py-3.5">
                                <span class="px-2.5 py-1 rounded-full text-[10px] font-bold uppercase {{ match($adm->status) {
                                    'admitted' => 'bg-sky-100 text-sky-800',
                                    'discharged' => 'bg-emerald-100 text-emerald-800',
                                    default => 'bg-slate-100 text-slate-700'
                                } }}">
                                    {{ $adm->status }}
                                </span>
                            </td>
                            <td class="px-4 py-3.5 text-right whitespace-nowrap space-x-1">
                                <a href="{{ route('ipd.show', $adm->id) }}" class="px-3 py-1.5 bg-hospital-50 hover:bg-hospital-100 text-hospital-700 rounded text-xs font-semibold border border-hospital-200">
                                    <i class="fa-solid fa-folder-open mr-1"></i> Chart
                                </a>
                                @if($adm->status === 'discharged')
                                    <a href="{{ route('ipd.print-discharge', $adm->id) }}" target="_blank" class="px-2.5 py-1.5 bg-emerald-50 hover:bg-emerald-100 text-emerald-700 rounded text-xs font-semibold border border-emerald-200">
                                        <i class="fa-solid fa-print mr-1"></i> Summary
                                    </a>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="py-12 text-center text-slate-400">
                                <i class="fa-solid fa-bed text-3xl mb-2 text-slate-300"></i>
                                <p class="font-medium text-sm">No IPD admissions found.</p>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if($admissions->hasPages())
            <div class="px-4 py-3 border-t border-slate-200 bg-slate-50">
                {{ $admissions->links() }}
            </div>
        @endif
    </div>
</div>
@endsection