{{-- a customer's balances (slice 4الف, flow ج۵ «مانده»), rendered ONLY here: by the colleague's «مانده», the seller's
     customer page. each asset says its state in a WORD (بدهکار · بستانکار · تسویه), never by colour alone; «ماندهٔ در
     دسترس» = the room left under the debt cap after the standing pending orders (decision 8), only when a cap is set.
     $who = «شما» for the customer, the customer's name in the panel. --}}
<div class="mz-cards">
    @foreach ($balances as $b)
        <div class="mz-card mz-balance">
            <h2 class="mz-card__title">{{ $b['label'] }}</h2>
            <p class="mz-balance__figure">
                <strong>{{ $b['figure'] }}</strong>
                <span class="mz-pill {{ $b['tone'] !== '' ? 'mz-pill--' . $b['tone'] : '' }}">{{ $b['word'] }}</span>
            </p>
            @if ($b['available'] !== null)
                <p class="mz-hint">ماندهٔ در دسترس برای {{ $b['asset'] === \App\Ledger\Ledger::RIAL ? 'خرید' : 'فروش' }}: {{ $b['available'] }}</p>
            @endif
        </div>
    @endforeach
</div>