@isset($exportar)
    @php    
        header("Cache-Control: maxage=1");
        header("Pragma: public");
        header('Content-type: application/vnd.ms-excel');
        header("Content-Disposition: attachment; filename=Cumplimiento.xls");
        header("Pragma: no-cache");
        header("Expires: 0");    
    @endphp
@endisset 

@php
    $totVenta = 0;
    $totPresupuesto = 0;
    $totVentaConPresupuesto = 0;
    $isExport = isset($exportar);
@endphp

<div class="table-responsive-container">
    <table class="table table-hover table-striped align-middle custom-table scroll-table-container">
        <thead>
            @if($Tipo == "vendedor")
                @if($Agrupado == "detallado")
                    <tr>
                        <th scope="col">Cód. Vend</th>
                        <th scope="col">Vendedor</th>          
                        <th scope="col" class="text-end">Venta Real ($)</th>
                        <th scope="col" class="text-end">Presupuesto ($)</th>  
                        <th scope="col" class="text-end">Diferencia ($)</th> 
                        <th scope="col" class="text-center">% Cumplimiento</th>
                        <th scope="col" class="text-center">Día</th>
                        <th scope="col" class="text-center">Mes</th>
                        <th scope="col" class="text-center">Año</th>
                    </tr>
                @else
                    <tr>
                        <th scope="col">Cód. Vend</th>
                        <th scope="col">Vendedor</th>          
                        <th scope="col" class="text-end">Venta Real ($)</th>
                        <th scope="col" class="text-end">Presupuesto ($)</th>  
                        <th scope="col" class="text-end">Diferencia ($)</th> 
                        <th scope="col" class="text-center">% Cumplimiento</th>
                    </tr>
                @endif
            @else
                @if($Agrupado == "detallado")
                    <tr>
                        <th scope="col">Cód. Bodega</th>
                        <th scope="col">Bodega</th>          
                        <th scope="col" class="text-end">Venta Real ($)</th>
                        <th scope="col" class="text-end">Presupuesto ($)</th>  
                        <th scope="col" class="text-end">Diferencia ($)</th>           
                        <th scope="col" class="text-center">% Cumplimiento</th>
                        <th scope="col" class="text-center">Día</th>
                        <th scope="col" class="text-center">Mes</th>
                        <th scope="col" class="text-center">Año</th>
                    </tr>
                @else
                    <tr>
                        <th scope="col">Cód. Bodega</th>
                        <th scope="col">Bodega</th>          
                        <th scope="col" class="text-end">Venta Real ($)</th>
                        <th scope="col" class="text-end">Presupuesto ($)</th>    
                        <th scope="col" class="text-end">Diferencia ($)</th>         
                        <th scope="col" class="text-center">% Cumplimiento</th>
                    </tr>
                @endif
            @endif
        </thead>
        <tbody>
            @isset($productos)
                @foreach ($productos as $item)
                    @php
                        $valVenta = floatval($item["valor"] ?? 0);
                        $valPresup = floatval($item["valorPresup"] ?? 0);
                        $diferencia = $valVenta - $valPresup;
                        
                        $totVenta += $valVenta;
                        $totPresupuesto += $valPresup;

                        $hasPresupuesto = ($valPresup > 0);
                        if ($hasPresupuesto) {
                            $totVentaConPresupuesto += $valVenta;
                            $pct = round(($valVenta / $valPresup) * 100, 1);
                        } else {
                            $pct = 0;
                        }

                        // Clases dinámicas de color para % de cumplimiento
                        if (!$hasPresupuesto) {
                            $badgeClass = 'bg-secondary text-white';
                            $progressClass = 'bg-secondary';
                        } elseif ($pct >= 100) {
                            $badgeClass = 'bg-success text-white';
                            $progressClass = 'bg-success';
                        } elseif ($pct >= 80) {
                            $badgeClass = 'bg-warning text-dark';
                            $progressClass = 'bg-warning';
                        } else {
                            $badgeClass = 'bg-danger text-white';
                            $progressClass = 'bg-danger';
                        }

                        $code = ($Tipo == "vendedor") ? ($item["codigoVendedor"] ?? '') : ($item["bodega"] ?? '');
                        $name = ($Tipo == "vendedor") ? ($item["nombrev"] ?? '') : ($item["nombreB"] ?? '');
                    @endphp

                    <tr>
                        <th style="mso-number-format:'@';">{{ $code }}</th>
                        <td style="mso-number-format:'@'; font-weight: 600;">{{ $name }}</td>
                    
                        <td class="text-end font-weight-bold text-success">${{ number_format($valVenta, 0) }}</td>
                        <td class="text-end">${{ number_format($valPresup, 0) }}</td>
                        <td class="text-end {{ $diferencia >= 0 ? 'text-primary' : 'text-danger' }}">
                            ${{ number_format($diferencia, 0) }}
                        </td>
                        
                        <td class="text-center">
                            @if($isExport)
                                {{ $hasPresupuesto ? number_format($pct, 1) . '%' : 'N/A' }}
                            @else
                                @if($hasPresupuesto)
                                    <div class="d-flex align-items-center justify-content-center gap-2">
                                        <span class="badge {{ $badgeClass }} px-2 py-1" style="font-size: 0.82rem; font-weight: 700; min-width: 55px;">
                                            {{ $pct > 999 ? '>999%' : number_format($pct, 1) . '%' }}
                                        </span>
                                        <div class="progress flex-grow-1 d-none d-md-block" style="height: 6px; min-width: 50px; background-color: #e2e8f0; border-radius: 4px;">
                                            <div class="progress-bar {{ $progressClass }}" role="progressbar" style="width: {{ min($pct, 100) }}%; border-radius: 4px;" aria-valuenow="{{ $pct }}" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </div>
                                @else
                                    <span class="badge bg-secondary text-white px-2 py-1" style="font-size: 0.78rem; font-weight: 600;" title="Sin presupuesto asignado">
                                        N/A
                                    </span>
                                @endif
                            @endif
                        </td>

                        @if($Agrupado == "detallado")
                            <td class="text-center">{{ $item["diaV"] ?? '' }}</td>
                            <td class="text-center">{{ $item["mesV"] ?? '' }}</td>
                            <td class="text-center">{{ $item["ageV"] ?? '' }}</td>
                        @endif
                    </tr>
                @endforeach
            @endisset
        </tbody>
        @isset($productos)
            @if(count($productos) > 0)
                @php
                    $totDiferencia = $totVenta - $totPresupuesto;
                    $hasTotPresupuesto = ($totPresupuesto > 0);
                    
                    // Se calcula el % sobre las ventas que sí tenían presupuesto configurado
                    $totPct = $hasTotPresupuesto ? round(($totVentaConPresupuesto / $totPresupuesto) * 100, 1) : 0;
                    
                    if (!$hasTotPresupuesto) {
                        $totBadge = 'bg-secondary text-white';
                    } elseif ($totPct >= 100) {
                        $totBadge = 'bg-success text-white';
                    } elseif ($totPct >= 80) {
                        $totBadge = 'bg-warning text-dark';
                    } else {
                        $totBadge = 'bg-danger text-white';
                    }
                @endphp
                <tfoot>
                    <tr class="table-dark font-weight-bold" style="background-color: #0f172a; color: #ffffff;">
                        <td colspan="2" class="text-uppercase text-end">Totales Generales:</td>
                        <td class="text-end text-success">${{ number_format($totVenta, 0) }}</td>
                        <td class="text-end">${{ number_format($totPresupuesto, 0) }}</td>
                        <td class="text-end {{ $totDiferencia >= 0 ? 'text-info' : 'text-warning' }}">${{ number_format($totDiferencia, 0) }}</td>
                        <td class="text-center">
                            @if($isExport)
                                {{ $hasTotPresupuesto ? ($totPct > 999 ? '>999%' : number_format($totPct, 1) . '%') : 'N/A' }}
                            @else
                                @if($hasTotPresupuesto)
                                    <span class="badge {{ $totBadge }} px-2 py-1" style="font-size: 0.9rem;" title="Cumplimiento sobre ventas con meta asignada: ${{ number_format($totVentaConPresupuesto, 0) }} vs ${{ number_format($totPresupuesto, 0) }}">
                                        {{ $totPct > 999 ? '>999%' : number_format($totPct, 1) . '%' }}
                                    </span>
                                @else
                                    <span class="badge bg-secondary text-white px-2 py-1" style="font-size: 0.85rem;" title="Sin presupuesto asignado en el periodo">
                                        N/A
                                    </span>
                                @endif
                            @endif
                        </td>
                        @if($Agrupado == "detallado")
                            <td colspan="3"></td>
                        @endif
                    </tr>
                </tfoot>
            @endif
        @endisset
    </table> 
</div>