@props([
    'title',
    'subtitle' => null,
    'rows' => [],
    'valueKey' => 'value',
    'labelKey' => 'label',
    'unit' => '',
    'color' => 'blue',
])

@php
    $items = collect($rows)
        ->map(fn ($row) => [
            'label' => (string) data_get($row, $labelKey, data_get($row, 'name', '—')),
            'value' => (float) data_get($row, $valueKey, 0),
        ])
        ->filter(fn ($row): bool => $row['value'] > 0)
        ->sortByDesc('value')
        ->values();
    $maxValue = max(1, (float) ($items->max('value') ?? 0));
    $formatNumber = fn (mixed $value): string => rtrim(rtrim(number_format((float) $value, 1, ',', ' '), '0'), ',');
@endphp

<article {{ $attributes->merge(['class' => 'dashboard-panel module-chart-card']) }}>
    <div class="dashboard-section-header">
        <div>
            <p class="dashboard-kicker">{{ $subtitle }}</p>
            <h3 class="dashboard-title mt-1 text-xl leading-none">{{ $title }}</h3>
        </div>
        <span class="dashboard-pill dashboard-pill--{{ $color }}">{{ $items->count() }}</span>
    </div>

    <div class="stats-horizontal-bars mt-4 stats-horizontal-bars--{{ $color }}" role="img" aria-label="{{ $title }}">
        @forelse ($items as $row)
            @php
                $width = max(4, min(100, ($row['value'] / $maxValue) * 100));
            @endphp
            <div class="stats-horizontal-bar">
                <div class="stats-horizontal-bar__head">
                    <span>{{ $row['label'] }}</span>
                    <strong>{{ trim($formatNumber($row['value']) . ' ' . $unit) }}</strong>
                </div>
                <div class="stats-horizontal-bar__track">
                    <span style="width: {{ number_format($width, 2, '.', '') }}%;"></span>
                </div>
            </div>
        @empty
            <div class="dashboard-empty text-sm">{{ __('Aucune donnée sur cette période.') }}</div>
        @endforelse
    </div>
</article>