@extends('layouts.branch')

@section('title', "Admission Details - " . $admission->ipd_number)
@section('header', "Admission Record")

@section('content')
<div class="space-y-8 italic">
    @include('partials.branch._breadcrumbs', [
        'breadcrumbs' => [
            ['name' => 'IPD Directory', 'url' => route('branch.ipd-registrations.index')],
            ['name' => "Admission Details", 'url' => '#']
        ]
    ])

    <!-- Admission Detail Card -->
    <div class="bg-white rounded-[40px] shadow-sm border border-slate-100 overflow-hidden relative">
        <!-- Header with Branch Details -->
        <div class="bg-slate-900 p-10 text-white relative flex flex-col md:flex-row justify-between items-start md:items-center gap-8">
            <div class="relative z-10">
                <h2 class="text-3xl font-black tracking-tighter uppercase leading-none text-indigo-400">Medcare<span class="text-white">Branch</span></h2>
                <div class="mt-4 flex flex-col gap-1">
                    <p class="text-[10px] font-black uppercase tracking-widest text-slate-400">{{ $admission->branch->name }}</p>
                    <p class="text-[10px] font-bold uppercase tracking-widest text-slate-500">{{ $admission->branch->address }}</p>
                    <p class="text-[10px] font-bold uppercase tracking-widest text-slate-500">Contact: {{ $admission->branch->phone }}</p>
                </div>
            </div>
            <div class="text-right relative z-10">
                <span class="inline-flex px-4 py-2 rounded-2xl bg-indigo-600 text-[10px] font-black uppercase tracking-widest mb-4">IPD Admission Record</span>
                <h3 class="text-4xl font-black tracking-tighter uppercase leading-none text-white">{{ $admission->ipd_number }}</h3>
                <p class="text-[10px] font-black text-slate-400 uppercase tracking-widest mt-2">{{ $admission->admission_date->format('F j, Y') }} @ {{ $admission->admission_time }}</p>
            </div>
            
            <!-- Background Decoration -->
            <div class="absolute top-0 right-0 w-80 h-80 bg-indigo-500/10 rounded-full blur-3xl -mr-40 -mt-40"></div>
        </div>

        <div class="p-10 grid grid-cols-1 md:grid-cols-12 gap-12">
            <!-- Patient Mini Profile -->
            <div class="md:col-span-3 space-y-6">
                <div class="aspect-square bg-slate-50 rounded-[3rem] border-4 border-white shadow-2xl flex items-center justify-center relative overflow-hidden">
                    @if($admission->patient?->photo_path)
                        <img src="{{ asset('storage/' . $admission->patient->photo_path) }}" class="w-full h-full object-cover">
                    @else
                        <div class="text-center font-black text-slate-200 text-4xl">
                            {{ substr($admission->full_name, 0, 1) }}
                        </div>
                    @endif
                </div>
                <div class="text-center">
                    <h4 class="text-xl font-black text-slate-800 uppercase tracking-tight">{{ $admission->full_name }}</h4>
                    <div class="mt-2 flex flex-wrap justify-center gap-2">
                        <span class="text-[9px] font-black bg-indigo-50 text-indigo-600 px-3 py-1 rounded-full uppercase tracking-widest">UHID: {{ $admission->uhid }}</span>
                        @if($admission->spouse_name)
                            <span class="text-[9px] font-black bg-emerald-50 text-emerald-600 px-3 py-1 rounded-full uppercase tracking-widest">S/O or Spouse: {{ $admission->spouse_name }}</span>
                        @endif
                        <span class="text-[9px] font-black bg-slate-100 text-slate-500 px-3 py-1 rounded-full uppercase tracking-widest">{{ $admission->gender }}</span>
                        <span class="text-[9px] font-black bg-slate-100 text-slate-500 px-3 py-1 rounded-full uppercase tracking-widest">{{ $admission->age }} Yrs</span>
                    </div>
                </div>

                <div class="pt-6 border-t border-slate-50 space-y-5">
                    <div>
                        <p class="text-[9px] font-black text-slate-400 uppercase tracking-widest">Phone Number</p>
                        <p class="text-sm font-bold text-slate-700 mt-1">{{ $admission->mobile_number }}</p>
                    </div>
                    <div>
                        <p class="text-[9px] font-black text-slate-400 uppercase tracking-widest">Residential Address</p>
                        <p class="text-[11px] font-bold text-slate-500 mt-1 leading-relaxed capitalize">{{ $admission->address ?? 'Not Provided' }}</p>
                    </div>
                </div>
            </div>

            <!-- Detailed Grid -->
            <div class="md:col-span-9">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-10">
                    <!-- Column 1 -->
                    <div class="space-y-8">
                        <div>
                            <h5 class="text-xs font-black text-indigo-600 uppercase tracking-widest mb-4 border-b border-indigo-50 pb-2">Registration Context</h5>
                            <table class="w-full text-left">
                                <tr class="border-b border-slate-50 last:border-0">
                                    <td class="py-3 text-[10px] font-black text-slate-400 uppercase tracking-widest w-1/2">Previous Registration ID</td>
                                    <td class="py-3 text-sm font-bold text-slate-800 tracking-widest">{{ $admission->previous_id ?? 'NONE' }}</td>
                                </tr>
                                <tr class="border-b border-slate-50 last:border-0 grow">
                                    <td class="py-3 text-[10px] font-black text-slate-400 uppercase tracking-widest">Consulting Doctor</td>
                                    <td class="py-3 text-sm font-bold text-slate-800">
                                        {{ $admission->doctor?->name }}
                                        @if($admission->doctor?->specialities->count())
                                            <span class="block text-[10px] text-slate-400 uppercase font-black">({{ $admission->doctor->specialities->first()->name }})</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr class="border-b border-slate-50 last:border-0">
                                    <td class="py-3 text-[10px] font-black text-slate-400 uppercase tracking-widest w-1/2">Referral Source</td>
                                    <td class="py-3 text-sm font-bold text-slate-800">{{ $admission->referralSource?->full_name ?? $admission->referral_source ?? 'DIRECT' }}</td>
                                </tr>
                                <tr class="border-b border-slate-50 last:border-0">
                                    <td class="py-3 text-[10px] font-black text-slate-400 uppercase tracking-widest">Field Officer (PRO)</td>
                                    <td class="py-3 text-sm font-bold text-slate-800">{{ $admission->pro?->full_name ?? $admission->pro_name ?? 'N/A' }}</td>
                                </tr>
                            </table>
                        </div>

                        <div>
                            <h5 class="text-xs font-black text-amber-600 uppercase tracking-widest mb-4 border-b border-amber-50 pb-2">Billing & Coverage</h5>
                            <table class="w-full text-left">
                                <tr class="border-b border-slate-50 last:border-0">
                                    <td class="py-3 text-[10px] font-black text-slate-400 uppercase tracking-widest w-1/2">Initial Advance (₹)</td>
                                    <td class="py-3 text-sm font-black text-emerald-600">₹{{ number_format($admission->advance_amount, 2) }}</td>
                                </tr>
                                <tr class="border-b border-slate-50 last:border-0">
                                    <td class="py-3 text-[10px] font-black text-slate-400 uppercase tracking-widest">Insurance Policy</td>
                                    <td class="py-3">
                                        <span class="px-2 py-0.5 rounded text-[8px] font-black uppercase tracking-widest {{ $admission->has_insurance ? 'bg-amber-100 text-amber-700' : 'bg-slate-100 text-slate-400' }}">
                                            {{ $admission->has_insurance ? 'BILLABLE' : 'CASH / PRIVATE' }}
                                        </span>
                                    </td>
                                </tr>
                                @if($admission->has_insurance)
                                <tr class="border-b border-slate-50 last:border-0">
                                    <td class="py-3 text-[10px] font-black text-slate-400 uppercase tracking-widest">Insurance Company</td>
                                    <td class="py-3 text-sm font-black text-slate-800 uppercase tracking-tight">{{ $admission->insurance?->company_name ?? 'N/A' }}</td>
                                </tr>
                                <tr class="border-b border-slate-50 last:border-0">
                                    <td class="py-3 text-[10px] font-black text-slate-400 uppercase tracking-widest">TPA Reference</td>
                                    <td class="py-3 text-sm font-bold text-slate-800 uppercase">{{ $admission->tpa_name ?? 'N/A' }}</td>
                                </tr>
                                @endif
                                <tr class="border-b border-slate-50 last:border-0">
                                    <td class="py-3 text-[10px] font-black text-slate-400 uppercase tracking-widest">Client Categorization</td>
                                    <td class="py-3 text-sm font-bold text-slate-800 uppercase">{{ $admission->client_type ?? 'GENERAL' }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>

                    <!-- Column 2 -->
                    <div class="space-y-8">
                        <div>
                            <h5 class="text-xs font-black text-emerald-600 uppercase tracking-widest mb-4 border-b border-emerald-50 pb-2">Resource Allocation</h5>
                            <table class="w-full text-left">
                                <tr class="border-b border-slate-50 last:border-0">
                                    <td class="py-3 text-[10px] font-black text-slate-400 uppercase tracking-widest w-1/2">Assigned Bed</td>
                                    <td class="py-3 text-sm font-black text-indigo-600 tracking-widest">{{ $admission->bed?->bed_number ?? 'PENDING' }}</td>
                                </tr>
                                <tr class="border-b border-slate-50 last:border-0">
                                    <td class="py-3 text-[10px] font-black text-slate-400 uppercase tracking-widest">Room Reference</td>
                                    <td class="py-3 text-sm font-bold text-slate-800 tracking-tight">{{ $admission->room?->room_number }} <span class="text-[9px] text-slate-400 font-black">({{ $admission->room?->roomType?->name }})</span></td>
                                </tr>
                                <tr class="border-b border-slate-50 last:border-0">
                                    <td class="py-3 text-[10px] font-black text-slate-400 uppercase tracking-widest">Infection Isolation</td>
                                    <td class="py-3">
                                        <span class="px-2 py-0.5 rounded text-[8px] font-black uppercase tracking-widest {{ $admission->is_isolated ? 'bg-rose-100 text-rose-700' : 'bg-emerald-100 text-emerald-700' }}">
                                            {{ $admission->is_isolated ? 'ISOLATED' : 'GENERAL' }}
                                        </span>
                                    </td>
                                </tr>
                                <tr class="border-b border-slate-50 last:border-0">
                                    <td class="py-3 text-[10px] font-black text-slate-400 uppercase tracking-widest">Room Rent (₹)</td>
                                    <td class="py-3 text-sm font-black text-indigo-600">₹{{ number_format($admission->room?->rent ?? 0, 2) }} / Day</td>
                                </tr>
                                <tr class="border-b border-slate-50 last:border-0">
                                    <td class="py-3 text-[10px] font-black text-slate-400 uppercase tracking-widest">Management Status</td>
                                    <td class="py-3 flex flex-wrap gap-2">
                                        <span class="px-2 py-0.5 rounded text-[8px] font-black uppercase tracking-widest {{ $admission->is_operated ? 'bg-rose-100 text-rose-700' : 'bg-slate-100 text-slate-400' }}">
                                            Surgery: {{ $admission->is_operated ? 'YES' : 'NO' }}
                                        </span>
                                        <span class="px-2 py-0.5 rounded text-[8px] font-black uppercase tracking-widest {{ $admission->is_day_ended ? 'bg-slate-900 text-white' : 'bg-emerald-100 text-emerald-700' }}">
                                            Day State: {{ $admission->is_day_ended ? 'CLOSED' : 'ACTIVE' }}
                                        </span>
                                    </td>
                                </tr>
                            </table>
                        </div>

                        <div>
                            <h5 class="text-xs font-black text-rose-600 uppercase tracking-widest mb-4 border-b border-rose-50 pb-2">Clinical Presentation</h5>
                            <div class="bg-rose-50/20 p-6 rounded-[2rem] border border-rose-100/50 italic min-h-[140px]">
                                <p class="text-[11px] leading-relaxed text-slate-600 font-bold">
                                    {!! nl2br(e($admission->history ?? 'No clinical presentation recorded at the time of admission.')) !!}
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Footer Actions -->
        <div class="bg-slate-50 p-8 border-t border-slate-100 flex items-center justify-between">
            <a href="{{ route('branch.ipd-registrations.index') }}" class="flex items-center gap-2 text-[10px] font-black text-slate-400 uppercase tracking-widest hover:text-indigo-600 transition-colors group">
                <svg class="h-4 w-4 transition-transform group-hover:-translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18"/></svg>
                Back to Directory
            </a>
            <div class="flex gap-4">
                <a href="{{ route('branch.ipd-registrations.edit', $admission->id) }}" class="px-8 py-3 bg-indigo-600 text-white rounded-2xl text-[10px] font-black uppercase tracking-widest hover:bg-slate-900 shadow-xl shadow-indigo-100 transition-all">Edit Admission</a>
                <button onclick="window.print()" class="px-8 py-3 border border-slate-200 text-slate-500 rounded-2xl text-[10px] font-black uppercase tracking-widest hover:bg-white hover:shadow-xl transition-all">Print Record</button>
            </div>
        </div>
    </div>
</div>
@endsection