@extends('layouts.app')
@section('title', 'Dashboard')
@section('content')
@php
    $kes = fn ($v) => 'KES ' . number_format((float) $v);
    $day   = $shifts['day']   ?? ['cash'=>0,'mpesa'=>0,'insurance'=>0,'card'=>0,'total'=>0];
    $night = $shifts['night'] ?? ['cash'=>0,'mpesa'=>0,'insurance'=>0,'card'=>0,'total'=>0];
    $maxVisits = max(1, collect($visitsByDay)->max('total') ?? 1);
@endphp

<div class="flex flex-wrap items-center justify-between gap-3 mb-5">
    <div>
        <h1 class="text-lg font-bold text-gray-900">Dashboard</h1>
        <p class="text-xs text-gray-400">Today · {{ $today->format('l, d M Y') }}</p>
    </div>
    <span class="text-xs text-gray-500 bg-gray-100 rounded-full px-3 py-1">Today only</span>
</div>

{{-- ── FINANCIALS ─────────────────────────────────────────────────────── --}}
<div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-3">
    <div class="bg-white rounded-xl border shadow-sm p-4">
        <p class="text-xs text-gray-400">Patients Today</p>
        <p class="text-2xl font-bold text-gray-900 mt-1">{{ number_format($row1['patientsToday']) }}</p>
    </div>
    <div class="bg-white rounded-xl border shadow-sm p-4">
        <p class="text-xs text-gray-400">Revenue Today</p>
        <p class="text-2xl font-bold text-cr-700 mt-1">{{ $kes($row1['revenueToday']) }}</p>
    </div>
    <div class="bg-white rounded-xl border shadow-sm p-4">
        <p class="text-xs text-gray-400">Collections Today</p>
        <p class="text-2xl font-bold text-green-600 mt-1">{{ $kes($row1['collectionsToday']) }}</p>
    </div>
    <div class="bg-white rounded-xl border shadow-sm p-4">
        <p class="text-xs text-gray-400">ARPP</p>
        <p class="text-2xl font-bold text-gray-900 mt-1">{{ $kes($row1['arpp']) }}</p>
        <p class="text-[10px] text-gray-400">Avg revenue per patient</p>
    </div>
</div>

<div class="grid grid-cols-2 md:grid-cols-3 gap-3 mb-3">
    <div class="bg-white rounded-xl border shadow-sm p-4">
        <p class="text-xs text-gray-400">Cash</p>
        <p class="text-xl font-bold text-gray-900 mt-1">{{ $kes($row1['cashToday']) }}</p>
    </div>
    <div class="bg-white rounded-xl border shadow-sm p-4">
        <p class="text-xs text-gray-400">Mobile / Bank</p>
        <p class="text-xl font-bold text-gray-900 mt-1">{{ $kes($row1['mobileToday']) }}</p>
    </div>
    <div class="bg-white rounded-xl border shadow-sm p-4">
        <p class="text-xs text-gray-400">Insurance</p>
        <p class="text-xl font-bold text-gray-900 mt-1">{{ $kes($row1['insuranceToday']) }}</p>
        <div class="mt-2 pt-2 border-t border-gray-100 space-y-1">
            <div class="flex justify-between text-xs"><span class="text-gray-500">SHA</span><span class="font-semibold text-gray-700">{{ $kes($insSha) }}</span></div>
            <div class="flex justify-between text-xs"><span class="text-gray-500">Private Insurers</span><span class="font-semibold text-gray-700">{{ $kes($insPrivate) }}</span></div>
        </div>
    </div>
</div>

