@php
    $base = $pack['base'];
    $money = fn (float $v) => $base . ' ' . number_format($v, 2);
    // Signed money for the bridge steps: the sign IS the information there.
    $signed = fn (float $v) => ($v >= 0 ? '+ ' : '− ') . $base . ' ' . number_format(abs($v), 2);

    $income = $pack['income'];
    $bridge = $pack['bridge'];
    $profit = $pack['profit'];
    $cash = $pack['cash'];
    $equity = $pack['equity'];

    // Headline strip. Deliberately shows BOTH revenue definitions side by side:
    // seeing them next to each other is what stops the "the system is wrong"
    // conversation before it starts.
    $metrics = [
        ['label' => __('Gross Sales'), 'value' => $money($income['gross_sales']), 'icon' => 'document-currency-dollar', 'accent' => '#3b6fa0', 'sub' => __('Invoiced this month')],
        ['label' => __('Cash Collected'), 'value' => $money($profit['cash_collected']), 'icon' => 'banknotes', 'accent' => '#10b981', 'sub' => __('Management revenue')],
        ['label' => __('Gross Profit'), 'value' => $money($profit['gross_profit']), 'icon' => 'scale-balance', 'accent' => '#7c3aed', 'sub' => number_format($profit['gross_margin_pct'], 1) . '% ' . __('margin')],
        ['label' => __('Net Profit'), 'value' => $money($profit['net_profit']), 'icon' => 'chart-pie', 'accent' => $profit['net_profit'] >= 0 ? '#0ea5e9' : '#f43f5e', 'sub' => number_format($profit['net_margin_pct'], 1) . '% ' . __('margin')],
        ['label' => __('Closing Cash'), 'value' => $money($cash['closing']), 'icon' => 'wallet', 'accent' => '#f59e0b', 'sub' => $cash['source'] === 'snapshot' ? __('Frozen at close') : __('Live from treasury')],
    ];

    $snapshot = $pack['snapshot'];
    $isClosed = $pack['is_closed'];
    $isReopened = $snapshot && ! $isClosed && $snapshot->reopened_at !== null;
@endphp

