{{--
    Overview del Factory — tabla plana con todas las columnas operativas.
    SoT: FactoryController::buildOverviewData() (queries optimizadas, sin N+1).

    Es el punto de entrada por default — reemplaza al kanban/grid como primera
    vista. Las 7 vistas legacy (tiers/launch/focus/board/matrix/list/demos)
    siguen disponibles desde el toolbar arriba para casos especializados.
--}}
@php
    $rows       = $overview['rows'] ?? [];
    $industries = $overview['industries'] ?? [];
    $stats      = $overview['stats'] ?? [];
    $f          = $overviewFilters ?? [];
@endphp

{{-- ────── Stats cards arriba ────── --}}
<div class="row g-3 mb-4">
    <div class="col-6 col-md-3">
        <a href="{{ route('reseller.factory.index', ['view' => 'overview', 'status' => 'active']) }}"
           class="card h-100 text-decoration-none {{ ($f['status'] ?? 'active') === 'active' ? 'border border-success' : '' }}">
            <div class="card-body d-flex align-items-center">
                <i class="fas fa-check-circle text-success fs-1 me-3"></i>
                <div>
                    <div class="fs-3 fw-bold text-gray-900">{{ $stats['active_count'] ?? 0 }}</div>
                    <div class="fs-8 text-muted">Productos activos</div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-6 col-md-3">
        <a href="{{ route('reseller.factory.index', ['view' => 'overview', 'status' => 'inactive']) }}"
           class="card h-100 text-decoration-none {{ ($f['status'] ?? '') === 'inactive' ? 'border border-secondary' : '' }}">
            <div class="card-body d-flex align-items-center">
                <i class="fas fa-pause-circle text-secondary fs-1 me-3"></i>
                <div>
                    <div class="fs-3 fw-bold text-gray-900">{{ $stats['inactive_count'] ?? 0 }}</div>
                    <div class="fs-8 text-muted">Inactivos (variantes shop, parked)</div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-6 col-md-3">
        <div class="card h-100">
            <div class="card-body d-flex align-items-center">
                <i class="fab fa-stripe-s text-primary fs-1 me-3"></i>
                <div>
                    <div class="fs-3 fw-bold text-gray-900">{{ $stats['with_stripe'] ?? 0 }}</div>
                    <div class="fs-8 text-muted">Linked a Stripe</div>
                    @if(($stats['without_stripe'] ?? 0) > 0)
                        <div class="fs-8 fw-bold text-warning mt-1"><i class="fas fa-triangle-exclamation me-1"></i>{{ $stats['without_stripe'] }} sin Stripe</div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="card h-100">
            <div class="card-body d-flex align-items-center">
                <i class="fas fa-users text-info fs-1 me-3"></i>
                <div>
                    <div class="fs-3 fw-bold text-gray-900">{{ $stats['tenants_live'] ?? 0 }}</div>
                    <div class="fs-8 text-muted">Tenants vivos en total</div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- ────── Filtros + búsqueda + nuevo ────── --}}
