<?= $this->extend('layout/admin') ?>
<?= $this->section('title') ?>Admin Dashboard<?= $this->endSection() ?>

<?= $this->section('content') ?>
<div class="page-header">
    <h1 style="font-size: 1.5rem; font-weight: 700;">Admin Overview</h1>
</div>

<div class="grid grid-3" style="gap: 1.5rem; margin-bottom: 2rem;">
    <div class="card" style="border-left: 4px solid var(--primary);">
        <h3 style="color: var(--text-muted); font-size: 0.875rem; text-transform: uppercase; font-weight: 600;">Total Users</h3>
        <p style="font-size: 2rem; font-weight: 800; margin-top: 0.5rem;"><?= number_format($stats['total_users']) ?></p>
    </div>
    <div class="card" style="border-left: 4px solid var(--success);">
        <h3 style="color: var(--text-muted); font-size: 0.875rem; text-transform: uppercase; font-weight: 600;">Total Domains</h3>
        <p style="font-size: 2rem; font-weight: 800; margin-top: 0.5rem;"><?= number_format($stats['total_domains']) ?></p>
    </div>
    <div class="card" style="border-left: 4px solid #f59e0b;">
        <h3 style="color: var(--text-muted); font-size: 0.875rem; text-transform: uppercase; font-weight: 600;">Active DNS Records</h3>
        <p style="font-size: 2rem; font-weight: 800; margin-top: 0.5rem;"><?= number_format($stats['total_records']) ?></p>
    </div>
</div>

<div class="card">
    <h2 style="font-size: 1.25rem; font-weight: 700; margin-bottom: 1rem;">System Health</h2>
    <p style="color: var(--text-muted);">Database connected. DNS sync layer active.</p>
</div>
<?= $this->endSection() ?>
