@extends('layouts.admin', ['title' => 'Admin Dashboard'])

@section('admin-content')
<section class="space-y-6">
        <div class="rounded-[2rem] border border-white/10 bg-slate-900/70 p-6">
            <h1 class="font-display text-3xl font-bold text-white">Admin command center</h1>
            <p class="mt-2 text-sm text-slate-400">Oversee licensing, revenue, customer growth, updates, and audit activity from one place.</p>
            <div class="mt-8 grid gap-4 md:grid-cols-2 xl:grid-cols-5">
                <div class="rounded-3xl border border-white/10 bg-white/5 p-5"><div class="text-sm text-slate-400">Users</div><div class="mt-2 text-3xl font-bold text-white">{{ $stats['users'] }}</div></div>
                <div class="rounded-3xl border border-white/10 bg-white/5 p-5"><div class="text-sm text-slate-400">Active licenses</div><div class="mt-2 text-3xl font-bold text-white">{{ $stats['active_licenses'] }}</div></div>
                <div class="rounded-3xl border border-white/10 bg-white/5 p-5"><div class="text-sm text-slate-400">Expired licenses</div><div class="mt-2 text-3xl font-bold text-white">{{ $stats['expired_licenses'] }}</div></div>
                <div class="rounded-3xl border border-white/10 bg-white/5 p-5"><div class="text-sm text-slate-400">Products</div><div class="mt-2 text-3xl font-bold text-white">{{ $stats['products'] }}</div></div>
                <div class="rounded-3xl border border-white/10 bg-white/5 p-5"><div class="text-sm text-slate-400">Revenue</div><div class="mt-2 text-3xl font-bold text-white">${{ number_format($stats['revenue'], 2) }}</div></div>
            </div>
        </div>

        <div class="grid gap-6 lg:grid-cols-2">
            <div class="rounded-[2rem] border border-white/10 bg-slate-900/70 p-6">
                <h2 class="font-display text-2xl font-semibold text-white">Operations snapshot</h2>
                <div class="mt-6 grid gap-4 sm:grid-cols-2">
                    <div class="rounded-2xl border border-white/10 bg-white/5 p-4"><div class="text-sm text-slate-400">Live activations</div><div class="mt-2 text-2xl font-bold text-white">{{ $ops['activations'] }}</div></div>
                    <div class="rounded-2xl border border-white/10 bg-white/5 p-4"><div class="text-sm text-slate-400">Open tickets</div><div class="mt-2 text-2xl font-bold text-white">{{ $ops['tickets'] }}</div></div>
                    <div class="rounded-2xl border border-white/10 bg-white/5 p-4"><div class="text-sm text-slate-400">Active subscriptions</div><div class="mt-2 text-2xl font-bold text-white">{{ $ops['subscriptions'] }}</div></div>
                    <div class="rounded-2xl border border-white/10 bg-white/5 p-4"><div class="text-sm text-slate-400">Product releases</div><div class="mt-2 text-2xl font-bold text-white">{{ $ops['releases'] }}</div></div>
                </div>
            </div>
            <div class="rounded-[2rem] border border-white/10 bg-slate-900/70 p-6">
                <h2 class="font-display text-2xl font-semibold text-white">Recent licenses</h2>
                <div class="mt-6 space-y-3">
                    @foreach ($latestLicenses as $license)
                        <div class="rounded-2xl border border-white/10 bg-white/5 p-4">
                            <div class="flex items-center justify-between gap-4">
                                <div>
                                    <div class="font-medium text-white">{{ $license->license_key }}</div>
                                    <div class="text-sm text-slate-400">{{ $license->user?->name }} • {{ $license->product?->name }}</div>
                                </div>
                                <span class="rounded-full bg-brand-500/15 px-3 py-1 text-xs uppercase tracking-[0.2em] text-brand-100">{{ $license->status }}</span>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>

        <div class="grid gap-6 lg:grid-cols-2">
            <div class="rounded-[2rem] border border-white/10 bg-slate-900/70 p-6">
                <h2 class="font-display text-2xl font-semibold text-white">Recent activity</h2>
                <div class="mt-6 space-y-4">
                    @forelse ($recentActivity as $entry)
                        <div class="rounded-2xl border border-white/10 bg-white/5 p-4">
                            <div class="text-sm font-semibold text-white">{{ $entry->event }}</div>
                            <div class="mt-1 text-sm text-slate-300">{{ $entry->description }}</div>
                            <div class="mt-2 text-xs text-slate-500">{{ $entry->created_at?->diffForHumans() }}</div>
                        </div>
                    @empty
                        <p class="text-sm text-slate-400">No activity has been recorded yet.</p>
                    @endforelse
                </div>
            </div>
            <div class="rounded-[2rem] border border-white/10 bg-slate-900/70 p-6">
                <h2 class="font-display text-2xl font-semibold text-white">Latest tickets</h2>
                <div class="mt-6 space-y-3">
                    @forelse ($latestTickets as $ticket)
                        <div class="rounded-2xl border border-white/10 bg-white/5 p-4">
                            <div class="font-medium text-white">{{ $ticket->subject }}</div>
                            <div class="mt-1 text-sm text-slate-300">{{ \Illuminate\Support\Str::limit($ticket->message, 120) }}</div>
                            <div class="mt-2 text-xs uppercase tracking-[0.2em] text-slate-500">{{ $ticket->status }} • {{ $ticket->priority }}</div>
                        </div>
                    @empty
                        <p class="text-sm text-slate-400">No tickets yet.</p>
                    @endforelse
                </div>
            </div>
        </div>
    </section>
@endsection