@extends('layouts.app')
@section('title', 'Analytics')
@section('content')
<div class="flex flex-wrap items-center justify-between gap-3 mb-4">
    <div><h1 class="text-lg font-bold text-gray-900">Analytics Dashboard</h1><p class="text-xs text-gray-400">Collections, revenue, expenses & operational performance | {{ now()->format('l, d M Y') }}</p></div>
    <form method="GET" class="flex gap-2 items-center">
        <input type="date" name="date" value="{{ $date->format('Y-m-d') }}" class="form-input text-xs w-36 no-flatpickr">
        <button class="btn-primary text-xs">View</button>
    </form>
</div>

{{-- Top Summary Cards --}}
<div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-7 gap-3 mb-5">
    <div class="stat-card"><p class="text-xs text-gray-400 uppercase">Revenue Today</p><p class="text-lg font-bold">KES {{ number_format($stats['revenue']) }}</p></div>
    <div class="stat-card"><p class="text-xs text-gray-400 uppercase">Collections Today</p><p class="text-lg font-bold text-green-600">KES {{ number_format($stats['collections']) }}</p></div>
    <div class="stat-card"><p class="text-xs text-gray-400 uppercase">Cash</p><p class="text-lg font-bold">KES {{ number_format($stats['cash']) }}</p></div>
    <div class="stat-card"><p class="text-xs text-gray-400 uppercase">Mobile Money</p><p class="text-lg font-bold">KES {{ number_format($stats['mpesa']) }}</p></div>
    <div class="stat-card"><p class="text-xs text-gray-400 uppercase">Insurance</p><p class="text-lg font-bold text-blue-600">KES {{ number_format($stats['insurance_collections']) }}</p></div>
    <div class="stat-card"><p class="text-xs text-gray-400 uppercase">Expenses Paid</p><p class="text-lg font-bold text-red-600">KES {{ number_format($stats['expenses_paid']) }}</p></div>
    <div class="stat-card" style="border-left:3px solid {{ $stats['net_position'] >= 0 ? '#16a34a' : '#dc2626' }}"><p class="text-xs text-gray-400 uppercase">Net Position</p><p class="text-lg font-bold {{ $stats['net_position'] >= 0 ? 'text-green-600' : 'text-red-600' }}">KES {{ number_format($stats['net_position']) }}</p></div>
</div>

{{-- Shift Cards --}}
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-5">
    @foreach(['day' => 'Day Shift (8 AM – 8 PM)', 'night' => 'Night Shift (8 PM – 8 AM)'] as $shift => $label)
    @php $s = $shiftData[$shift] ?? ['cash'=>0,'mpesa'=>0,'insurance'=>0,'total'=>0,'expenses'=>0]; @endphp
    <div class="bg-white rounded-xl border shadow-sm p-5">
        <div class="flex items-center gap-2 mb-4">
            <div class="w-8 h-8 rounded-lg flex items-center justify-center {{ $shift==='day' ? 'bg-amber-100' : 'bg-indigo-100' }}">
                @if($shift==='day')<svg class="w-4 h-4 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"/></svg>
                @else<svg class="w-4 h-4 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"/></svg>@endif
            </div>
            <h3 class="text-sm font-bold text-gray-800">{{ $label }}</h3>
        </div>
        <div class="grid grid-cols-2 gap-3">
            <div class="bg-gray-50 rounded-lg p-3"><p class="text-xs text-gray-400">Cash</p><p class="text-sm font-bold">KES {{ number_format($s['cash']) }}</p></div>
            <div class="bg-gray-50 rounded-lg p-3"><p class="text-xs text-gray-400">Mobile Money</p><p class="text-sm font-bold">KES {{ number_format($s['mpesa']) }}</p></div>
            <div class="bg-gray-50 rounded-lg p-3"><p class="text-xs text-gray-400">Insurance</p><p class="text-sm font-bold">KES {{ number_format($s['insurance']) }}</p></div>
            <div class="bg-gray-50 rounded-lg p-3"><p class="text-xs text-gray-400">Total Collections</p><p class="text-sm font-bold text-green-600">KES {{ number_format($s['total']) }}</p></div>
            <div class="bg-gray-50 rounded-lg p-3"><p class="text-xs text-gray-400">Expenses Paid</p><p class="text-sm font-bold text-red-600">KES {{ number_format($s['expenses']) }}</p></div>
            <div class="bg-gray-50 rounded-lg p-3"><p class="text-xs text-gray-400">Net</p><p class="text-sm font-bold {{ ($s['total']-$s['expenses']) >= 0 ? 'text-green-600' : 'text-red-600' }}">KES {{ number_format($s['total'] - $s['expenses']) }}</p></div>
        </div>
    </div>
    @endforeach
