@if(count($recibo_num['recibo']['controles']) > 0)
    @php
        $comp = $recibo_num['recibo']['composicion_salarial'];
        $total_sindical         = $comp['sindical']['empleador']         + $comp['sindical']['trabajador'];
        $total_seguridad_social = $comp['seguridad_social']['empleador'] + $comp['seguridad_social']['trabajador'];
        $total_obra_social      = $comp['obra_social']['empleador']      + $comp['obra_social']['trabajador'];
        $total_inssjp           = $comp['inssjp']['empleador']           + $comp['inssjp']['trabajador'];
        $total_art              = $comp['art']['empleador'];
        $total_scvo             = $comp['scvo']['empleador'];
        $total_neto             = (float) $recibo_num['recibo']['total_neto'];

        $fmt = function ($v) { return '$ ' . number_format((float)$v, 2, ',', '.'); };

        // Torta: Costo total empleador = Neto + cada categoría
        $slices = [
            ['label' => 'Sueldo Neto',       'value' => $total_neto,             'color' => '#f6c042'],
            ['label' => 'Seguridad Social',  'value' => $total_seguridad_social, 'color' => '#e89b3c'],
            ['label' => 'Costo Sindical',    'value' => $total_sindical,         'color' => '#d97b2b'],
            ['label' => 'Obra Social',       'value' => $total_obra_social,      'color' => '#7b4fb8'],
            ['label' => 'PAMI',              'value' => $total_inssjp,           'color' => '#c0392b'],
            ['label' => 'ART',               'value' => $total_art,              'color' => '#3b6ea5'],
            ['label' => 'SCVO',              'value' => $total_scvo,             'color' => '#16a085'],
        ];
        $slices = array_values(array_filter($slices, fn($s) => $s['value'] > 0));
        $total_torta = array_sum(array_column($slices, 'value'));

        // Generar paths SVG (donut)
        $svg_paths = [];
        if ($total_torta > 0) {
            $cx = 60; $cy = 60; $r = 55;
            $angulo = -M_PI / 2;
            foreach ($slices as $s) {
                $frac = $s['value'] / $total_torta;
                $delta = $frac * 2 * M_PI;
                $a2 = $angulo + $delta;
                $x1 = $cx + $r * cos($angulo); $y1 = $cy + $r * sin($angulo);
                $x2 = $cx + $r * cos($a2);     $y2 = $cy + $r * sin($a2);
                $largeArc = $delta > M_PI ? 1 : 0;
                if ($frac >= 0.999) {
                    // Slice único: dibujar círculo completo
                    $path = "M {$cx},".($cy-$r)." A {$r},{$r} 0 1,1 ".($cx-0.01).",".($cy-$r)." Z";
                } else {
                    $path = "M {$cx},{$cy} L {$x1},{$y1} A {$r},{$r} 0 {$largeArc},1 {$x2},{$y2} Z";
                }
                $svg_paths[] = ['d' => $path, 'fill' => $s['color']];
                $angulo = $a2;
            }
        }
    @endphp

    {{-- Barra COMPOSICION SALARIAL --}}
    <div class="row mt-1" style="page-break-inside: avoid;">
        <table class="table table-bordered table-sm" width="100%" cellspacing="0" style="margin-bottom: 2px;">
            <tr style="background:#f0f0f0;">
                <th style="font-size:9px; padding:2px 6px; width:25%;">COMPOSICION SALARIAL:</th>
                <th style="font-size:9px; padding:2px 6px; width:25%;">Remunerativo: {{ $fmt($recibo_num['recibo']['total_remun']) }}</th>
                <th style="font-size:9px; padding:2px 6px; width:25%;">No Remunerativo: {{ $fmt($recibo_num['recibo']['total_no_remun']) }}</th>
                <th style="font-size:9px; padding:2px 6px; width:25%;">Descuentos: {{ $fmt($recibo_num['recibo']['total_aportes']) }}</th>
            </tr>
            <tr style="background:#f0f0f0;">
                <th colspan="4" class="text-center" style="font-size:10px; padding:2px 6px;">
                    SUELDO NETO {{ $fmt($total_neto) }}
                </th>
            </tr>
        </table>
    </div>

    {{-- Detalle de la composición salarial + Torta --}}
    <div class="row mt-1" style="page-break-inside: avoid;">
        <table width="100%" cellspacing="0" style="border-collapse:collapse;">
            <tr>
                {{-- Tabla detalle --}}
                <td style="width:70%; vertical-align:top; padding-right:6px;">
                    <table class="table table-bordered table-sm" width="100%" cellspacing="0" style="margin-bottom:0;">
                        <thead>
                            <tr>
                                <th colspan="4" class="text-center" style="font-size:10px; padding:3px 6px;">
                                    Detalle de la composici&oacute;n salarial
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th style="font-size:9px; width:30%; padding:2px 6px;">Total Costo Sindical</th>
                                <td class="text-right" style="font-size:9px; width:20%; padding:2px 6px;">{{ $fmt($total_sindical) }}</td>
                                <th style="font-size:9px; width:30%; padding:2px 6px;">Total costo INSSJP:</th>
                                <td class="text-right" style="font-size:9px; width:20%; padding:2px 6px;">{{ $fmt($total_inssjp) }}</td>
                            </tr>
                            <tr>
                                <td style="font-size:9px; padding:1px 6px 1px 16px;">Empleador</td>
                                <td class="text-right" style="font-size:9px; padding:1px 6px;">{{ $fmt($comp['sindical']['empleador']) }}</td>
                                <td style="font-size:9px; padding:1px 6px 1px 16px;">Trabajador</td>
                                <td class="text-right" style="font-size:9px; padding:1px 6px;">{{ $fmt($comp['inssjp']['trabajador']) }}</td>
                            </tr>
                            <tr>
                                <td style="font-size:9px; padding:1px 6px 1px 16px;">Trabajador</td>
                                <td class="text-right" style="font-size:9px; padding:1px 6px;">{{ $fmt($comp['sindical']['trabajador']) }}</td>
                                <td style="font-size:9px; padding:1px 6px 1px 16px;">Empleador</td>
                                <td class="text-right" style="font-size:9px; padding:1px 6px;">{{ $fmt($comp['inssjp']['empleador']) }}</td>
                            </tr>

                            <tr>
                                <th style="font-size:9px; padding:2px 6px;">Total Seguridad Social</th>
                                <td class="text-right" style="font-size:9px; padding:2px 6px;">{{ $fmt($total_seguridad_social) }}</td>
                                <th style="font-size:9px; padding:2px 6px;">Total costo ART:</th>
                                <td class="text-right" style="font-size:9px; padding:2px 6px;">{{ $fmt($total_art) }}</td>
                            </tr>
                            <tr>
                                <td style="font-size:9px; padding:1px 6px 1px 16px;">Empleador</td>
                                <td class="text-right" style="font-size:9px; padding:1px 6px;">{{ $fmt($comp['seguridad_social']['empleador']) }}</td>
                                <td style="font-size:9px; padding:1px 6px 1px 16px;">Empleador</td>
                                <td class="text-right" style="font-size:9px; padding:1px 6px;">{{ $fmt($comp['art']['empleador']) }}</td>
                            </tr>
                            <tr>
                                <td style="font-size:9px; padding:1px 6px 1px 16px;">Trabajador</td>
                                <td class="text-right" style="font-size:9px; padding:1px 6px;">{{ $fmt($comp['seguridad_social']['trabajador']) }}</td>
                                <td class="sin-bordes" style="font-size:9px;"></td>
                                <td class="sin-bordes" style="font-size:9px;"></td>
                            </tr>

                            <tr>
                                <th style="font-size:9px; padding:2px 6px;">Total Obra Social:</th>
                                <td class="text-right" style="font-size:9px; padding:2px 6px;">{{ $fmt($total_obra_social) }}</td>
                                <th style="font-size:9px; padding:2px 6px;">Total Costo SCVO:</th>
                                <td class="text-right" style="font-size:9px; padding:2px 6px;">{{ $fmt($total_scvo) }}</td>
                            </tr>
                            <tr>
                                <td style="font-size:9px; padding:1px 6px 1px 16px;">Empleador</td>
                                <td class="text-right" style="font-size:9px; padding:1px 6px;">{{ $fmt($comp['obra_social']['empleador']) }}</td>
                                <td style="font-size:9px; padding:1px 6px 1px 16px;">Empleador</td>
                                <td class="text-right" style="font-size:9px; padding:1px 6px;">{{ $fmt($comp['scvo']['empleador']) }}</td>
                            </tr>
                            <tr>
                                <td style="font-size:9px; padding:1px 6px 1px 16px;">Trabajador</td>
                                <td class="text-right" style="font-size:9px; padding:1px 6px;">{{ $fmt($comp['obra_social']['trabajador']) }}</td>
                                <td class="sin-bordes" style="font-size:9px;"></td>
                                <td class="sin-bordes" style="font-size:9px;"></td>
                            </tr>
                            <tr>
                                <td colspan="4" style="font-size:8px; font-style:italic; padding:2px 6px;">
                                    Nota: Seguridad social del empleador incluye SIPA, Fondo Nacional de Empleo y Asignaciones Familiares.
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>

                {{-- Torta + leyenda --}}
                <td style="width:30%; vertical-align:top; padding-left:6px;">
                    <table class="table table-bordered table-sm" width="100%" cellspacing="0" style="margin-bottom:0;">
                        <tr>
                            <th class="text-center" style="font-size:10px; padding:3px 6px;">Costo total empleador</th>
                        </tr>
                        <tr>
                            <td style="padding:4px; text-align:center;">
                                @if($total_torta > 0)
                                    <svg width="120" height="120" viewBox="0 0 120 120" style="display:inline-block;">
                                        @foreach($svg_paths as $p)
                                            <path d="{{ $p['d'] }}" fill="{{ $p['fill'] }}" stroke="#ffffff" stroke-width="1"/>
                                        @endforeach
                                    </svg>
                                @endif
                                <table width="100%" style="margin-top:4px; border-collapse:collapse;">
                                    @foreach($slices as $s)
                                        <tr>
                                            <td style="width:12px; padding:1px 2px;">
                                                <span style="display:inline-block; width:9px; height:9px; background:{{ $s['color'] }};"></span>
                                            </td>
                                            <td style="font-size:8px; padding:1px 2px;">{{ $s['label'] }}</td>
                                            <td style="font-size:8px; padding:1px 2px; text-align:right;">
                                                @php
                                                    $pct = $total_torta > 0 ? $s['value'] * 100 / $total_torta : 0;
                                                    $pctFmt = $pct == 0 ? '0,0' : ($pct < 0.1 ? '<0,1' : number_format($pct, 1, ',', '.'));
                                                @endphp
                                                {{ $pctFmt }}%
                                            </td>
                                        </tr>
                                    @endforeach
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
@endif