@php
  $segments = $segments ?? [];
  $size = $size ?? 140;
  $thickness = $thickness ?? 16;

  $total = collect($segments)->sum('value');
  $total = max(1, $total);

  $radius = ($size - $thickness) / 2;
  $circ = 2 * pi() * $radius;

  $offset = 0;
@endphp

<svg width="{{ $size }}" height="{{ $size }}" viewBox="0 0 {{ $size }} {{ $size }}" class="block">
  <g transform="rotate(-90 {{ $size/2 }} {{ $size/2 }})">
    {{-- background ring --}}
    <circle cx="{{ $size/2 }}" cy="{{ $size/2 }}" r="{{ $radius }}"
            fill="none" stroke-width="{{ $thickness }}"
            class="stroke-white/10" />

    @foreach($segments as $seg)
      @php
        $val = max(0, (int)($seg['value'] ?? 0));
        $len = ($val / $total) * $circ;
        $dash = "{$len} " . ($circ - $len);
        $strokeClass = $seg['stroke'] ?? 'stroke-fuchsia-300';
      @endphp

      <circle cx="{{ $size/2 }}" cy="{{ $size/2 }}" r="{{ $radius }}"
              fill="none" stroke-width="{{ $thickness }}"
              stroke-linecap="round"
              class="{{ $strokeClass }}"
              stroke-dasharray="{{ $dash }}"
              stroke-dashoffset="{{ -$offset }}" />

      @php $offset += $len; @endphp
    @endforeach
  </g>

  {{-- center label --}}
  <text x="50%" y="48%" dominant-baseline="middle" text-anchor="middle"
        class="fill-white font-extrabold" style="font-size: 22px;">
    {{ $center ?? '' }}
  </text>
  <text x="50%" y="62%" dominant-baseline="middle" text-anchor="middle"
        class="fill-white/60" style="font-size: 11px;">
    {{ $label ?? '' }}
  </text>
</svg>