@php
    $items = collect($items ?? [])->filter(fn ($item) => (float) ($item['value'] ?? 0) > 0)->values();
    $total = (int) $items->sum(fn ($item) => (int) ($item['value'] ?? 0));
    $leader = $items->sortByDesc(fn ($item) => (int) ($item['value'] ?? 0))->first();
@endphp

<div class="sl-document-chart" data-document-type-chart data-chart-items='@json($items->values())'>
    <div class="sl-document-chart__summary">
        <div class="sl-document-chart__summary-card">
            <span>Total exibido</span>
            <strong>{{ number_format($total, 0, ',', '.') }}</strong>
        </div>

        <div class="sl-document-chart__summary-card">
            <span>Tipo líder</span>
            <strong>{{ $leader['label'] ?? '-' }}</strong>
        </div>
    </div>

    <div class="sl-document-chart__content">
        <div class="sl-document-chart__canvas-wrap">
            <canvas class="sl-document-chart__canvas" width="320" height="320" aria-label="Gráfico de documentos por tipo"></canvas>
        </div>

        <div class="sl-document-chart__legend">
            @foreach ($items as $index => $item)
                <div class="sl-document-chart__legend-item">
                    <span class="sl-document-chart__legend-swatch is-{{ $index + 1 }}"></span>
                    <div class="sl-document-chart__legend-copy">
                        <strong>{{ $item['label'] ?? 'Documento' }}</strong>
                        <span>{{ number_format((int) ($item['value'] ?? 0), 0, ',', '.') }} documentos</span>
                    </div>
                    <em>{{ (int) ($item['percentage'] ?? 0) }}%</em>
                </div>
            @endforeach
        </div>
    </div>
</div>