@extends('layouts.admin')
@section('title', 'Admin Dashboard · Cavendral Beta')
@section('admin_content')
<div class="space-y-6">
    <h1 class="text-2xl font-bold">Dashboard Admin</h1>

    <div class="grid grid-cols-2 md:grid-cols-4 gap-3">
        <div class="bg-[var(--color-bg-secondary)] border border-[var(--color-border-muted)] rounded p-4">
            <div class="text-3xl font-bold">{{ $kpis['testers_active'] }}</div>
            <div class="text-xs text-[var(--color-text-muted)] mt-1">Testers ativos</div>
        </div>
        <div class="bg-[var(--color-bg-secondary)] border border-[var(--color-border-muted)] rounded p-4">
            <div class="text-3xl font-bold">{{ $kpis['projects_beta'] }}</div>
            <div class="text-xs text-[var(--color-text-muted)] mt-1">Projetos em beta</div>
        </div>
        <div class="bg-[var(--color-bg-secondary)] border border-[var(--color-border-muted)] rounded p-4">
            <div class="text-3xl font-bold text-[var(--color-warning)]">{{ $kpis['feedbacks_pending'] }}</div>
            <div class="text-xs text-[var(--color-text-muted)] mt-1">Feedbacks pendentes</div>
        </div>
        <div class="bg-[var(--color-bg-secondary)] border border-[var(--color-border-muted)] rounded p-4">
            <div class="text-3xl font-bold">{{ $kpis['changelogs_30d'] }}</div>
            <div class="text-xs text-[var(--color-text-muted)] mt-1">Changelogs pub. (30d)</div>
        </div>
    </div>

    <section>
        <h2 class="text-sm uppercase tracking-wider text-[var(--color-text-muted)] mb-3">Projetos com feedbacks pendentes</h2>
        <div class="bg-[var(--color-bg-secondary)] border border-[var(--color-border-muted)] rounded overflow-hidden">
            <table class="w-full text-sm">
                <thead class="bg-[var(--color-bg-tertiary)] text-xs uppercase text-[var(--color-text-muted)]">
                    <tr>
                        <th class="text-left p-2">Projeto</th>
                        <th class="text-left p-2">Versão</th>
                        <th class="text-right p-2">Pendentes</th>
                        <th class="text-left p-2">Status</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-[var(--color-border-muted)]">
                    @forelse($projectsWithPending as $p)
                    <tr class="hover:bg-[var(--color-bg-tertiary)]">
                        <td class="p-2"><a href="{{ route('projects.show', $p->slug) }}" class="hover:underline">{{ $p->name }}</a></td>
                        <td class="p-2 font-mono text-xs">v{{ $p->current_version ?? '—' }}</td>
                        <td class="p-2 text-right">{{ $p->feedbacks_count }}</td>
                        <td class="p-2">{{ $p->status }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="4" class="p-4 text-center text-[var(--color-text-muted)]">Nenhum projeto.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </section>

    <section>
        <h2 class="text-sm uppercase tracking-wider text-[var(--color-text-muted)] mb-3">Atividade recente (audit log)</h2>
        <div class="bg-[var(--color-bg-secondary)] border border-[var(--color-border-muted)] rounded p-3 text-sm space-y-1 font-mono">
            @forelse($recentActivity as $log)
            <div class="flex gap-3">
                <span class="text-[var(--color-text-muted)]">{{ $log->created_at?->format('H:i') }}</span>
                <span class="text-[var(--color-accent-blue-bright)]">{{ $log->action }}</span>
                <span class="text-[var(--color-text-secondary)] truncate">{{ $log->resource_type }}#{{ $log->resource_id }}</span>
            </div>
            @empty
            <p class="text-[var(--color-text-muted)]">Sem registros.</p>
            @endforelse
        </div>
        <a href="{{ route('admin.audit.index') }}" class="text-xs text-[var(--color-accent-blue-bright)] hover:underline mt-2 inline-block">Ver todos os logs →</a>
    </section>
</div>
@endsection