{{--
    Dependency-free SVG chart. Renders line+area or bars from a series.
    @param array  $series   [['label' => string, 'value' => float], ...]
    @param string $type     'line' | 'bar'
    @param int    $height
    @param string $format   'money' | 'number' | 'percent' | 'bytes'
--}}
@php
    $type = $type ?? 'line';
    $height = $height ?? 190;
    $format = $format ?? 'number';
    $labelsKey = $labelsKey ?? 'label';
    $valueKey = $valueKey ?? 'value';

    $values = collect($series)->map(fn ($p) => (float) (is_array($p) ? ($p[$valueKey] ?? 0) : $p))->all();
    $labels = collect($series)->map(fn ($p) => is_array($p) ? ($p[$labelsKey] ?? '') : '')->all();

    $w = 720;
    $h = $height;
    $padL = 46; $padR = 12; $padT = 12; $padB = 26;
    $plotW = $w - $padL - $padR;
    $plotH = $h - $padT - $padB;

    $max = count($values) ? max(max($values), 0.0001) : 1;
    $min = min(0, count($values) ? min($values) : 0);
    $range = ($max - $min) ?: 1;

    $fmt = function ($v) use ($format) {
        return match ($format) {
            'money'   => money($v),
            'percent' => number_format($v, 1).'%',
            'bytes'   => human_bytes($v),
            default   => $v >= 1000 ? number_format($v / 1000, 1).'k' : number_format($v, $v < 10 ? 1 : 0),
        };
    };

    $x = fn ($i) => count($values) > 1 ? $padL + ($i / (count($values) - 1)) * $plotW : $padL + $plotW / 2;
    $y = fn ($v) => $padT + $plotH - ((($v - $min) / $range) * $plotH);

    $points = [];
    foreach ($values as $i => $v) {
        $points[] = round($x($i), 2).','.round($y($v), 2);
    }
    $polyline = implode(' ', $points);

    $areaPath = $polyline
        ? 'M '.round($x(0), 2).','.round($padT + $plotH, 2).' L '.$polyline.' L '.round($x(count($values) - 1), 2).','.round($padT + $plotH, 2).' Z'
        : '';

    $barW = count($values) ? max(3, ($plotW / count($values)) * 0.62) : 10;
    $gridLines = 4;
@endphp

@if (count($series) === 0)
    <div class="empty"><span class="ico">&#128200;</span>No data for this period yet.</div>
@else
<svg class="chart" viewBox="0 0 {{ $w }} {{ $h }}" preserveAspectRatio="none" role="img" aria-label="Chart">
    <defs>
        <linearGradient id="nowillsGradient" x1="0" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#3b82f6" stop-opacity="0.55"/>
            <stop offset="100%" stop-color="#3b82f6" stop-opacity="0.02"/>
        </linearGradient>
    </defs>

    {{-- Horizontal grid + y-axis labels --}}
    @for ($g = 0; $g <= $gridLines; $g++)
        @php
            $gv = $min + ($range / $gridLines) * $g;
            $gy = $y($gv);
        @endphp
        <line class="grid-line" x1="{{ $padL }}" y1="{{ round($gy, 2) }}" x2="{{ $w - $padR }}" y2="{{ round($gy, 2) }}"/>
        <text class="axis-label" x="{{ $padL - 6 }}" y="{{ round($gy + 3, 2) }}" text-anchor="end">{{ $fmt($gv) }}</text>
    @endfor

    @if ($type === 'bar')
        @foreach ($values as $i => $v)
            @php
                $bx = $x($i) - $barW / 2;
                $bh = max(1, abs($y($v) - $y(max(0, $min))));
                $by = $v >= 0 ? $y($v) : $y(0);
            @endphp
            <rect class="bar {{ $v < 0 ? 'neg' : '' }}" x="{{ round($bx, 2) }}" y="{{ round($by, 2) }}"
                  width="{{ round($barW, 2) }}" height="{{ round($bh, 2) }}" rx="2">
                <title>{{ $labels[$i] ?? '' }}: {{ $fmt($v) }}</title>
            </rect>
        @endforeach
    @else
        @if ($areaPath)
            <path class="area" d="{{ $areaPath }}"/>
        @endif
        <polyline class="line" points="{{ $polyline }}"/>
        @foreach ($values as $i => $v)
            <circle cx="{{ round($x($i), 2) }}" cy="{{ round($y($v), 2) }}" r="2.6" fill="#fff" stroke="#2563eb" stroke-width="1.6">
                <title>{{ $labels[$i] ?? '' }}: {{ $fmt($v) }}</title>
            </circle>
        @endforeach
    @endif

    {{-- X-axis labels: show at most 8 to avoid crowding --}}
    @php
        $step = max(1, (int) ceil(count($labels) / 8));
    @endphp
    @foreach ($labels as $i => $label)
        @if ($i % $step === 0 && $label !== '')
            <text class="axis-label" x="{{ round($x($i), 2) }}" y="{{ $h - 8 }}" text-anchor="middle">{{ $label }}</text>
        @endif
    @endforeach
</svg>
@endif