<div class="px-4 py-8 sm:px-6 lg:px-8">
    <div class="mx-auto max-w-7xl space-y-6">

        <x-page-header
            :title="__('Month-End Pack')"
            :subtitle="__('Everything the directors sign off on for one month, in one place: what was earned, spent, collected and owed.')">
            <a href="{{ route('month-end.pdf', ['month' => $month, 'preview' => 1]) }}" target="_blank" class="print:hidden">
                <x-secondary-button type="button">
                    <x-icon name="eye" class="-ms-1 me-1.5 h-4 w-4" />
                    {{ __('Preview') }}
                </x-secondary-button>
            </a>
            <a href="{{ route('month-end.pdf', ['month' => $month]) }}" class="print:hidden">
                <x-button type="button">
                    <x-icon name="arrow-down-tray" class="-ms-1 me-1.5 h-4 w-4" />
                    {{ __('Download PDF') }}
                </x-button>
            </a>
        </x-page-header>

        {{-- Month picker + the locked / open state of the period it belongs to. --}}
        <x-card class="p-4 sm:p-5">
            <div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
                <div class="flex items-center gap-3">
                    <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-indigo-50 text-indigo-600">
                        <x-icon name="calendar-days" class="h-5 w-5" />
                    </span>
                    <div>
                        <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Reporting month') }}</p>
                        <p class="text-base font-semibold text-slate-900">{{ $pack['period']['label'] }}</p>
                    </div>
                </div>

                <div class="flex flex-wrap items-center gap-2 print:hidden">
                    <button type="button" wire:click="shiftMonth(-1)"
                            class="inline-flex items-center gap-1.5 rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm font-semibold text-slate-600 shadow-sm transition hover:bg-slate-50">
                        <x-icon name="chevron-left" class="h-4 w-4" />
                        {{ __('Previous') }}
                    </button>
                    <select wire:model.live="month" class="rounded-xl border-slate-300 text-sm shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
                        @foreach ($months as $key => $label)
                            <option value="{{ $key }}">{{ $label }}</option>
                        @endforeach
                    </select>
                    <button type="button" wire:click="shiftMonth(1)" @disabled($atLatest)
                            class="inline-flex items-center gap-1.5 rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm font-semibold text-slate-600 shadow-sm transition hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-40">
                        {{ __('Next') }}
                        <x-icon name="chevron-right" class="h-4 w-4" />
                    </button>
                </div>
            </div>
        </x-card>

        {{-- Locked-month watermark. A closed month's figures are frozen; an open
             one is still moving under your feet, and the pack must say which. --}}
        @if ($isClosed)
            <div class="flex flex-col gap-2 rounded-2xl border border-emerald-200 bg-emerald-50 px-4 py-3.5 sm:flex-row sm:items-center sm:justify-between sm:px-5">
                <div class="flex items-start gap-3">
                    <span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-xl bg-emerald-100 text-emerald-700">
                        <x-icon name="lock-closed" class="h-4 w-4" />
                    </span>
                    <div>
                        <p class="text-sm font-semibold text-emerald-900">{{ __('Period closed, figures are final') }}</p>
                        <p class="text-xs text-emerald-700">
                            {{ __('Closed by :who on :when.', [
                                'who' => $snapshot->closer?->name ?? __('the system'),
                                'when' => optional($snapshot->locked_at)->timezone(config('app.display_timezone'))->format('j M Y, H:i') ?? '—',
                            ]) }}
                            {{ __('The cash block below is read from the frozen snapshot, not recomputed.') }}
                        </p>
                    </div>
                </div>
                <x-badge color="emerald">{{ __('Locked') }}</x-badge>
            </div>
        @elseif ($isReopened)
            <div class="flex flex-col gap-2 rounded-2xl border border-amber-200 bg-amber-50 px-4 py-3.5 sm:flex-row sm:items-center sm:justify-between sm:px-5">
                <div class="flex items-start gap-3">
                    <span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-xl bg-amber-100 text-amber-700">
                        <x-icon name="lock-open" class="h-4 w-4" />
                    </span>
                    <div>
                        <p class="text-sm font-semibold text-amber-900">{{ __('Period reopened for a correction') }}</p>
                        <p class="text-xs text-amber-700">
                            {{ __('Reopened by :who: “:reason”. Figures are live again and will change until the month is closed a second time.', [
                                'who' => $snapshot->reopener?->name ?? __('an administrator'),
                                'reason' => $snapshot->reopen_reason ?: __('no reason given'),
                            ]) }}
                        </p>
                    </div>
                </div>
                <x-badge color="amber">{{ __('Reopened') }}</x-badge>
            </div>
        @else
            <div class="flex flex-col gap-2 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3.5 sm:flex-row sm:items-center sm:justify-between sm:px-5">
                <div class="flex items-start gap-3">
                    <span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-xl bg-slate-200 text-slate-600">
                        <x-icon name="lock-open" class="h-4 w-4" />
                    </span>
                    <div>
                        <p class="text-sm font-semibold text-slate-800">{{ __('Period still open, figures are provisional') }}</p>
                        <p class="text-xs text-slate-500">{{ __('Anything back-dated into this month still changes these numbers. Close the month to freeze them.') }}</p>
                    </div>
                </div>
                <x-badge color="slate">{{ __('Open') }}</x-badge>
            </div>
        @endif

        {{-- Headline strip --}}
        <section class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5">
            @foreach ($metrics as $m)
                <x-card class="group relative flex flex-col overflow-hidden p-5 ring-slate-200/70 transition hover:-translate-y-0.5 hover:shadow-lg hover:shadow-slate-300/40">
                    <div class="flex items-start justify-between gap-2">
                        <p class="truncate text-[11px] font-semibold uppercase tracking-wider text-slate-400" title="{{ $m['label'] }}">{{ $m['label'] }}</p>
                        <span class="flex items-center justify-center rounded-xl text-white shadow-sm ring-1 ring-white/40" style="height: 2rem; width: 2rem; background: linear-gradient(135deg, {{ $m['accent'] }}, {{ $m['accent'] }}bb)">
                            <x-icon :name="$m['icon']" class="h-4 w-4" />
                        </span>
                    </div>
                    <p class="mt-3 font-bold leading-none tracking-tight text-slate-900 tabular-nums" style="font-size: 19px;">{{ $m['value'] }}</p>
                    <span class="mt-2.5 inline-flex w-fit items-center gap-1 rounded-full bg-slate-100 px-2 py-1 text-[11px] font-semibold text-slate-500">{{ $m['sub'] }}</span>
                </x-card>
            @endforeach
        </section>

        {{-- ══ THE BRIDGE ══════════════════════════════════════════════════════
             The most important block on the page. "Gross Sales" on the
             directors' spreadsheet means invoiced value; the system's headline
             revenue is cash collected. Both are right. Showing the walk between
             them turns a recurring "the system disagrees with my sheet" argument
             into a two-line explanation. --}}
        <x-card class="overflow-hidden">
            <div class="border-b border-slate-100 bg-gradient-to-r from-indigo-50/70 to-transparent p-4 sm:p-5">
                <div class="flex items-start gap-3">
                    <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-indigo-100 text-indigo-700">
                        <x-icon name="arrows-right-left" class="h-5 w-5" />
                    </span>
                    <div>
                        <h2 class="text-base font-semibold text-slate-900">{{ __('Gross Sales → Cash Collected') }}</h2>
                        <p class="mt-0.5 text-xs text-slate-500">
                            {{ __('Two different questions, two correct answers. "Gross Sales" is what you invoiced this month; "Cash Collected" is what actually reached the bank, and it is the figure every profit number on this page is built on.') }}
                        </p>
                    </div>
                </div>
            </div>

            <div class="divide-y divide-slate-100">
                <div class="flex items-center justify-between gap-4 px-4 py-3.5 sm:px-5">
                    <div class="min-w-0">
                        <p class="text-sm font-semibold text-slate-900">{{ __('Gross Sales (invoiced)') }}</p>
                        <p class="text-xs text-slate-400">{{ __('Total value of invoices raised in :month.', ['month' => $pack['period']['label']]) }}</p>
                    </div>
                    <p class="shrink-0 whitespace-nowrap text-sm font-bold tabular-nums text-slate-900">{{ $money($bridge['gross_sales']) }}</p>
                </div>

                @forelse ($bridge['steps'] as $step)
                    <div class="flex items-center justify-between gap-4 px-4 py-3 sm:px-5">
                        <div class="min-w-0">
                            <p class="text-sm text-slate-600">{{ $step['label'] }}</p>
                            <p class="text-xs text-slate-400">{{ $step['hint'] }}</p>
                        </div>
                        <p class="shrink-0 whitespace-nowrap text-sm font-semibold tabular-nums {{ $step['amount'] >= 0 ? 'text-emerald-600' : 'text-rose-600' }}">
                            {{ $signed($step['amount']) }}
                        </p>
                    </div>
                @empty
                    <div class="px-4 py-3 text-sm text-slate-400 sm:px-5">
                        {{ __('Nothing to reconcile: every invoice raised this month was collected in full within it.') }}
                    </div>
                @endforelse

                <div class="flex items-center justify-between gap-4 bg-slate-50/80 px-4 py-3.5 sm:px-5">
                    <div class="min-w-0">
                        <p class="text-sm font-semibold text-slate-900">{{ __('Cash Collected (management revenue)') }}</p>
                        <p class="text-xs text-slate-400">{{ __('The revenue basis used by the reports, the profit figures and commission.') }}</p>
                    </div>
                    <p class="shrink-0 whitespace-nowrap text-base font-bold tabular-nums text-emerald-700">{{ $money($bridge['cash_collected']) }}</p>
                </div>

                @if (abs($bridge['residual']) >= 0.01)
                    {{-- Should be unreachable: the walk is derived so it lands on
                         the engine's figure by construction. If it ever fires,
                         the pack says so out loud rather than showing a bridge
                         that does not bridge. --}}
                    <div class="flex items-center justify-between gap-4 bg-rose-50 px-4 py-3 sm:px-5">
                        <p class="text-sm font-semibold text-rose-800">{{ __('Unreconciled difference, please report this') }}</p>
                        <p class="shrink-0 whitespace-nowrap text-sm font-bold tabular-nums text-rose-700">{{ $money($bridge['residual']) }}</p>
                    </div>
                @endif
            </div>
        </x-card>

        {{-- ══ 1 · INCOME ═════════════════════════════════════════════════════ --}}
        <x-card class="overflow-hidden">
            <x-month-end.section-head icon="currency-dollar" tone="emerald" :title="__('Income')"
                :subtitle="__('Money in, split the way the FRS asks for it. Deposits are the first payment against an invoice; balances are everything after.')" />

            <div class="overflow-x-auto">
                <table class="min-w-full divide-y divide-slate-100">
                    <tbody class="divide-y divide-slate-100 bg-white">
                        <x-month-end.row :label="__('Gross Sales (invoiced)')" :value="$money($income['gross_sales'])"
                            :hint="__('Invoiced value, not cash. Bridged above.')" muted />
                        <x-month-end.row :label="__('Deposits Received')" :value="$money($income['deposits_received'])"
                            :hint="__('First payment on an invoice.')" />
                        <x-month-end.row :label="__('Balances Received')" :value="$money($income['balances_received'])"
                            :hint="__('Every later payment on the same invoice.')" />
                        <x-month-end.row :label="__('Sales cash collected (gross)')" :value="$money($income['gross_collected'])" subtotal />
                        @if ($income['refunds_paid'] > 0)
                            <x-month-end.row :label="__('Less: refunds paid')" :value="'− ' . $money($income['refunds_paid'])"
                                :hint="__('A refund reverses a sale, it is not a negative deposit.')" negative />
                        @endif
                        <x-month-end.row :label="__('Other Income')" :value="$money($income['other_income'])"
                            :hint="__('Rent, WiFi, services and other non-sales money received.')" />
                        <x-month-end.row :label="__('Total money in')" :value="$money($income['total_received'])" total />
                    </tbody>
                </table>
            </div>
        </x-card>

        {{-- ══ 2 · EXPENSES ═══════════════════════════════════════════════════ --}}
        <x-card class="overflow-hidden">
            <x-month-end.section-head icon="receipt-percent" tone="rose" :title="__('Expenses')"
                :subtitle="__('Every expense recorded against this month, folded into the eleven lines the directors report on. This is the cash book, not the profit and loss below.')" />

            <div class="overflow-x-auto">
                <table class="min-w-full divide-y divide-slate-100">
                    <thead>
                        <tr class="bg-slate-50/80 text-left text-[11px] font-semibold uppercase tracking-wider text-slate-500">
                            <th class="px-3 py-3.5 lg:px-4">{{ __('Line') }}</th>
                            <th class="px-3 py-3.5 lg:px-4">{{ __('Categories included') }}</th>
                            <th class="px-3 py-3.5 text-right lg:px-4">{{ __('Amount') }}</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-slate-100 bg-white">
                        @foreach ($pack['expenses']['lines'] as $line)
                            <tr wire:key="exp-{{ $line['key'] }}" class="transition hover:bg-slate-50/70 {{ $line['amount'] <= 0 ? 'text-slate-400' : '' }}">
                                <td class="whitespace-nowrap px-3 py-3.5 text-sm font-medium lg:px-4 {{ $line['amount'] > 0 ? 'text-slate-900' : 'text-slate-400' }}">
                                    <span class="inline-flex items-center gap-2">
                                        <x-icon :name="$line['icon']" class="h-4 w-4 text-slate-300" />
                                        {{ $line['label'] }}
                                    </span>
                                </td>
                                <td class="px-3 py-3.5 text-xs text-slate-500 lg:px-4">
                                    {{ $line['categories'] ? implode(', ', array_keys($line['categories'])) : '—' }}
                                </td>
                                <td class="whitespace-nowrap px-3 py-3.5 text-right text-sm font-semibold tabular-nums lg:px-4 {{ $line['amount'] > 0 ? 'text-slate-900' : 'text-slate-300' }}">
                                    {{ $money($line['amount']) }}
                                </td>
                            </tr>
                        @endforeach
                        <tr class="bg-slate-50/80">
                            <td class="whitespace-nowrap px-3 py-3.5 text-sm font-bold text-slate-900 lg:px-4" colspan="2">{{ __('Total expenses recorded') }}</td>
                            <td class="whitespace-nowrap px-3 py-3.5 text-right text-base font-bold tabular-nums text-slate-900 lg:px-4">{{ $money($pack['expenses']['total']) }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div class="border-t border-slate-100 bg-amber-50/60 px-4 py-3 sm:px-5">
                <p class="flex items-start gap-2 text-xs text-amber-800">
                    <x-icon name="information-circle" class="mt-px h-3.5 w-3.5 shrink-0" />
                    <span>{{ __('This total will not equal the costs in the Profit block. The profit and loss takes production cost from the job cost ledger and overheads from the agreed monthly run rate, while this table is simply every expense keyed against the month. They answer different questions on purpose.') }}</span>
                </p>
            </div>
        </x-card>

        {{-- ══ 3 · PROFIT ═════════════════════════════════════════════════════ --}}
        <x-card class="overflow-hidden">
            <x-month-end.section-head icon="scale-balance" tone="violet" :title="__('Profit')"
                :subtitle="__('Straight from the finance engine, the same figures the Reports and Break-even pages show for this window.')" />

            <div class="overflow-x-auto">
                <table class="min-w-full divide-y divide-slate-100">
                    <tbody class="divide-y divide-slate-100 bg-white">
                        <x-month-end.row :label="__('Cash Collected')" :value="$money($profit['cash_collected'])" :hint="__('Management revenue.')" />
                        <x-month-end.row :label="__('Less: cost of sales')" :value="'− ' . $money($profit['cogs'])" :hint="__('Direct job costs: materials, labour, outsourcing.')" negative />
                        <x-month-end.row :label="__('Gross Profit')" :value="$money($profit['gross_profit'])"
                            :hint="number_format($profit['gross_margin_pct'], 1) . '% ' . __('gross margin')" subtotal />
                        <x-month-end.row :label="__('Less: overheads')" :value="'− ' . $money($profit['overheads'])" :hint="__('The monthly nut, scaled to the month.')" negative />
                        @if ($profit['other_opex'] != 0.0)
                            <x-month-end.row :label="__('Less: other operating costs')" :value="'− ' . $money($profit['other_opex'])" :hint="__('One-off costs incurred in the month.')" negative />
                        @endif
                        @if ($profit['cancelled_costs'] != 0.0)
                            <x-month-end.row :label="__('Less: costs on cancelled sales')" :value="'− ' . $money($profit['cancelled_costs'])" :hint="__('Work paid for on a sale that was later voided.')" negative />
                        @endif
                        <x-month-end.row :label="__('Net Profit')" :value="$money($profit['net_profit'])"
                            :hint="number_format($profit['net_margin_pct'], 1) . '% ' . __('net margin')" total />
                    </tbody>
                </table>
            </div>
        </x-card>

        {{-- ══ 4 · CASH ═══════════════════════════════════════════════════════ --}}
        <x-card class="overflow-hidden">
            <x-month-end.section-head icon="banknotes" tone="amber" :title="__('Cash')"
                :subtitle="$cash['source'] === 'snapshot'
                    ? __('Read from the frozen snapshot taken when this month was closed.')
                    : __('Live from the treasury ledger. Closing cash is opening plus in, less out.')" />

            <div class="grid grid-cols-2 gap-px bg-slate-100 sm:grid-cols-4">
                @foreach ([
                    ['label' => __('Opening Cash'), 'value' => $cash['opening'], 'tone' => 'text-slate-900'],
                    ['label' => __('Cash In'), 'value' => $cash['in'], 'tone' => 'text-emerald-600'],
                    ['label' => __('Cash Out'), 'value' => $cash['out'], 'tone' => 'text-rose-600'],
                    ['label' => __('Closing Cash'), 'value' => $cash['closing'], 'tone' => 'text-slate-900'],
                ] as $cell)
                    <div class="bg-white p-4 sm:p-5">
                        <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ $cell['label'] }}</p>
                        <p class="mt-2 font-bold tabular-nums {{ $cell['tone'] }}" style="font-size: 19px;">{{ $money($cell['value']) }}</p>
                    </div>
                @endforeach
            </div>
            @if (($cash['held_change'] ?? 0) > 0)
                <p class="border-t border-slate-100 px-4 py-3 text-xs text-slate-500 sm:px-5">
                    {{ __('Of the closing cash, :amount is change held for walk-in customers. It is theirs, it does not expire, and it carries into the next month untouched.', ['amount' => $money($cash['held_change'])]) }}
                </p>
            @endif
        </x-card>

        {{-- ══ 5 · RECEIVABLES / PAYABLES ═════════════════════════════════════ --}}
        <div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
            @foreach ([
                ['key' => 'receivables', 'title' => __('Receivables'), 'sub' => __('What customers still owe you.'), 'icon' => 'arrow-down-tray', 'tone' => 'sky', 'who' => __('Customer')],
                ['key' => 'payables', 'title' => __('Payables'), 'sub' => __('What you still owe suppliers.'), 'icon' => 'arrow-up-tray', 'tone' => 'orange', 'who' => __('Supplier')],
            ] as $side)
                @php $data = $pack[$side['key']]; @endphp
                <x-card class="overflow-hidden">
                    <x-month-end.section-head :icon="$side['icon']" :tone="$side['tone']" :title="$side['title']" :subtitle="$side['sub']" />

                    <div class="border-b border-slate-100 px-4 py-3.5 sm:px-5">
                        <div class="flex items-baseline justify-between gap-3">
                            <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Total outstanding') }}</p>
                            <p class="text-lg font-bold tabular-nums text-slate-900">{{ $money($data['grandTotal']) }}</p>
                        </div>
                        <div class="mt-1 flex items-baseline justify-between gap-3">
                            <p class="text-xs text-slate-400">{{ __('Of which overdue') }}</p>
                            <p class="text-sm font-semibold tabular-nums text-rose-600">{{ $money($data['overdue']) }}</p>
                        </div>
                    </div>

                    <div class="overflow-x-auto">
                        <table class="min-w-full divide-y divide-slate-100">
                            <thead>
                                <tr class="bg-slate-50/80 text-left text-[11px] font-semibold uppercase tracking-wider text-slate-500">
                                    <th class="px-3 py-3 lg:px-4">{{ __('Ageing') }}</th>
                                    <th class="px-3 py-3 text-right lg:px-4">{{ __('Amount') }}</th>
                                </tr>
                            </thead>
                            <tbody class="divide-y divide-slate-100 bg-white">
                                @foreach ($buckets as $key => $label)
                                    <tr class="transition hover:bg-slate-50/70">
                                        <td class="whitespace-nowrap px-3 py-3 text-sm text-slate-600 lg:px-4">
                                            {{ $label }}{{ $key === 'current' ? '' : ' ' . __('days') }}
                                        </td>
                                        <td class="whitespace-nowrap px-3 py-3 text-right text-sm font-semibold tabular-nums lg:px-4 {{ $data['bucketTotals'][$key] > 0 ? 'text-slate-900' : 'text-slate-300' }}">
                                            {{ $money($data['bucketTotals'][$key]) }}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    <div class="border-t border-slate-100 px-4 py-3 sm:px-5">
                        <p class="text-xs text-slate-400">
                            {{ trans_choice('{0}No open balances.|{1}:count :who with an open balance, as at today.|[2,*]:count :who with open balances, as at today.', $data['counterparties'], [
                                'count' => $data['counterparties'],
                                'who' => \Illuminate\Support\Str::lower($side['who']) . ($data['counterparties'] === 1 ? '' : 's'),
                            ]) }}
                        </p>
                    </div>
                </x-card>
            @endforeach
        </div>

        {{-- ══ 6 · INVENTORY + 7 · OWNER EQUITY ═══════════════════════════════ --}}
        <div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
            <x-card class="overflow-hidden">
                <x-month-end.section-head icon="archive-box" tone="cyan" :title="__('Inventory Summary')"
                    :subtitle="__('Stock on the shelf at weighted average cost, as at today.')" />

                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-slate-100">
                        <tbody class="divide-y divide-slate-100 bg-white">
                            <x-month-end.row :label="__('Stock Value')" :value="$money($pack['inventory']['stock_value'])"
                                :hint="__('On hand × weighted average cost.')" total />
                            <x-month-end.row :label="__('Stocked items')" :value="number_format($pack['inventory']['variant_count'])" />
                            <x-month-end.row :label="__('Out of stock')" :value="number_format($pack['inventory']['out_of_stock'])"
                                :hint="__('Items showing nothing on the shelf.')" />
                        </tbody>
                    </table>
                </div>
            </x-card>

            <x-card class="overflow-hidden">
                <x-month-end.section-head icon="scale-balance" tone="indigo" :title="__('Owner Equity')"
                    :subtitle="__('Money the owners put in, and money they took out. A drawing is not an expense, it never touches profit, it reduces the owners\' stake.')" />

                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-slate-100">
                        <tbody class="divide-y divide-slate-100 bg-white">
                            <x-month-end.row :label="__('Capital Contributions')" :value="$money($equity['contributions'])"
                                :hint="__('Put into the business this month.')" />
                            <x-month-end.row :label="__('Owner Drawings')" :value="'− ' . $money($equity['drawings'])"
                                :hint="__('Taken out of the business this month.')" negative />
                            <x-month-end.row :label="__('Net movement this month')" :value="$money($equity['net'])" subtotal />
                            <x-month-end.row :label="__('Net owner capital to date')" :value="$money($equity['net_to_date'])"
                                :hint="__('All contributions since inception, less all drawings.')" total />
                        </tbody>
                    </table>
                </div>

                <div class="border-t border-slate-100 px-4 py-3 sm:px-5">
                    <a href="{{ route('capital.index') }}" wire:navigate class="inline-flex items-center gap-1 text-xs font-semibold text-indigo-600 transition hover:text-indigo-800">
                        {{ __('Open Capital & Equity') }}
                        <x-icon name="arrow-right" class="h-3.5 w-3.5" />
                    </a>
                </div>
            </x-card>
        </div>

        {{-- ══ 8 · AUTHORISED ADJUSTMENTS ═════════════════════════════════════
             Corrections booked against this month AFTER it was closed. They are
             shown as an explicit reconciling line, never folded into the frozen
             figures: a snapshot that quietly changes is not a snapshot. --}}
        @if ($pack['adjustments']['rows']->isNotEmpty())
            <x-card class="overflow-hidden">
                <x-month-end.section-head icon="pencil-square" tone="amber" :title="__('Authorised Adjustments')"
                    :subtitle="__('Approved corrections booked against this month after it was closed. The frozen figures above are left exactly as they were; these are the reconciling lines on top.')" />

                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-slate-100">
                        <thead>
                            <tr class="bg-slate-50/80 text-left text-[11px] font-semibold uppercase tracking-wider text-slate-500">
                                <th class="px-3 py-3.5 lg:px-4">{{ __('Account') }}</th>
                                <th class="px-3 py-3.5 lg:px-4">{{ __('Reason') }}</th>
                                <th class="px-3 py-3.5 lg:px-4">{{ __('Approved by') }}</th>
                                <th class="px-3 py-3.5 text-right lg:px-4">{{ __('Effect on profit') }}</th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-slate-100 bg-white">
                            @foreach ($pack['adjustments']['rows'] as $adj)
                                <tr wire:key="adj-{{ $adj->id }}" class="transition hover:bg-slate-50/70">
                                    <td class="px-3 py-3.5 text-sm font-medium text-slate-900 lg:px-4">{{ $adj->account_label }}</td>
                                    <td class="px-3 py-3.5 text-sm text-slate-600 lg:px-4">{{ $adj->reason }}</td>
                                    <td class="whitespace-nowrap px-3 py-3.5 text-sm text-slate-500 lg:px-4">{{ $adj->approver?->name ?? '—' }}</td>
                                    <td class="whitespace-nowrap px-3 py-3.5 text-right text-sm font-semibold tabular-nums lg:px-4 {{ $adj->signedAmount() >= 0 ? 'text-emerald-600' : 'text-rose-600' }}">
                                        {{ $signed($adj->signedAmount()) }}
                                    </td>
                                </tr>
                            @endforeach
                            <tr class="bg-slate-50/80">
                                <td class="px-3 py-3.5 text-sm font-bold text-slate-900 lg:px-4" colspan="3">{{ __('Net adjustment') }}</td>
                                <td class="whitespace-nowrap px-3 py-3.5 text-right text-base font-bold tabular-nums text-slate-900 lg:px-4">{{ $signed($pack['adjustments']['net']) }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </x-card>
        @endif

        <p class="pt-2 text-center text-xs text-slate-400">
            {{ __('All amounts are in :code.', ['code' => $base]) }}
            {{ __('Receivables, payables and inventory are point in time, as at today; every other figure belongs to :month.', ['month' => $pack['period']['label']]) }}
        </p>
    </div>
</div>