{% include 'admin/partials/header.html' %}
{% include 'admin/partials/sidebar.html' %}
<div class="acp-page-head"><div><h1>Overview</h1><p>Board health, traffic, and recent activity at a glance</p></div><div class="date-chip">Last 7 days⌄</div></div>
<section class="metric-strip">
<article class="metric-tile purple"><div class="metric-icon">♙</div><span class="metric-change positive">⌁ +14</span><strong data-counter="{{ $stats['members'] }}">0</strong><h3>Total Members</h3><small>7 new today</small></article>
<article class="metric-tile blue"><div class="metric-icon">▣</div><span class="metric-change positive">⌁ +23%</span><strong data-counter="{{ $stats['posts'] }}">0</strong><h3>Total Posts</h3><small>vs 7-day average</small></article>
<article class="metric-tile red"><div class="metric-icon">!</div><span class="metric-change negative">⌁ −2</span><strong data-counter="{{ $stats['errors'] }}">0</strong><h3>Open Reports</h3><small>3 flagged urgent</small></article>
<article class="metric-tile green"><div class="metric-icon">↗</div><span class="metric-change positive">⌁ +38%</span><strong data-counter="8930">0</strong><h3>Page Views</h3><small>vs yesterday</small></article>
</section>
<section class="dashboard-row dashboard-row-main"><article class="dash-card traffic-card"><div class="dash-card-head"><div><h2>Traffic — 7 Days</h2><p>Page views & unique visitors</p></div><div class="chart-legend"><span class="legend-gold">Views</span><span class="legend-blue">Unique</span></div></div><div class="line-chart-wrap"><svg class="line-chart" viewBox="0 0 1000 230" preserveAspectRatio="none" aria-label="Traffic chart"><defs><linearGradient id="trafficFill" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#f0a500" stop-opacity=".28"/><stop offset="1" stop-color="#f0a500" stop-opacity="0"/></linearGradient></defs><g class="chart-grid"><line x1="0" y1="40" x2="1000" y2="40"/><line x1="0" y1="90" x2="1000" y2="90"/><line x1="0" y1="140" x2="1000" y2="140"/><line x1="0" y1="190" x2="1000" y2="190"/></g><path class="area-path" d="M0 150 C85 145 130 138 200 145 S310 185 400 128 S520 105 610 98 S720 100 790 112 S900 110 1000 55 L1000 215 L0 215 Z"/><path class="chart-line gold-line" pathLength="1" d="M0 150 C85 145 130 138 200 145 S310 185 400 128 S520 105 610 98 S720 100 790 112 S900 110 1000 55"/><path class="chart-line blue-line" pathLength="1" d="M0 152 C85 147 130 140 200 147 S310 181 400 130 S520 108 610 101 S720 102 790 114 S900 112 1000 58"/></svg><div class="chart-y-labels"><span>10k</span><span>7.5k</span><span>5k</span><span>2.5k</span><span>0</span></div><div class="chart-x-labels"><span>Jul 7</span><span>Jul 8</span><span>Jul 9</span><span>Jul 10</span><span>Jul 11</span><span>Jul 12</span><span>Jul 13</span></div></div></article>
<article class="dash-card roles-card"><div class="dash-card-head"><div><h2>Member Roles</h2><p>Distribution by group</p></div></div><div class="donut-wrap"><div class="role-donut"><div>{{ $stats['members'] }}<small>members</small></div></div></div><div class="role-legend"><span class="role-member">Members <b>82%</b></span><span class="role-contrib">Contributors <b>8%</b></span><span class="role-veteran">Veterans <b>5%</b></span><span class="role-dev">Developers <b>3%</b></span><span class="role-staff">Staff <b>2%</b></span></div></article></section>
<section class="dashboard-row dashboard-row-triple"><article class="dash-card"><div class="dash-card-head"><div><h2>Posts / Day</h2><p>7-day post volume</p></div></div><div class="mini-bars"><div style="--h:42%"><b>142</b><span>Jul 7</span></div><div style="--h:53%"><b>181</b><span>Jul 8</span></div><div style="--h:36%"><b>119</b><span>Jul 9</span></div><div style="--h:65%"><b>224</b><span>Jul 10</span></div><div style="--h:77%"><b>267</b><span>Jul 11</span></div><div style="--h:58%"><b>201</b><span>Jul 12</span></div><div style="--h:89%"><b>312</b><span>Jul 13</span></div></div></article>
<article class="dash-card"><div class="dash-card-head"><div><h2>New Registrations</h2><p>7-day signups</p></div></div><svg class="spark-chart" viewBox="0 0 600 180" preserveAspectRatio="none"><g class="chart-grid"><line x1="0" y1="40" x2="600" y2="40"/><line x1="0" y1="90" x2="600" y2="90"/><line x1="0" y1="140" x2="600" y2="140"/></g><path class="chart-line green-line" pathLength="1" d="M10 130 C70 85 105 86 145 95 S215 150 255 112 S330 62 380 58 S460 115 510 88 S560 60 590 26"/><g class="spark-points"><circle cx="10" cy="130" r="5"/><circle cx="145" cy="95" r="5"/><circle cx="255" cy="112" r="5"/><circle cx="380" cy="58" r="5"/><circle cx="510" cy="88" r="5"/><circle cx="590" cy="26" r="5"/></g></svg></article>
<article class="dash-card health-card"><div class="dash-card-head"><h2>System Health</h2><span class="healthy-chip"><i></i>Healthy</span></div><div class="resource-list"><div><label>CPU Usage <b>34%</b></label><span><i style="--w:34%;--c:#58a6ff"></i></span></div><div><label>Memory Usage <b>58%</b></label><span><i style="--w:58%;--c:#a78bfa"></i></span></div><div><label>Disk Usage <b>41%</b></label><span><i style="--w:41%;--c:#34d399"></i></span></div><div><label>DB Connections <b>12/50</b></label><span><i style="--w:24%;--c:#f0a500"></i></span></div></div><div class="health-facts"><div><b>18d 7h 42m</b><small>Uptime</small></div><div><b>{{ PHP_VERSION }}</b><small>PHP</small></div><div><b>94.2%</b><small>Cache Hit</small></div><div><b>3 jobs</b><small>Queue</small></div></div></article></section>
<section class="dash-card activity-card"><div class="dash-card-head"><h2>Recent Activity</h2><a href="{{ $baseUrl }}/admin/audit">View audit log ›</a></div><div class="activity-list"><div><span class="severity crit">CRIT</span><b>Axiom</b><code>banned_user</code><p>Permanent ban — spam</p><time>09:14:22</time></div><div><span class="severity warn">WARN</span><b>Meridian</b><code>deleted_post</code><p>Reported spam, self-promotion</p><time>08:52:07</time></div><div><span class="severity info">INFO</span><b>Axiom</b><code>promoted_user</code><p>Promoted to Contributor</p><time>08:30:00</time></div><div><span class="severity info">INFO</span><b>Zephyrix</b><code>pinned_topic</code><p>Pinned in Programming & Dev</p><time>08:01:15</time></div><div><span class="severity warn">WARN</span><b>Meridian</b><code>edited_post</code><p>Removed external affiliate links</p><time>07:44:38</time></div></div></section>
{% include 'admin/partials/footer.html' %}