{{--
    Headline figures: label, value, change from the previous period (arrow + words, coloured only as a
    second signal), and an optional sparkline.
      $tiles  list of ['label' => 'Views', 'value' => '12.9K', 'delta' => Charts::delta(...), 'sub' => 'text', 'spark' => [n, …]]
--}}
<div class="kpis">
    @foreach ($tiles as $t)
        <div class="kpi">
            <div class="kl">{{ $t['label'] }}</div>
            <div class="kval">{{ $t['value'] }}</div>
            @if (! empty($t['delta']['label']))<div class="kd {{ $t['delta']['tone'] }}" title="{{ $t['delta']['title'] }}">{{ $t['delta']['label'] }} <span class="muted">{{ $t['vs'] ?? '' }}</span></div>@endif
            @if (! empty($t['sub']))<div class="ks">{{ $t['sub'] }}</div>@endif
            @if (! empty($t['spark']))@include('charts.spark', ['values' => $t['spark']])@endif
        </div>
    @endforeach
</div>