@extends('admin.layouts.admin')

@section('title', 'Instalaciones PWA')

@section('content')

<div class="admin-page-title">Instalaciones PWA</div>
<p class="admin-page-sub">Sorteo de lanzamiento — cuentas que instalaron la app, primeras 100 elegibles</p>

<div class="row g-3 mb-4">
    @foreach([
        'Instalaciones (con cuenta)' => $stats['linked'],
        'Elegibles (primeras 100)'   => $stats['eligible'],
        'iOS'                        => $stats['ios'],
        'Android'                    => $stats['android'],
    ] as $label => $value)
        <div class="col-6 col-md-3">
            <div class="admin-stat-card">
                <div class="admin-stat-label">{{ $label }}</div>
                <div class="admin-stat-value">{{ $value }}</div>
            </div>
        </div>
    @endforeach
</div>

<div class="admin-card">
    <div class="table-responsive">
        <table class="table align-middle mb-0">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Usuario</th>
                    <th>Plataforma</th>
                    <th>Instalada</th>
                    <th>Sorteo</th>
                </tr>
            </thead>
            <tbody>
                @forelse($installs as $i => $install)
                    @php $rank = $installs->firstItem() + $i; @endphp
                    <tr>
                        <td>{{ $rank }}</td>
                        <td>
                            {{ $install->user->name ?? '—' }}
                            <span class="admin-user-email d-block">{{ $install->user->email ?? '' }}</span>
                        </td>
                        <td>{{ ucfirst($install->platform ?? '—') }}</td>
                        <td><span class="admin-user-email">{{ $install->installed_at->format('d/m/Y H:i') }}</span></td>
                        <td>
                            @if($eligibleIds->contains($install->id))
                                <span class="badge" style="background:#1f7a3d;">Elegible</span>
                            @else
                                <span class="admin-user-email">—</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted py-4">Aún no hay instalaciones registradas.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="mt-3">{{ $installs->links() }}</div>

@endsection