@php
    $items = collect($items ?? []);
    $maxValue = max($items->pluck('value')->map(fn($value) => (float) $value)->max() ?? 0, 1);
    $totalValue = max($items->pluck('value')->map(fn($value) => (float) $value)->sum() ?? 0, 1);
    $chartClass = trim((string) ($chartClass ?? ''));
    $useCssPalette = (bool) ($useCssPalette ?? false);
    $preserveZeroBars = (bool) ($preserveZeroBars ?? true);
@endphp

<div class="sl-chart {{ $chartClass }}">
    @foreach ($items as $item)
        @php
            $rawLabel = trim((string) ($item['label'] ?? ''));
            $labelParts = preg_split('/\s+/', $rawLabel, 2);
            $label = collect($labelParts)->map(fn($part) => e($part))->join('<br>');
            $value = (float) ($item['value'] ?? 0);
            $height = $value <= 0 ? 0 : max(18, ($value / $maxValue) * 100);
            $percentage = isset($item['percentage']) ? (int) $item['percentage'] : ($totalValue > 0 ? round(($value / $totalValue) * 100) : 0);
            $barStyle = 'height: ' . $height . '%;';

            if (!$useCssPalette) {
                $barStyle .= ' background: ' . ($item['color'] ?? '#9adbd8') . ';';
            }
        @endphp
        <div class="sl-chart__item"
            aria-label="{{ $rawLabel }}: {{ number_format($value, 0, ',', '.') }} ({{ $percentage }}%)">
            <div class="sl-chart__bar-wrap">
                @if ($value > 0 || $preserveZeroBars)
                    <div class="sl-chart__value">
                        <strong>{{ number_format($value, 0, ',', '.') }}</strong>
                        <span>{{ $percentage }}%</span>
                    </div>
                @endif
                <div class="sl-chart__bar" style="{{ $barStyle }}">
                </div>
            </div>
            <div class="sl-chart__label">{!! $label !!}</div>
        </div>
    @endforeach
</div>