{{--
    How the headline figure on Home was reached.

    Kept out of the first screen but never out of the product: somebody who
    distrusts a number is owed the arithmetic, and somebody who doesn't should
    not have to scroll past it. Written as labelled rows rather than a grid of
    figures, because a row that reads "What came in … 1,200,000" needs no key.
--}}

<div class="stack">
    @if ($isBusiness)
        <div>
            <div class="plain-total">
                <span>{{ __('cashflow.revenue_received') }}</span>
                <span class="plain-total__value money"><x-money :value="$flow->revenueReceived" /></span>
            </div>

            <div class="plain-total">
                <span>
                    {{ __('cashflow.operating_expenses') }}
                    <span class="hint">· {{ __('dashboard.includes_payroll') }}</span>
                </span>
                @php $costs = $flow->operatingExpenses->plus($flow->payroll); @endphp
                <span class="plain-total__value {{ $costs->isPositive() ? 'money--negative' : '' }} money">
                    @if ($costs->isPositive())−@endif<x-money :value="$costs" />
                </span>
            </div>

            <div class="plain-total plain-total--strong">
                <span>{{ __('cashflow.operating_surplus') }}</span>
                <span class="plain-total__value money {{ $flow->operatingSurplus->isNegative() ? 'money--negative' : 'money--positive' }}">
                    <x-money :value="$flow->operatingSurplus" />
                </span>
            </div>
        </div>

        <div class="card card--sunken">
            <div class="section-head" style="margin-bottom:var(--s-3)">
                <h3 class="section-title" style="font-size:var(--text-md)">{{ __('cashflow.retained_total') }}</h3>
            </div>

            <div class="plain-total">
                <span>{{ __('cashflow.tax_reserve') }}</span>
                <span class="plain-total__value money"><x-money :value="$flow->taxReserveRequired" /></span>
            </div>
            <div class="plain-total">
                <span>{{ __('cashflow.working_capital') }}</span>
                <span class="plain-total__value money"><x-money :value="$flow->workingCapitalRequired" /></span>
            </div>
            <div class="plain-total">
                <span>{{ __('cashflow.reserves_required') }}</span>
                <span class="plain-total__value money"><x-money :value="$flow->reservesRequired" /></span>
            </div>
            <div class="plain-total plain-total--strong">
                <span>{{ __('common.total') }}</span>
                <span class="plain-total__value money"><x-money :value="$flow->totalRetained()" /></span>
            </div>
        </div>

        <p class="hint">{{ __('cashflow.explain_business') }}</p>

        <x-note tone="info" :title="__('cashflow.profit_is_not_cash')">
            {{ __('cashflow.profit_is_not_cash_body') }}
        </x-note>
    @else
        <div>
            <div class="plain-total">
                <span>{{ __('cashflow.income_received') }}</span>
                <span class="plain-total__value money"><x-money :value="$flow->incomeReceived" /></span>
            </div>

            <div class="plain-total">
                <span>{{ __('cashflow.mandatory_expenses') }}</span>
                <span class="plain-total__value {{ $flow->mandatoryExpenses->isPositive() ? 'money--negative' : '' }} money">
                    @if ($flow->mandatoryExpenses->isPositive())−@endif<x-money :value="$flow->mandatoryExpenses" />
                </span>
            </div>

            <div class="plain-total">
                <span>{{ __('cashflow.debt_obligations') }}</span>
                <span class="plain-total__value {{ $flow->debtObligations->isPositive() ? 'money--negative' : '' }} money">
                    @if ($flow->debtObligations->isPositive())−@endif<x-money :value="$flow->debtObligations" />
                </span>
            </div>

            <div class="plain-total plain-total--strong">
                <span>{{ __('cashflow.available_cash') }}</span>
                <span class="plain-total__value money {{ $flow->isShortfall() ? 'money--negative' : 'money--positive' }}">
                    <x-money :value="$flow->availableCash" />
                </span>
            </div>
        </div>

        @if ($flow->discretionarySpend->isPositive())
            <div class="card card--sunken">
                <div class="row-between" style="flex-wrap:wrap;gap:var(--s-3)">
                    <div>
                        <div style="font-weight:600">{{ __('cashflow.discretionary_spend') }}</div>
                        <div class="hint" style="max-width:44ch">{{ __('dashboard.discretionary_note') }}</div>
                    </div>
                    <span class="money money--lg"><x-money :value="$flow->discretionarySpend" /></span>
                </div>
            </div>
        @endif

        <p class="hint">{{ __('cashflow.explain_personal') }}</p>
    @endif

    {{-- Every account side by side, when there is more than one pot of money. --}}
    @if ($profiles->count() > 1)
        <div class="card card--sunken">
            <div class="section-head" style="margin-bottom:var(--s-3)">
                <h3 class="section-title" style="font-size:var(--text-md)">{{ __('dashboard.everything_together') }}</h3>
            </div>

            <div class="plain-total">
                <span>{{ __('dashboard.from_personal') }}</span>
                <span class="plain-total__value money"><x-money :value="$consolidated['personal']" /></span>
            </div>
            <div class="plain-total">
                <span>{{ __('dashboard.from_business') }}</span>
                <span class="plain-total__value money"><x-money :value="$consolidated['distributable']" /></span>
            </div>
            <div class="plain-total plain-total--strong">
                <span>{{ __('common.total') }}</span>
                <span class="plain-total__value money"><x-money :value="$consolidated['available']" /></span>
            </div>

            <p class="hint" style="margin-top:var(--s-3)">{{ __('dashboard.consolidated_note') }}</p>
        </div>
    @endif
</div>