@extends('layouts.app')
@section('title', 'Corporate / SACCO Dashboard')

@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">Corporate / SACCO Dashboard</h1>
        <p class="text-xs text-gray-400">Pool performance, premiums collected and utilization tracking across all corporate schemes</p>
    </div>
    <div class="flex gap-2">
        <a href="{{ route('corporate.accounts.create') }}" class="btn-primary text-xs">+ New Scheme</a>
        <a href="{{ route('corporate.eligibility.index') }}" class="btn-secondary text-xs">Eligibility Check</a>
    </div>
</div>

{{-- Filters --}}
<div class="bg-white rounded-xl border shadow-sm p-3 mb-4">
    <form method="GET" class="flex flex-wrap gap-2 items-end">
        <div>
            <label class="text-xs text-gray-500 block mb-1">Scheme</label>
            <select name="corporate" class="form-input text-xs w-56" onchange="this.form.submit()">
                @foreach($accounts as $a)
                    <option value="{{ $a->id }}" {{ $account?->id == $a->id ? 'selected' : '' }}>{{ $a->code }} — {{ $a->name }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="text-xs text-gray-500 block mb-1">Month</label>
            <input type="month" name="month" value="{{ $month }}" class="form-input text-xs w-40 no-flatpickr">
        </div>
        <div>
            <label class="text-xs text-gray-500 block mb-1">From</label>
            <input type="date" name="from" value="{{ request('from') }}" class="form-input text-xs w-36 no-flatpickr">
        </div>
        <div>
            <label class="text-xs text-gray-500 block mb-1">To</label>
            <input type="date" name="to" value="{{ request('to') }}" class="form-input text-xs w-36 no-flatpickr">
        </div>
        <button class="btn-primary text-xs">Apply</button>
        @if(request()->hasAny(['month', 'from', 'to']))
            <a href="{{ route('corporate.dashboard.index') }}" class="btn-secondary text-xs">Clear</a>
        @endif
    </form>
</div>

@if(!$account)
    <div class="bg-white rounded-xl border shadow-sm p-12 text-center">
        <svg class="w-12 h-12 text-gray-300 mx-auto mb-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
        <h3 class="font-semibold text-gray-800 mb-1">No corporate schemes yet</h3>
        <p class="text-xs text-gray-500 mb-4">Create your first SACCO or corporate scheme to start enrolling members and tracking premiums.</p>
        <a href="{{ route('corporate.accounts.create') }}" class="btn-primary text-xs">+ Register a Scheme</a>
    </div>
@else
    {{-- Scheme banner --}}
    @php
        $rb = $metrics['risk_band'];
        $bandColor = ['Green' => 'bg-green-100 text-green-800', 'Amber' => 'bg-amber-100 text-amber-800',
                      'Red' => 'bg-red-100 text-red-800', 'Critical' => 'bg-red-600 text-white'][$rb];
        $bandBar   = ['Green' => 'bg-green-500', 'Amber' => 'bg-amber-500', 'Red' => 'bg-red-500', 'Critical' => 'bg-red-700'][$rb];
    @endphp
    <div class="bg-white rounded-xl border shadow-sm p-4 mb-4">
        <div class="flex items-center justify-between flex-wrap gap-3">
            <div>
                <div class="flex items-center gap-2">
                    <h2 class="text-xl font-bold text-gray-900">{{ $account->code }}</h2>
                    <span class="badge badge-{{ $account->scheme_status === 'Active' ? 'success' : ($account->scheme_status === 'Suspended' ? 'warning' : 'danger') }}">{{ $account->scheme_status }}</span>
                    @if($account->isPilotActive())
                        <span class="badge badge-info">Pilot Active</span>
                    @endif
                </div>
                <p class="text-xs text-gray-500 mt-0.5">{{ $account->name }}</p>
            </div>
            <div class="text-right">
                <p class="text-xs text-gray-500 uppercase tracking-wide">Claims / Utilization Ratio</p>
                <div class="flex items-center gap-2 mt-0.5">
                    <span class="text-2xl font-bold text-gray-900">{{ $metrics['claims_ratio'] }}%</span>
                    <span class="badge {{ $bandColor }}" style="font-size:11px">{{ $rb }}</span>
                </div>
                <div class="w-48 h-1.5 bg-gray-100 rounded-full mt-1 overflow-hidden">
                    <div class="{{ $bandBar }} h-full" style="width: {{ min(100, $metrics['claims_ratio']) }}%"></div>
                </div>
            </div>
        </div>
    </div>

    {{-- Top stat row --}}
    <div class="grid grid-cols-2 md:grid-cols-5 gap-3 mb-4">
        <div class="stat-card">
            <p class="text-xs text-gray-400 uppercase tracking-wide">Enrolled Members</p>
            <p class="text-xl font-bold">{{ $metrics['total_enrolled'] }}</p>
            <p class="text-xs text-gray-400 mt-1">{{ $metrics['active_members'] }} active · {{ $metrics['dependants'] }} dep.</p>
        </div>
        <div class="stat-card consult">
            <p class="text-xs text-gray-400 uppercase tracking-wide">Premiums Expected</p>
            <p class="text-xl font-bold">KES {{ number_format($metrics['premiums_expected']) }}</p>
            <p class="text-xs text-gray-400 mt-1">{{ \Illuminate\Support\Carbon::createFromFormat('Y-m', $month)->format('F Y') }}</p>
        </div>
        <div class="stat-card done">
            <p class="text-xs text-gray-400 uppercase tracking-wide">Premiums Collected</p>
            <p class="text-xl font-bold text-green-600">KES {{ number_format($metrics['premiums_collected']) }}</p>
            <p class="text-xs text-gray-400 mt-1">{{ $metrics['collection_rate'] }}% collection rate</p>
        </div>
        <div class="stat-card waiting">
            <p class="text-xs text-gray-400 uppercase tracking-wide">Utilization</p>
            <p class="text-xl font-bold text-amber-600">KES {{ number_format($metrics['total_utilization']) }}</p>
            <p class="text-xs text-gray-400 mt-1">{{ $metrics['visit_count'] }} encounters</p>
        </div>
        <div class="stat-card lab">
            <p class="text-xs text-gray-400 uppercase tracking-wide">Pool Balance</p>
            <p class="text-xl font-bold {{ $metrics['pool_balance'] < 0 ? 'text-red-600' : 'text-cr-700' }}">KES {{ number_format($metrics['pool_balance']) }}</p>
            <p class="text-xs text-gray-400 mt-1">{{ $metrics['pool_balance'] < 0 ? 'Deficit' : 'Surplus' }}</p>
        </div>
    </div>

    {{-- Compliance breakdown row --}}
    <div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-4">
        <div class="bg-white rounded-xl border p-3">
            <p class="text-xs text-gray-400 uppercase">Active</p>
            <p class="text-lg font-bold text-green-600">{{ $metrics['active_members'] }}</p>
        </div>
        <div class="bg-white rounded-xl border p-3">
            <p class="text-xs text-gray-400 uppercase">In Grace Period</p>
            <p class="text-lg font-bold text-amber-600">{{ $metrics['grace_members'] }}</p>
        </div>
        <div class="bg-white rounded-xl border p-3">
            <p class="text-xs text-gray-400 uppercase">Suspended</p>
            <p class="text-lg font-bold text-red-600">{{ $metrics['suspended_members'] }}</p>
        </div>
        <div class="bg-white rounded-xl border p-3">
            <p class="text-xs text-gray-400 uppercase">Avg Utilization / Member</p>
            <p class="text-lg font-bold text-gray-700">KES {{ number_format($metrics['avg_per_member']) }}</p>
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-4">
        {{-- Top utilizers --}}
        <div class="bg-white rounded-xl border shadow-sm overflow-hidden">
            <div class="px-4 py-3 border-b bg-gray-50/50">
                <h3 class="text-sm font-bold text-gray-900">Top 10 Utilizers</h3>
                <p class="text-xs text-gray-400">By corporate-pool spend in {{ \Illuminate\Support\Carbon::createFromFormat('Y-m', $month)->format('F Y') }}</p>
            </div>
            <table class="w-full">
                <thead><tr>
                    <th class="table-header">Member</th>
                    <th class="table-header">MRN</th>
                    <th class="table-header text-right">Visits</th>
                    <th class="table-header text-right">Total</th>
                </tr></thead>
                <tbody>
                @forelse($topUtilizers as $u)
                <tr>
                    <td class="table-cell font-medium text-xs">{{ $u['patient_name'] }}<div class="text-xs text-gray-400">{{ $u['member_no'] }}</div></td>
                    <td class="table-cell text-xs font-mono text-gray-500">{{ $u['mrn'] }}</td>
                    <td class="table-cell text-right text-xs">{{ $u['visits'] }}</td>
                    <td class="table-cell text-right text-xs font-semibold">{{ number_format($u['total']) }}</td>
                </tr>
                @empty
                <tr><td colspan="4" class="table-cell text-center text-gray-400 py-6 text-xs">No utilization in this period yet.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>

        {{-- By department --}}
        <div class="bg-white rounded-xl border shadow-sm overflow-hidden">
            <div class="px-4 py-3 border-b bg-gray-50/50">
                <h3 class="text-sm font-bold text-gray-900">Utilization by Department</h3>
                <p class="text-xs text-gray-400">Where the pool is being spent</p>
            </div>
            <div class="p-4">
                @php $maxDept = collect($byDept)->max('total') ?: 1; @endphp
                @forelse($byDept as $d)
                    <div class="mb-3 last:mb-0">
                        <div class="flex justify-between text-xs mb-1">
                            <span class="font-medium text-gray-700">{{ $d['department'] }}</span>
                            <span class="text-gray-500">{{ $d['bills'] }} bills · <span class="font-semibold text-gray-700">KES {{ number_format($d['total']) }}</span></span>
                        </div>
                        <div class="w-full h-2 bg-gray-100 rounded-full overflow-hidden">
                            <div class="bg-cr-500 h-full" style="width: {{ ($d['total'] / $maxDept) * 100 }}%"></div>
                        </div>
                    </div>
                @empty
                    <p class="text-center text-xs text-gray-400 py-6">No department utilization recorded.</p>
                @endforelse
            </div>
        </div>
    </div>

    {{-- Overdue premiums --}}
    @if(count($overdue))
    <div class="bg-white rounded-xl border shadow-sm overflow-hidden mb-4">
        <div class="px-4 py-3 border-b bg-amber-50/40">
            <h3 class="text-sm font-bold text-gray-900">Members with Overdue Premiums <span class="text-xs text-amber-700 font-normal">— {{ count($overdue) }} member(s)</span></h3>
        </div>
        <table class="w-full">
            <thead><tr>
                <th class="table-header">Member</th>
                <th class="table-header">MRN</th>
                <th class="table-header">Billing Month</th>
                <th class="table-header">Due Date</th>
                <th class="table-header text-right">Outstanding</th>
                <th class="table-header text-right">Days Overdue</th>
            </tr></thead>
            <tbody>
            @foreach(array_slice($overdue, 0, 20) as $o)
            <tr>
                <td class="table-cell text-xs">{{ trim(($o['patient']?->first_name ?? '').' '.($o['patient']?->last_name ?? '')) }}<div class="text-xs text-gray-400">{{ $o['member']->member_number }}</div></td>
                <td class="table-cell text-xs font-mono text-gray-500">{{ $o['patient']?->mrn }}</td>
                <td class="table-cell text-xs">{{ $o['collection']->billing_month }}</td>
                <td class="table-cell text-xs">{{ $o['collection']->due_date?->format('d M Y') }}</td>
                <td class="table-cell text-right text-xs font-semibold text-red-700">{{ number_format($o['collection']->amount_expected - $o['collection']->amount_paid) }}</td>
                <td class="table-cell text-right text-xs"><span class="badge badge-danger">{{ $o['days_overdue'] }}d</span></td>
            </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    @endif

    {{-- Pilot summary if pilot is configured --}}
    @if(count($snapshots))
    <div class="bg-white rounded-xl border shadow-sm overflow-hidden">
        <div class="px-4 py-3 border-b bg-cr-50">
            <h3 class="text-sm font-bold text-gray-900">3-Month Pilot Tracking</h3>
            <p class="text-xs text-gray-500">{{ $account->pilot_start_date?->format('d M Y') }} → {{ $account->pilot_end_date?->format('d M Y') }}</p>
        </div>
        <table class="w-full">
            <thead><tr>
                <th class="table-header">Month</th>
                <th class="table-header text-right">Premiums Collected</th>
                <th class="table-header text-right">Utilization</th>
                <th class="table-header text-right">Pool Balance</th>
                <th class="table-header text-right">Claims Ratio</th>
                <th class="table-header">Risk Band</th>
            </tr></thead>
            <tbody>
            @foreach($snapshots as $s)
            @php
                $sc = ['Green' => 'badge-success', 'Amber' => 'badge-warning', 'Red' => 'badge-danger', 'Critical' => 'badge-danger'][$s['risk_band']];
            @endphp
            <tr>
                <td class="table-cell text-xs font-medium">{{ $s['month'] }}</td>
                <td class="table-cell text-right text-xs">KES {{ number_format($s['premiums_collected']) }}</td>
                <td class="table-cell text-right text-xs">KES {{ number_format($s['utilization']) }}</td>
                <td class="table-cell text-right text-xs font-semibold {{ $s['pool_balance'] < 0 ? 'text-red-600' : 'text-cr-700' }}">KES {{ number_format($s['pool_balance']) }}</td>
                <td class="table-cell text-right text-xs">{{ $s['claims_ratio'] }}%</td>
                <td class="table-cell"><span class="badge {{ $sc }}">{{ $s['risk_band'] }}</span></td>
            </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    @endif
@endif
@endsection