@props(['series', 'max' => 1, 'height' => 160])

<div class="chart-bars" style="height: {{ $height }}px">
    @foreach($series as $point)
        @php
            $pct = $max > 0 ? round(($point['count'] / $max) * 100) : 0;
            $pct = max(4, min(100, $pct));
        @endphp
        <div class="chart-bar-col" title="{{ $point['label'] ?? $point['date'] }} : {{ $point['count'] }}">
            <div class="chart-bar" style="height: {{ $pct }}%"></div>
            <span class="chart-bar-label">{{ $point['label'] ?? $point['date'] }}</span>
        </div>
    @endforeach
</div>