{{-- the live line of one queue card: the price a customer would get right now and the seconds left of the seller's
     window, both from the SERVER (the script only counts the seconds down between two reads, demo #45). replaced on
     every 2-second read without touching the card's buttons. slice 4الف: the customer's balance rides here too, so
     approving one order of a customer updates the balance on his other cards at the next read (+STATE-TRUTH). --}}
<p class="mz-hint">ماندهٔ فعلی مشتری: <bdi>{{ $card['balance'] }}</bdi></p>
<p class="mz-queue__now">
    قیمت فعلی: {{ $card['now']['price'] }}
    <span class="mz-pill {{ $card['now']['tone'] !== '' ? 'mz-pill--' . $card['now']['tone'] : '' }}">{{ $card['now']['diff'] }}</span>
</p>
<p class="mz-queue__left" role="timer">
    زمان باقی‌مانده: <strong class="mz-countdown js-countdown" data-left="{{ $card['left'] }}">{{ \App\Support\Display::countdown($card['left']) }}</strong>
</p>