@php
    /**
     * Persistent notice while money is on hold.
     *
     * A refusal a person only meets when they press Save has already wasted
     * their time; worse, a cashier who is told "403" learns nothing they can act
     * on. So the block announces itself on every page, before anybody opens a
     * payment form, and it says WHICH float disagrees and by HOW MUCH, because
     * the person reading it is usually the person who can settle it.
     *
     * Deliberately not the same colour as the archive banner above it: an
     * archive is a permanent state of a finished company, this is a job half
     * done that somebody has to finish today.
     */
    $balanceTeam = Auth::user()?->currentTeam;
    $balanceReconciliation = app(\App\Services\CutoverReconciliationService::class);
    $balanceBlocked = $balanceTeam !== null
        && ! \App\Support\ArchiveGuard::isArchived($balanceTeam)
        && ! $balanceReconciliation->isBalanced($balanceTeam->id);
@endphp

@if ($balanceBlocked)
    <div class="bg-rose-700 lg:pl-64">
        <div class="mx-auto flex max-w-screen-xl flex-wrap items-center gap-x-3 gap-y-1 px-3 py-2 sm:px-6 lg:px-8">
            <span class="flex shrink-0 items-center justify-center rounded-lg bg-rose-800 p-1.5">
                <x-icon name="exclamation-triangle" class="size-4 text-white" />
            </span>

            <p class="min-w-0 text-sm font-semibold text-white">
                {{ __('Money is on hold.') }}
                <span class="font-normal text-white/90">
                    {{ $balanceReconciliation->explain($balanceTeam->id) }}
                    {{ __('Payments, expenses and transfers are blocked until it is settled. Quoting, invoicing and jobs carry on as normal.') }}
                </span>
            </p>

            <a href="{{ route('treasury.reconciliation') }}" wire:navigate
               class="ml-auto shrink-0 rounded-lg bg-white/15 px-3 py-1 text-xs font-semibold text-white transition hover:bg-white/25">
                {{ __('Settle it') }}
            </a>
        </div>
    </div>
@endif