@php
    /**
     * Reusable bar chart (D75) — rendered by Chart.js (vendored, lazy-loaded by the two
     * analysis pages via resources/js/analysis.js). The figures are computed server-side;
     * we hand them to the chunk in a sibling JSON script and mirror them in a
     * visually-hidden table so screen readers (and no-JS) still get the values.
     *
     * @var array<int, array{label: string, value: int|float, display: string, x?: string}> $rows
     * @var string $unit  'eur' | 'count' — drives the value-axis tick formatting
     */
    $unit = $unit ?? 'count';
    $cid = 'anchart-'.\Illuminate\Support\Str::random(10);
    $payload = [
        'unit' => $unit,
        'labels' => array_map(fn ($r) => (string) $r['label'], $rows),
        'values' => array_map(fn ($r) => (float) $r['value'], $rows),
        'displays' => array_map(fn ($r) => (string) $r['display'], $rows),
    ];
@endphp

<div class="an-chart" role="img" aria-label="{{ $aria ?? 'Bar chart' }}">
    <canvas data-chart="{{ $cid }}" aria-hidden="true"></canvas>
</div>
<script type="application/json" id="{{ $cid }}">{!! json_encode($payload, JSON_HEX_TAG | JSON_HEX_AMP | JSON_UNESCAPED_UNICODE) !!}</script>

<table class="an-sr">
    <caption>{{ $aria ?? 'Chart data' }}</caption>
    <thead><tr><th scope="col">Label</th><th scope="col">Value</th></tr></thead>
    <tbody>
        @foreach ($rows as $r)
            <tr><th scope="row">{{ $r['label'] }}</th><td>{{ $r['display'] }}</td></tr>
        @endforeach
    </tbody>
</table>