@extends('layouts.branch')

@section('title', 'IPD Registration Report')
@section('header', 'IPD Registration Report')

@section('content')
<div class="space-y-6">
    @include('partials.branch._breadcrumbs', [
        'breadcrumbs' => [
            ['name' => 'Reports', 'url' => route('branch.reports.index')],
            ['name' => 'IPD Registration Report', 'url' => route('branch.reports.ipd-registrations')]
        ]
    ])
    <!-- Filters -->
    <div class="bg-white border border-slate-100 rounded-[2.5rem] p-8 shadow-sm">
        <form method="GET" action="{{ route('branch.reports.ipd-registrations') }}" class="grid grid-cols-1 md:grid-cols-4 lg:grid-cols-5 gap-6 items-end">
            <div>
                <label class="block text-[10px] font-black text-slate-400 uppercase tracking-widest mb-2 ml-1">From Date</label>
                <input type="date" name="from_date" value="{{ $fromDate }}" class="w-full bg-slate-50 border-slate-100 rounded-2xl px-4 py-3 text-sm font-bold text-slate-700 focus:ring-indigo-500 focus:border-indigo-500 transition-all">
            </div>
            <div>
                <label class="block text-[10px] font-black text-slate-400 uppercase tracking-widest mb-2 ml-1">To Date</label>
                <input type="date" name="to_date" value="{{ $toDate }}" class="w-full bg-slate-50 border-slate-100 rounded-2xl px-4 py-3 text-sm font-bold text-slate-700 focus:ring-indigo-500 focus:border-indigo-500 transition-all">
            </div>
            <div>
                <label class="block text-[10px] font-black text-slate-400 uppercase tracking-widest mb-2 ml-1">Per Page</label>
                <select name="per_page" class="w-full bg-slate-50 border-slate-100 rounded-2xl px-4 py-3 text-sm font-bold text-slate-700 focus:ring-indigo-500 focus:border-indigo-500 transition-all appearance-none">
                    <option value="50" {{ $perPage == 50 ? 'selected' : '' }}>50 Records</option>
                    <option value="100" {{ $perPage == 100 ? 'selected' : '' }}>100 Records</option>
                    <option value="200" {{ $perPage == 200 ? 'selected' : '' }}>200 Records</option>
                    <option value="all" {{ $perPage == 'all' ? 'selected' : '' }}>All Records</option>
                </select>
            </div>
            <div class="flex gap-4 lg:col-span-2">
                <button type="submit" class="flex-1 bg-slate-900 text-white rounded-2xl px-6 py-3 text-xs font-black uppercase tracking-widest hover:bg-violet-600 transition-all shadow-lg shadow-slate-200">
                    Generate Report
                </button>
                <a href="{{ route('branch.reports.ipd-registrations.export-pdf', ['from_date' => $fromDate, 'to_date' => $toDate]) }}" class="bg-rose-500 text-white rounded-2xl px-6 py-3 text-xs font-black uppercase tracking-widest hover:bg-rose-600 transition-all shadow-lg shadow-rose-200 flex items-center justify-center">
                    <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="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 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>
                </a>
            </div>
        </form>
    </div>

    <div class="bg-white border border-slate-100 rounded-[2.5rem] shadow-xl shadow-slate-200/50 overflow-hidden">
        <div class="flex items-center justify-between px-8 pt-8">
            <h2 class="text-[10px] font-black text-slate-400 uppercase tracking-widest">Total IPD Registrations: <span class="text-violet-600 ml-1">{{ number_format($totalCount) }}</span></h2>
        </div>
        <div class="overflow-x-auto">
            <table class="w-full text-left border-collapse">
                <thead>
                    <tr class="bg-slate-50/50">
                        <th class="px-6 py-5 text-[10px] font-black text-slate-500 uppercase tracking-widest border-b border-slate-100">Adm. Date</th>
                        <th class="px-6 py-5 text-[10px] font-black text-slate-500 uppercase tracking-widest border-b border-slate-100">UHID</th>
                        <th class="px-6 py-5 text-[10px] font-black text-slate-500 uppercase tracking-widest border-b border-slate-100">IPD No.</th>
                        <th class="px-6 py-5 text-[10px] font-black text-slate-500 uppercase tracking-widest border-b border-slate-100">Patient</th>
                        <th class="px-6 py-5 text-[10px] font-black text-slate-500 uppercase tracking-widest border-b border-slate-100">Gender</th>
                        <th class="px-6 py-5 text-[10px] font-black text-slate-500 uppercase tracking-widest border-b border-slate-100">Phone</th>
                        <th class="px-6 py-5 text-[10px] font-black text-slate-500 uppercase tracking-widest border-b border-slate-100">Doctor</th>
                        <th class="px-6 py-5 text-[10px] font-black text-slate-500 uppercase tracking-widest border-b border-slate-100">Room/Bed</th>
                        <th class="px-6 py-5 text-[10px] font-black text-slate-500 uppercase tracking-widest border-b border-slate-100 text-right">Status</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-50 font-medium text-[11px]">
                    @forelse($registrations as $reg)
                        <tr class="group hover:bg-slate-50/50 transition-colors">
                            <td class="px-6 py-4 text-slate-600 font-bold uppercase tracking-tight">
                                {{ $reg->admission_date->format('d M, y') }}
                            </td>
                            <td class="px-6 py-4">
                                <span class="font-black text-indigo-600 uppercase tracking-tight bg-indigo-50 px-2 py-1 rounded-lg">
                                    {{ $reg->uhid }}
                                </span>
                            </td>
                            <td class="px-6 py-4">
                                <span class="font-black text-violet-600 uppercase tracking-tight bg-violet-50 px-2 py-1 rounded-lg">
                                    {{ $reg->ipd_number }}
                                </span>
                            </td>
                            <td class="px-6 py-4">
                                <h4 class="font-black text-slate-800 uppercase tracking-tight">{{ $reg->full_name }}</h4>
                            </td>
                            <td class="px-6 py-4 text-slate-500 font-bold uppercase tracking-tight">
                                {{ $reg->patient->gender }}
                            </td>
                            <td class="px-6 py-4 text-slate-700 font-black tracking-tight">
                                {{ $reg->mobile_number }}
                            </td>
                            <td class="px-6 py-4 text-slate-700 font-black uppercase tracking-tight">
                                {{ $reg->doctor->name }}
                            </td>
                            <td class="px-6 py-4 text-slate-500 font-bold uppercase tracking-tight">
                                {{ $reg->room?->name ?? 'N/A' }} / {{ $reg->bed?->bed_number ?? 'N/A' }}
                            </td>
                            <td class="px-6 py-4 text-right">
                                <span class="inline-flex items-center px-3 py-1 rounded-xl text-[8px] font-black uppercase tracking-widest border {{ $reg->status === 'active' ? 'bg-emerald-50 text-emerald-600 border-emerald-100' : 'bg-rose-50 text-rose-600 border-rose-100' }}">
                                    {{ $reg->status }}
                                </span>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="9" class="px-6 py-20 text-center">
                                <p class="text-[10px] font-black text-slate-400 uppercase tracking-[0.3em]">No records found for the selected range</p>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($registrations->hasPages())
            <div class="px-8 py-6 bg-slate-50/50 border-t border-slate-100">
                {{ $registrations->links() }}
            </div>
        @endif
    </div>
</div>
@endsection