{{--
    A ranked list with bars: label · bar · value (values always shown, so nothing hides in a tooltip).
      $rows   list of ['label' => 'Virginia', 'n' => 120, 'note' => '4.1% click rate' (optional), 'muted' => bool]
      $fmt    'n' or 'money'
      $empty  text when there is nothing yet
--}}
@php
    $fmt ??= 'n';
    $max = collect($rows)->max('n') ?: 0;
@endphp
@if (empty($rows))
    <p class="muted small viz-empty">{{ $empty ?? 'Nothing counted yet in this period.' }}</p>
@else
    <ol class="viz-bars">
        @foreach ($rows as $r)
            <li @class(['muted' => $r['muted'] ?? false])>
                <span class="lab" title="{{ $r['label'] }}">{{ $r['label'] }}</span>
                <span class="track"><b style="width:{{ $max > 0 ? max(0.6, round($r['n'] / $max * 100, 2)) : 0 }}%"></b></span>
                <span class="val">{{ $r['display'] ?? \App\Support\Charts::format($r['n'], $fmt) }}@if (! empty($r['note']))<small>{{ $r['note'] }}</small>@endif</span>
            </li>
        @endforeach
    </ol>
@endif