@extends('portal.layouts.app')

@section('title', 'BIPL Operations')
@section('subtitle', 'Daily leads, call back confirmation and contribution deductions')

@section('actions')
    <a href="{{ route('batches.uploads') }}"
       class="btn-primary btn-sm">
        Upload a file
    </a>
@endsection

@section('content')

    <div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
        <x-stat label="Lead extracts available" icon="download" tone="brand" :value="number_format($workload['extracts_available'])"
                hint="Download and load into the bank system" :href="route('batches.lead-exports')" />
        <x-stat label="Leads awaiting CBC" icon="phone" tone="aqua" :value="number_format($workload['leads_awaiting_cbc'])"
                hint="{{ $workload['oldest_awaiting_cbc'] ? 'Oldest since '.\Carbon\Carbon::parse($workload['oldest_awaiting_cbc'])->format('d M Y') : 'Nothing outstanding' }}" />
        <x-stat label="Confirmed, awaiting deduction" icon="banknote" tone="amber" :value="number_format($workload['confirmed_awaiting_deduction'])"
                hint="Upload the successful deduction file" />
        <x-stat label="Deductions failed" icon="alert" tone="rose" :value="number_format($workload['deduction_failed'])"
                hint="Needs re-presentment or closure" />
    </div>

    <div class="grid gap-5 lg:grid-cols-3">
        <x-card title="How the daily cycle works" icon="clock" class="lg:col-span-1">
            <ol class="space-y-4 text-sm">
                <li class="flex gap-3">
                    <span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-brand-600 text-xs font-semibold text-white">1</span>
                    <div>
                        <p class="font-medium text-slate-900">Download the lead extract</p>
                        <p class="text-slate-500">Take the day's CSV and load it into the bank system.</p>
                    </div>
                </li>
                <li class="flex gap-3">
                    <span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-brand-600 text-xs font-semibold text-white">2</span>
                    <div>
                        <p class="font-medium text-slate-900">Run the CBC calls</p>
                        <p class="text-slate-500">Confirm each customer's consent by telephone.</p>
                    </div>
                </li>
                <li class="flex gap-3">
                    <span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-brand-600 text-xs font-semibold text-white">3</span>
                    <div>
                        <p class="font-medium text-slate-900">Upload the CBC result file</p>
                        <p class="text-slate-500">Confirmed leads move to awaiting deduction.</p>
                    </div>
                </li>
                <li class="flex gap-3">
                    <span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-leaf-600 text-xs font-semibold text-white">4</span>
                    <div>
                        <p class="font-medium text-slate-900">Upload the successful deduction file</p>
                        <p class="text-slate-500">Each successful row activates the policy.</p>
                    </div>
                </li>
            </ol>

            <a href="{{ route('batches.uploads') }}"
               class="btn-primary mt-5 w-full py-2.5">
                Go to file uploads
            </a>
        </x-card>

        <x-card title="Leads awaiting your CBC call" subtitle="Oldest first" icon="phone" :padded="false" class="lg:col-span-2">
            @if ($awaitingCbc->isEmpty())
                <p class="empty-state">Nothing is waiting on a CBC call.</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>Sent</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($awaitingCbc as $lead)
                            <tr>
                                <td class="font-mono text-xs">{{ $lead->subscription_no }}</td>
                                <td>
                                    {{ $lead->customer->full_name }}
                                    <span class="block text-xs text-slate-400">{{ $lead->customer->maskedMobile() }}</span>
                                </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 class="text-xs text-slate-500">{{ $lead->exported_at?->diffForHumans(short: true) }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </x-card>
    </div>

    <div class="grid gap-5 lg:grid-cols-2">
        <x-card title="Lead extracts" icon="download" :padded="false">
            {{-- A named slot, not an :actions attribute: attribute values are
                 escaped, so passing markup that way prints it as text. --}}
            <x-slot:actions>
                <a href="{{ route('batches.lead-exports') }}"
                   class="text-xs font-semibold text-brand-600 transition hover:text-brand-800 hover:underline">
                    View all
                </a>
            </x-slot:actions>

            @include('portal.partials.batch-list', ['batches' => $extracts])
        </x-card>

        <x-card title="Rows we could not apply" subtitle="From your recent uploads" icon="alert" :padded="false">
            @if ($failures->isEmpty())
                <p class="empty-state">Every uploaded row has been applied.</p>
            @else
                <ul class="divide-y divide-slate-100">
                    @foreach ($failures as $failure)
                        <li class="px-5 py-3">
                            <p class="text-sm text-slate-800">{{ $failure->message }}</p>
                            <p class="mt-0.5 text-xs text-slate-400">
                                {{ $failure->batch_no }} &middot; row {{ $failure->row_no }}
                                @if ($failure->reference) &middot; {{ $failure->reference }} @endif
                            </p>
                        </li>
                    @endforeach
                </ul>
            @endif
        </x-card>
    </div>

@endsection