<div class="card">
    <div class="card-header border-0 pt-4">
        <h3 class="card-title fw-bold fs-3 align-items-start flex-column">
            <span class="card-label fw-bold text-gray-800">Catálogo de productos</span>
            <span class="text-muted mt-1 fw-semibold fs-7">{{ count($rows) }} productos</span>
        </h3>
        <div class="card-toolbar">
            <form method="GET" class="d-flex gap-2 flex-wrap align-items-center m-0">
                <input type="hidden" name="view" value="overview">
                <input type="text" name="search" value="{{ $f['search'] ?? '' }}" placeholder="Producto, slug…" class="form-control form-control-sm" style="min-width: 200px;">
                <select name="status" class="form-select form-select-sm" style="min-width: 140px;">
                    <option value="active" @selected(($f['status'] ?? 'active') === 'active')>Activos</option>
                    <option value="inactive" @selected(($f['status'] ?? '') === 'inactive')>Inactivos</option>
                    <option value="all" @selected(($f['status'] ?? '') === 'all')>Todos</option>
                </select>
                <select name="industry" class="form-select form-select-sm" style="min-width: 160px;">
                    <option value="">Todas las industrias</option>
                    @foreach($industries as $ind)
                        <option value="{{ $ind }}" @selected(($f['industry'] ?? '') === $ind)>{{ $ind }}</option>
                    @endforeach
                </select>
                <button type="submit" class="btn btn-sm btn-primary"><i class="fas fa-filter"></i></button>
                <a href="{{ route('reseller.factory.index', ['view' => 'overview']) }}" class="btn btn-sm btn-light">Limpiar</a>
                <a href="{{ route('products.create') }}" class="btn btn-sm btn-success ms-2"><i class="fas fa-plus me-1"></i>Nuevo</a>
            </form>
        </div>
    </div>

    <div class="card-body py-3">
        <div class="table-responsive">
            <table class="table align-middle table-row-dashed fs-7 gy-3 mb-0">
                <thead>
                    <tr class="text-start text-gray-500 fw-bold fs-8 text-uppercase gs-0">
                        <th>Producto</th>
                        <th>Categoría</th>
                        <th>Status</th>
                        <th>Demo</th>
                        <th class="text-center" title="Cantidad de módulos del core">Mods</th>
                        <th class="text-center" title="Tenants activos que usan este producto">Tenants</th>
                        <th class="text-center" title="Cantidad de misiles que lo solicitan (demand)">Demand</th>
                        <th class="text-center" title="Health score del producto (qué le falta para production-ready)">Health</th>
                        <th class="text-center" title="¿Linked a Stripe? (stripe_price_id seteado)">Stripe</th>
                        <th>Precio</th>
                        <th>Lanzado</th>
                        <th>Modificado</th>
                        <th class="text-end">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($rows as $r)
                        <tr>
                            {{-- Producto: thumb + nombre + slug --}}
                            <td>
                                <div class="d-flex align-items-center">
                                    @if($r['thumb'])
                                        <div class="symbol symbol-40px me-3">
                                            <img src="{{ $r['thumb'] }}" alt="{{ $r['name'] }}" class="rounded" style="object-fit:cover;width:40px;height:40px;">
                                        </div>
                                    @else
                                        <div class="symbol symbol-40px me-3">
                                            <span class="symbol-label bg-light-primary text-primary fw-bold fs-6">{{ strtoupper(substr($r['name'], 0, 1)) }}</span>
                                        </div>
                                    @endif
                                    <div>
                                        <a href="{{ $r['show_url'] }}" class="text-gray-800 fw-bold text-hover-primary d-block">{{ $r['name'] }}</a>
                                        <code class="text-muted fs-8">{{ $r['slug'] }}</code>
                                    </div>
                                </div>
                            </td>
                            {{-- Categoría --}}
                            <td>
                                @if($r['category'])
                                    <span class="badge badge-light-info fs-8">{{ $r['category'] }}</span>
                                @else
                                    <span class="text-muted fs-8">—</span>
                                @endif
                            </td>
                            {{-- Status --}}
                            <td>
                                <span class="badge badge-light-{{ $r['status_color'] }} fs-8">{{ $r['status_label'] }}</span>
                            </td>
                            {{-- Demo --}}
                            <td>
                                @if($r['demo'])
                                    <code class="fs-8 text-muted">{{ \Illuminate\Support\Str::after($r['demo'], 'demo-') }}</code>
                                @else
                                    <span class="text-muted fs-8">—</span>
                                @endif
                            </td>
                            {{-- Módulos count (con tooltip de la lista) --}}
                            <td class="text-center">
                                @if($r['modules_count'] > 0)
                                    <span class="badge badge-light fs-8" title="{{ implode(', ', $r['modules']) }}">
                                        🧩 {{ $r['modules_count'] }}
                                    </span>
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                            {{-- Tenants vivos --}}
                            <td class="text-center">
                                @if($r['tenants_live'] > 0)
                                    <a href="{{ route('admin.tenants', ['product' => $r['slug'], 'status' => 'active']) }}"
                                       class="badge badge-light-success fs-8 text-decoration-none">
                                        {{ $r['tenants_live'] }}
                                    </a>
                                @else
                                    <span class="text-muted fs-8">—</span>
                                @endif
                            </td>
                            {{-- Demand --}}
                            <td class="text-center">
                                @if($r['demand_count'] > 0)
                                    <span class="badge badge-light-warning fs-8" title="Misiles que solicitan este producto">
                                        🔥 {{ $r['demand_count'] }}
                                    </span>
                                @else
                                    <span class="text-muted fs-8">—</span>
                                @endif
                            </td>
                            {{-- Health % --}}
                            <td class="text-center">
                                @if(is_numeric($r['health_pct']))
                                    @php
                                        $hp = (int) $r['health_pct'];
                                        $hc = $hp >= 80 ? 'success' : ($hp >= 50 ? 'warning' : 'danger');
                                    @endphp
                                    <span class="badge badge-light-{{ $hc }} fs-8">{{ $hp }}%</span>
                                @else
                                    <span class="text-muted fs-8">—</span>
                                @endif
                            </td>
                            {{-- Stripe linked --}}
                            <td class="text-center">
                                @if($r['stripe_linked'])
                                    <i class="fab fa-stripe-s text-primary fs-5" title="Linked a Stripe"></i>
                                @else
                                    <i class="fas fa-link-slash text-muted" title="Sin stripe_price_id"></i>
                                @endif
                            </td>
                            {{-- Precio + ciclo --}}
                            <td>
                                <span class="fw-bold text-gray-900">${{ number_format($r['price'], 0) }}</span>
                                <span class="text-muted fs-8">/{{ $r['cycle'] }}</span>
                                @if($r['compare_price'] && $r['compare_price'] > $r['price'])
                                    <div class="text-muted fs-9"><s>${{ number_format($r['compare_price'], 0) }}</s></div>
                                @endif
                            </td>
                            {{-- Lanzamiento --}}
                            <td>
                                @if($r['promoted_at'])
                                    <span class="text-muted fs-8" title="{{ $r['promoted_at']->format('d/m/Y') }}">{{ $r['promoted_at']->format('M Y') }}</span>
                                @else
                                    <span class="text-muted fs-8">—</span>
                                @endif
                            </td>
                            {{-- Modificado: del activity_log --}}
                            <td>
                                @if($r['last_event_at'])
                                    <span class="text-gray-700 fs-8">{{ $r['last_event_at']->diffForHumans() }}</span>
                                    @if($r['last_editor'])
                                        <div class="text-muted fs-9">por {{ $r['last_editor'] }}</div>
                                    @endif
                                @else
                                    <span class="text-muted fs-8" title="{{ $r['updated_at']?->format('d/m/Y H:i') }}">{{ $r['updated_at']?->diffForHumans() ?? '—' }}</span>
                                    <div class="text-muted fs-9">sin auditar</div>
                                @endif
                            </td>
                            {{-- Acciones --}}
                            <td class="text-end">
                                <div class="d-flex justify-content-end gap-1">
                                    <a href="{{ $r['pdf_url'] }}" target="_blank" class="btn btn-sm btn-icon btn-light-info" title="PDF ficha comercial">
                                        <i class="fas fa-file-pdf fs-7"></i>
                                    </a>
                                    <a href="{{ $r['show_url'] }}" class="btn btn-sm btn-icon btn-light-primary" title="Ver ficha completa">
                                        <i class="fas fa-eye fs-7"></i>
                                    </a>
                                    <a href="{{ $r['edit_url'] }}" class="btn btn-sm btn-icon btn-light-warning" title="Editar producto">
                                        <i class="fas fa-pen fs-7"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="13" class="text-center py-8">
                                <div class="text-muted mb-2"><i class="fas fa-filter me-1"></i>Sin productos con esos filtros.</div>
                                @if(($f['search'] ?? '') || ($f['status'] ?? '') !== 'active' || ($f['industry'] ?? ''))
                                    <a href="{{ route('reseller.factory.index', ['view' => 'overview']) }}" class="btn btn-sm btn-light"><i class="fas fa-times me-1"></i>Limpiar filtros</a>
                                @endif
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>