@extends('reportes.layouts.pdf-base')

@section('estilos-adicionales')
    <style>
        /* Tarjetas de estadísticas */
        .stat-cards {
            width: 100%;
            margin-bottom: 15px;
            overflow: hidden;
        }

        .stat-card {
            float: left;
            width: 24%;
            margin-right: 1%;
            padding: 12px;
            text-align: center;
            border-radius: 4px;
            color: white;
        }

        .stat-card:last-child {
            margin-right: 0;
        }

        .stat-card.total {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }

        .stat-card.presupuesto {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
        }

        .stat-card.ejecutado {
            background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
        }

        .stat-card.saldo {
            background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
        }

        .stat-number {
            font-size: 22px;
            font-weight: bold;
            display: block;
            margin-bottom: 3px;
        }

        .stat-label {
            font-size: 8px;
            text-transform: uppercase;
            opacity: 0.95;
        }
    </style>
@endsection

@section('contenido')
    {{-- ESTADÍSTICAS PRINCIPALES --}}
    <div class="stat-cards">
        <div class="stat-card total">
            <span class="stat-number">{{ $poas->count() }}</span>
            <span class="stat-label">Total POAs</span>
        </div>
        <div class="stat-card presupuesto">
            <span class="stat-number">Bs. {{ number_format($estadisticas['presupuesto_total'] / 1000000, 1) }}M</span>
            <span class="stat-label">Presupuesto</span>
        </div>
        <div class="stat-card ejecutado">
            <span class="stat-number">Bs. {{ number_format($estadisticas['ejecutado_total'] / 1000000, 1) }}M</span>
            <span class="stat-label">Ejecutado</span>
        </div>
        <div class="stat-card saldo">
            <span class="stat-number">{{ $estadisticas['porcentaje_ejecucion'] }}%</span>
            <span class="stat-label">% Ejecución</span>
        </div>
    </div>
    <div style="clear: both;"></div>

    {{-- TABLA DE POAs --}}
    <table class="tabla-datos">
        <thead>
            <tr>
                <th style="width: 4%;">N°</th>
                <th style="width: 35%;">Unidad Educativa</th>
                <th style="width: 10%;">Gestión</th>
                <th style="width: 7%;">Cant.</th>
                <th style="width: 16%;">Presupuesto</th>
                <th style="width: 16%;">Ejecutado</th>
                <th style="width: 12%;">% Ejec.</th>
            </tr>
        </thead>
        <tbody>
            @forelse($poas as $index => $poa)
                @php
                    $porcentaje =
                        $poa->presupuesto_inicial > 0
                            ? round(($poa->ejecutado / $poa->presupuesto_inicial) * 100, 2)
                            : 0;

                    $clase = match (true) {
                        $porcentaje >= 80 => 'background: #e8f5e9;',
                        $porcentaje >= 50 => 'background: #fff9c4;',
                        default => 'background: #ffebee;',
                    };
                @endphp
                <tr style="{{ $clase }}">
                    <td class="text-center">{{ $index + 1 }}</td>
                    <td>{{ $poa->unidadEducativa->nombre ?? 'N/A' }}</td>
                    <td class="text-center">{{ $poa->gestion }}</td>
                    <td class="text-center">{{ $poa->cantidad ?? 0 }}</td>
                    <td class="text-right">Bs. {{ number_format($poa->presupuesto_inicial, 2) }}</td>
                    <td class="text-right">Bs. {{ number_format($poa->ejecutado, 2) }}</td>
                    <td class="text-center"><strong>{{ $porcentaje }}%</strong></td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" class="text-center" style="padding: 20px; color: #999;">
                        No se encontraron POAs activos
                    </td>
                </tr>
            @endforelse
        </tbody>
        @if ($poas->count() > 0)
            <tfoot>
                <tr style="font-weight: bold; background: #f8f9fa;">
                    <td colspan="4" class="text-right">TOTALES:</td>
                    <td class="text-right">Bs. {{ number_format($estadisticas['presupuesto_total'], 2) }}</td>
                    <td class="text-right">Bs. {{ number_format($estadisticas['ejecutado_total'], 2) }}</td>
                    <td class="text-center">{{ $estadisticas['porcentaje_ejecucion'] }}%</td>
                </tr>
            </tfoot>
        @endif
    </table>

    {{-- RESUMEN FINANCIERO --}}
    @if ($poas->count() > 0)
        <div class="resumen-box" style="margin-top: 15px;">
            <strong>RESUMEN:</strong>
            POAs Activos: <strong>{{ $poas->count() }}</strong> |
            Saldo Disponible: <strong>Bs. {{ number_format($estadisticas['saldo_total'], 2) }}</strong>
            @if (!empty($gestion))
                | Gestión: <strong>{{ $gestion }}</strong>
            @endif
        </div>
    @endif
@endsection

@section('footer-extra')
    Reporte General de POAs
@endsection