@extends('portal.layouts.app')

@section('title', 'EFU Operations')
@section('subtitle', 'Underwriting pipeline and policy issuance')

@section('actions')
    <a href="{{ route('batches.lead-exports') }}"
       class="btn-primary btn-sm">
        Generate lead extract
    </a>
@endsection

@section('content')

    <div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
        <x-stat label="Leads awaiting extract" icon="inbox" tone="brand" :value="number_format($headline['pending_export'])"
                hint="Not yet handed to BIPL" :href="route('subscriptions.index', ['status' => 'lead'])" />
        <x-stat label="Awaiting CBC" icon="phone" tone="aqua" :value="number_format($headline['awaiting_cbc'])"
                hint="With BIPL for confirmation" :href="route('subscriptions.index', ['status' => 'exported'])" />
        <x-stat label="Awaiting deduction" icon="banknote" tone="amber" :value="number_format($headline['awaiting_deduction'])"
                hint="Confirmed, contribution not yet taken" />
        <x-stat label="Active policies" icon="shield" tone="leaf" :value="number_format($headline['active_policies'])"
                hint="PKR {{ number_format($headline['gross_contribution']) }} in force"
                :href="route('subscriptions.index', ['status' => 'active'])" />
    </div>

    <x-card title="Subscription pipeline" subtitle="Consent through to policy issuance" icon="trend">
        @include('portal.partials.pipeline')
    </x-card>

    <div class="grid gap-5 lg:grid-cols-3">
        <x-card title="Conversion funnel" icon="trend" class="lg:col-span-1">
            @if ($funnel === [])
                <p class="text-sm text-slate-500">No subscriptions have been captured yet.</p>
            @else
                <div class="space-y-3">
                    @foreach ($funnel as $stage => $data)
                        <div>
                            <div class="flex items-baseline justify-between text-sm">
                                <span class="text-slate-700">{{ $stage }}</span>
                                <span class="font-medium tabular-nums">{{ number_format($data['count']) }}</span>
                            </div>
                            <div class="mt-1.5 h-2 overflow-hidden rounded-full bg-slate-100">
                                <div class="h-full rounded-full bg-leaf-500" style="width: {{ $data['share'] }}%"></div>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
        </x-card>

        <x-card title="Latest applications" icon="list" :padded="false" class="lg:col-span-2">
            @if ($recentLeads->isEmpty())
                <p class="empty-state">No applications yet.</p>
            @else
                <div class="overflow-x-auto">
                    <table class="data-table">
                        <thead>
                        <tr>
                            <th>Reference</th>
                            <th>Customer</th>
                            <th>Product</th>
                            <th class="text-right">Contribution</th>
                            <th>Status</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($recentLeads as $lead)
                            <tr>
                                <td>
                                    <a href="{{ route('subscriptions.show', $lead) }}" class="font-mono text-xs hover:underline">
                                        {{ $lead->subscription_no }}
                                    </a>
                                </td>
                                <td>{{ $lead->customer->full_name }}</td>
                                <td>
                                    <span class="font-mono text-xs text-slate-400">{{ $lead->product->code }}</span>
                                    {{ $lead->plan?->code }}
                                </td>
                                <td class="text-right tabular-nums">{{ number_format((float) $lead->contribution_amount) }}</td>
                                <td>
                                    <x-badge :variant="$lead->status->badgeClass()">{{ $lead->status->label() }}</x-badge>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </x-card>
    </div>

    <div class="grid gap-5 lg:grid-cols-2">
        <x-card title="Performance by product" icon="shield" :padded="false">
            <div class="overflow-x-auto">
                <table class="data-table">
                    <thead>
                    <tr>
                        <th>Product</th>
                        <th class="text-right">Applications</th>
                        <th class="text-right">Active</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($byProduct as $row)
                        <tr>
                            <td>{{ $row['name'] }}</td>
                            <td class="text-right tabular-nums">{{ number_format($row['leads']) }}</td>
                            <td class="text-right tabular-nums">{{ number_format($row['active']) }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </x-card>

        <x-card title="Recent file batches" icon="folder" :padded="false">
            @include('portal.partials.batch-list', ['batches' => $batches])
        </x-card>
    </div>

@endsection