{{--
  Server-rendered donut with legend (inline SVG, no JS).
  @include('partials.charts.donut', ['data' => [['label'=>'Paid','value'=>12,'color'=>'#1baf7a'], …], 'size' => 150, 'format' => 'int'|'money', 'title' => 'Payment methods', 'center' => 'Total'])
  'color' is optional (falls back to the categorical palette in order); 'note' is an optional small second line in the legend.
--}}
@php
    $palette = ['#2a78d6', '#eb6834', '#1baf7a', '#eda100', '#e87ba4', '#008300', '#4a3aa7', '#e34948'];
    $rows = collect($data ?? [])->values()->map(fn ($r, $i) => ['label' => $r['label'] ?? '', 'value' => max(0, (float) ($r['value'] ?? 0)), 'note' => $r['note'] ?? null, 'color' => $r['color'] ?? $palette[$i % count($palette)]]);
    $total = (float) $rows->sum('value');
    $size = (int) ($size ?? 150);
    $format = $format ?? 'int';
    $title = $title ?? 'Share by category';
    $full = fn ($v) => $format === 'money' ? money($v) : number_format((float) $v);
    $compactMoney = function ($v) {
        $v = (float) $v;
        $cur = config('infotics.currency', 'PKR');
        if ($v >= 1e6) { return $cur.' '.rtrim(rtrim(number_format($v / 1e6, 2), '0'), '.').'M'; }
        if ($v >= 1e4) { return $cur.' '.rtrim(rtrim(number_format($v / 1e3, 1), '0'), '.').'K'; }
        return money($v);
    };
    $offset = 0;
@endphp
@if($total <= 0)
    <div class="viz-empty" style="min-height:{{ $size }}px">{{ $empty ?? 'Nothing to show yet.' }}</div>
@else
<figure class="viz viz-donut" aria-label="{{ $title }}">
    <div class="viz-donut-art" style="width:{{ $size }}px;height:{{ $size }}px">
        <svg viewBox="0 0 42 42" role="img" aria-label="{{ $title }}">
            <circle class="viz-donut-track" cx="21" cy="21" r="15.9155" fill="none" stroke-width="5"/>
            @foreach($rows as $r)
                @php $pct = $r['value'] / $total * 100; @endphp
                @if($pct > 0)
                <circle cx="21" cy="21" r="15.9155" fill="none" stroke="{{ $r['color'] }}" stroke-width="5" stroke-dasharray="{{ round(max(0, $pct - ($rows->where('value', '>', 0)->count() > 1 ? .8 : 0)), 3) }} {{ round(100 - max(0, $pct - ($rows->where('value', '>', 0)->count() > 1 ? .8 : 0)), 3) }}" stroke-dashoffset="{{ round(25 - $offset, 3) }}"><title>{{ $r['label'] }}: {{ $full($r['value']) }} ({{ round($pct) }}%)</title></circle>
                @endif
                @php $offset += $pct; @endphp
            @endforeach
        </svg>
        <div class="viz-donut-center"><b>{{ $format === 'money' ? $compactMoney($total) : number_format($total) }}</b><small>{{ $center ?? 'Total' }}</small></div>
    </div>
    <ul class="viz-legend">
        @foreach($rows as $r)
            <li><i style="background:{{ $r['color'] }}" aria-hidden="true"></i><span>{{ $r['label'] }}@if($r['note'])<em>{{ $r['note'] }}</em>@endif</span><b>{{ $full($r['value']) }}</b><small>{{ round($r['value'] / $total * 100) }}%</small></li>
        @endforeach
    </ul>
</figure>
@endif