{{-- ── OPERATIONS ─────────────────────────────────────────────────────── --}}
<div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-3">
    <div class="bg-white rounded-xl border shadow-sm p-4">
        <p class="text-xs text-gray-400">Appointments</p>
        <p class="text-2xl font-bold text-gray-900 mt-1">{{ number_format($ops['appointments']) }}</p>
    </div>
    <div class="bg-white rounded-xl border shadow-sm p-4">
        <p class="text-xs text-gray-400">Bed Occupancy</p>
        <p class="text-2xl font-bold text-gray-900 mt-1">{{ number_format($ops['bedOccupancy']) }}%</p>
        <p class="text-[10px] text-gray-400">{{ $ops['occupiedBeds'] }} of {{ $ops['totalBeds'] }} beds</p>
    </div>
    <div class="bg-white rounded-xl border shadow-sm p-4">
        <p class="text-xs text-gray-400">Active ANC Clients</p>
        <p class="text-2xl font-bold text-gray-900 mt-1">{{ number_format($ops['activeAnc']) }}</p>
    </div>
    <div class="bg-white rounded-xl border shadow-sm p-4">
        <p class="text-xs text-gray-400">New vs Returning</p>
        <p class="text-xl font-bold text-gray-900 mt-1">{{ number_format($ops['newCount']) }} <span class="text-gray-300">/</span> {{ number_format($ops['returningCount']) }}</p>
        <p class="text-[10px] text-gray-400">New / Returning today</p>
    </div>
</div>

{{-- ── DAILY VISITS (7 days) ──────────────────────────────────────────── --}}
<div class="bg-white rounded-xl border shadow-sm p-5 mb-3">
    <h2 class="text-sm font-bold text-gray-800 mb-4">Daily Visits <span class="text-xs font-normal text-gray-400">(7 days ending {{ $rangeEnd->format('d M Y') }})</span></h2>
    <div class="space-y-2">
        @foreach($visitsByDay as $d)
            @php $w = round(((int) $d->total / $maxVisits) * 100); @endphp
            <div class="flex items-center gap-3">
                <span class="text-xs text-gray-500 w-16 flex-shrink-0">{{ \Carbon\Carbon::parse($d->date)->format('d M') }}</span>
                <div class="flex-1 bg-gray-100 rounded-full h-4 overflow-hidden">
                    <div class="bg-cr-600 h-4 rounded-full" style="width: {{ max($w, ($d->total > 0 ? 4 : 0)) }}%"></div>
                </div>
                <span class="text-xs font-semibold text-gray-700 w-8 text-right flex-shrink-0">{{ $d->total }}</span>
            </div>
        @endforeach
    </div>
</div>

{{-- ── SHIFT BREAKDOWN ────────────────────────────────────────────────── --}}
<div class="grid grid-cols-1 md:grid-cols-2 gap-3">
    @foreach([['Day Shift','8:00 AM – 8:00 PM',$day],['Night Shift','8:00 PM – 8:00 AM',$night]] as [$label,$window,$s])
    <div class="bg-white rounded-xl border shadow-sm p-5">
        <div class="flex items-baseline justify-between mb-3">
            <h2 class="text-sm font-bold text-gray-800">{{ $label }}</h2>
            <span class="text-xs text-gray-400">{{ $window }}</span>
        </div>
        <table class="w-full text-sm">
            <tbody>
                <tr class="border-b border-gray-50"><td class="py-1.5 text-gray-500">Cash</td><td class="py-1.5 text-right font-medium">{{ $kes($s['cash']) }}</td></tr>
                <tr class="border-b border-gray-50"><td class="py-1.5 text-gray-500">M-Pesa / Mobile</td><td class="py-1.5 text-right font-medium">{{ $kes($s['mpesa']) }}</td></tr>
                <tr class="border-b border-gray-50"><td class="py-1.5 text-gray-500">Insurance</td><td class="py-1.5 text-right font-medium">{{ $kes($s['insurance']) }}</td></tr>
                <tr class="border-b border-gray-50"><td class="py-1.5 text-gray-500">Card / Bank</td><td class="py-1.5 text-right font-medium">{{ $kes($s['card']) }}</td></tr>
                <tr><td class="py-2 font-bold text-gray-800">Shift Total</td><td class="py-2 text-right font-bold text-cr-700">{{ $kes($s['total']) }}</td></tr>
            </tbody>
        </table>
    </div>
    @endforeach
</div>
@endsection