</div>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-5">
    {{-- Revenue by Department --}}
    <div class="bg-white rounded-xl border shadow-sm">
        <div class="px-5 py-3 border-b"><h3 class="text-sm font-bold text-gray-800">Revenue by Department</h3></div>
        <table class="w-full"><thead><tr class="bg-gray-50"><th class="table-header">Department</th><th class="table-header text-right">Day Shift</th><th class="table-header text-right">Night Shift</th><th class="table-header text-right">Total</th></tr></thead>
        <tbody>
        @foreach($deptRevenue as $dept => $vals)
        <tr class="border-b border-gray-50"><td class="table-cell font-medium text-xs">{{ $dept }}</td><td class="table-cell text-xs text-right">{{ number_format($vals['day'] ?? 0) }}</td><td class="table-cell text-xs text-right">{{ number_format($vals['night'] ?? 0) }}</td><td class="table-cell text-xs text-right font-bold">{{ number_format(($vals['day'] ?? 0) + ($vals['night'] ?? 0)) }}</td></tr>
        @endforeach
        </tbody>
        </table>
    </div>

    {{-- Insurance Collections by Insurer --}}
    <div class="bg-white rounded-xl border shadow-sm">
        <div class="px-5 py-3 border-b"><h3 class="text-sm font-bold text-gray-800">Insurance Collections by Insurer</h3></div>
        <table class="w-full"><thead><tr class="bg-gray-50"><th class="table-header">Insurer</th><th class="table-header text-right">Claims</th><th class="table-header text-right">Billed</th><th class="table-header text-right">Paid</th><th class="table-header text-right">Outstanding</th></tr></thead>
        <tbody>
        @foreach($insurerData as $ins)
        <tr class="border-b border-gray-50"><td class="table-cell font-medium text-xs">{{ $ins['name'] }}</td><td class="table-cell text-xs text-right">{{ $ins['claims'] }}</td><td class="table-cell text-xs text-right">{{ number_format($ins['billed']) }}</td><td class="table-cell text-xs text-right text-green-600">{{ number_format($ins['paid']) }}</td><td class="table-cell text-xs text-right text-red-600 font-semibold">{{ number_format($ins['outstanding']) }}</td></tr>
        @endforeach
        </tbody>
        </table>
    </div>
</div>

{{-- Expense Snapshot --}}
<div class="bg-white rounded-xl border shadow-sm">
    <div class="px-5 py-3 border-b"><h3 class="text-sm font-bold text-gray-800">Expense Summary</h3></div>
    <div class="grid grid-cols-2 md:grid-cols-4 gap-3 p-5">
        <div class="bg-gray-50 rounded-lg p-3"><p class="text-xs text-gray-400">Recorded Today</p><p class="text-sm font-bold">KES {{ number_format($expenseStats['recorded_today'] ?? 0) }}</p></div>
        <div class="bg-gray-50 rounded-lg p-3"><p class="text-xs text-gray-400">Paid Today</p><p class="text-sm font-bold text-green-600">KES {{ number_format($expenseStats['paid_today'] ?? 0) }}</p></div>
        <div class="bg-gray-50 rounded-lg p-3"><p class="text-xs text-gray-400">Unpaid</p><p class="text-sm font-bold text-amber-600">KES {{ number_format($expenseStats['unpaid'] ?? 0) }}</p></div>
        <div class="bg-gray-50 rounded-lg p-3"><p class="text-xs text-gray-400">Overdue</p><p class="text-sm font-bold text-red-600">KES {{ number_format($expenseStats['overdue'] ?? 0) }}</p></div>
    </div>
</div>
@endsection