<?= $this->extend('admin/layout/template') ?>

<?= $this->section('content') ?>

<div class="page-header-admin">
    <div>
        <h1 class="page-title">Dashboard</h1>
        <p style="color: #666; margin-top: 5px;">Welcome back, Administrator.</p>
    </div>
</div>

<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;">
    <!-- Stat Card 1 -->
    <div style="background: #0f0f0f; padding: 25px; border-radius: 20px; border: 1px solid #222;">
        <h3 style="color: #888; font-size: 14px; text-transform: uppercase;">Total Pendidikan</h3>
        <p style="color: #fff; font-size: 32px; font-weight: 700; margin-top: 10px;">5</p>
    </div>

    <!-- Stat Card 2 -->
    <div style="background: #0f0f0f; padding: 25px; border-radius: 20px; border: 1px solid #222;">
        <h3 style="color: #888; font-size: 14px; text-transform: uppercase;">Total Aktivitas</h3>
        <p style="color: #fff; font-size: 32px; font-weight: 700; margin-top: 10px;">8</p>
    </div>
</div>

<?= $this->endSection() ?>
