@php
    $rows = $simulateResult['rows'] ?? [];
    $summary = $simulateResult['summary'] ?? [];
@endphp

<div class="sim-results" style="margin-top:1rem">
    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.5rem;margin-bottom:1rem">
        <div style="background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;text-align:center">
            <strong style="font-size:1.4rem">{{ $summary['total'] ?? 0 }}</strong><br><span style="font-size:.75rem;color:#64748b">LINHAS</span>
        </div>
        <div style="background:#fff;border:1px solid #d1fae5;border-radius:8px;padding:.75rem;text-align:center">
            <strong style="font-size:1.4rem;color:#059669">{{ $summary['would_create'] ?? 0 }}</strong><br><span style="font-size:.75rem;color:#64748b">CRIAR</span>
        </div>
        <div style="background:#fff;border:1px solid #fef3c7;border-radius:8px;padding:.75rem;text-align:center">
            <strong style="font-size:1.4rem;color:#d97706">{{ $summary['would_update'] ?? 0 }}</strong><br><span style="font-size:.75rem;color:#64748b">ATUALIZAR</span>
        </div>
        <div style="background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;text-align:center">
            <strong style="font-size:1.4rem">{{ $summary['skipped'] ?? 0 }}</strong><br><span style="font-size:.75rem;color:#64748b">IGNORAR</span>
        </div>
        <div style="background:#fff;border:1px solid #fee2e2;border-radius:8px;padding:.75rem;text-align:center">
            <strong style="font-size:1.4rem;color:#dc2626">{{ $summary['errors'] ?? 0 }}</strong><br><span style="font-size:.75rem;color:#64748b">ERRO</span>
        </div>
    </div>

    <input type="search" id="hp-filter" placeholder="Filtrar operadora, plano, fornecedor…" style="width:100%;max-width:400px;padding:.5rem;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem">

    <div id="hp-rows" style="display:flex;flex-direction:column;gap:.5rem">
        @foreach($rows as $row)
            @php
                $status = $row['status'] ?? 'skipped';
                $badge = match($status) {
                    'would_create' => ['CRIAR', '#d1fae5', '#065f46'],
                    'would_update' => ['ATUALIZAR', '#fef3c7', '#92400e'],
                    'error' => ['ERRO', '#fee2e2', '#991b1b'],
                    default => ['IGNORAR', '#f1f5f9', '#475569'],
                };
                $search = strtolower(implode(' ', [
                    $row['line'] ?? '',
                    $row['operadora'] ?? '',
                    $row['vendor_name'] ?? '',
                    $row['plan_code'] ?? '',
                    $row['product_name'] ?? '',
                    $row['message'] ?? '',
                ]));
            @endphp
            <details style="background:#fff;border:1px solid #e2e8f0;border-radius:8px" data-search="{{ $search }}">
                <summary style="padding:.65rem 1rem;cursor:pointer;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center">
                    <span style="font-size:.7rem;font-weight:700;padding:.2rem .45rem;border-radius:4px;background:{{ $badge[1] }};color:{{ $badge[2] }}">{{ $badge[0] }}</span>
                    <span>L{{ $row['line'] ?? '?' }}</span>
                    <strong>{{ $row['operadora'] ?? '' }}</strong>
                    <code>{{ $row['plano_tratado'] ?? $row['product_name'] ?? '' }}</code>
                    @if(!empty($row['nome_plano']) && ($row['nome_plano'] ?? '') !== ($row['plano_tratado'] ?? ''))
                        <span style="color:#64748b;font-size:.8rem" title="nome_plano na planilha">{{ Str::limit($row['nome_plano'], 48) }}</span>
                    @endif
                    @if(!empty($row['vendor_name']))
                        <span style="color:#64748b">→ {{ $row['vendor_name'] }}</span>
                    @endif
                    @if(!empty($row['message']))
                        <span style="color:#dc2626">{{ $row['message'] }}</span>
                    @endif
                </summary>
                <div style="padding:0 1rem 1rem;border-top:1px solid #f1f5f9;font-size:.85rem">
                    @if($status === 'error' && !empty($row['match_hints']))
                        <p><strong>Dicas de busca:</strong> {{ implode(', ', $row['match_hints']) }}</p>
                    @endif
                    <table style="width:100%;border-collapse:collapse">
                        <tr><td style="color:#64748b;width:35%">Produto (plano tratado)</td><td>{{ $row['plano_tratado'] ?? $row['product_name'] ?? '—' }}</td></tr>
                        <tr><td style="color:#64748b">Nome do plano (operadora)</td><td>{{ $row['nome_plano'] ?? '—' }}</td></tr>
                        <tr><td style="color:#64748b">Código do produto</td><td><code>{{ $row['plan_code'] ?? '—' }}</code></td></tr>
                        <tr><td style="color:#64748b">Categoria (planilha)</td><td>{{ $row['categoria'] ?? '—' }}</td></tr>
                        <tr><td style="color:#64748b">Categoria HI (id)</td><td>{{ $row['category_id'] ?? ($row['health_detail']['category'] ?? '—') }}</td></tr>
                        <tr><td style="color:#64748b">Fornecedor (ID)</td><td>{{ $row['vendor_id'] ?? '—' }}</td></tr>
                        <tr><td style="color:#64748b">CNPJ fornecedor</td><td>{{ $row['vendor_document'] ?? '—' }}</td></tr>
                    </table>
                </div>
            </details>
        @endforeach
    </div>
</div>

<script>
document.getElementById('hp-filter')?.addEventListener('input', function () {
    const q = this.value.trim().toLowerCase();
    document.querySelectorAll('#hp-rows details').forEach(function (el) {
        const hay = el.getAttribute('data-search') || '';
        el.style.display = !q || hay.includes(q) ? '' : 'none';
    });
});
</script>