From 124da9db6340da174eb6317d036e0249c4c57c50 Mon Sep 17 00:00:00 2001
From: DualFroz <me@dualfroz.com>
Date: Thu, 27 Aug 2026 13:45:00 +0200
Subject: [PATCH] views(admin): add analytics and attributes pages

---
 views/admin/analytics.php        | 94 ++++++++++++++++++++++++++++++++
 views/admin/attributes/index.php | 45 +++++++++++++++
 2 files changed, 139 insertions(+)
 create mode 100644 views/admin/analytics.php
 create mode 100644 views/admin/attributes/index.php

diff --git a/views/admin/analytics.php b/views/admin/analytics.php
new file mode 100644
index 0000000..916057e
--- /dev/null
+++ b/views/admin/analytics.php
@@ -0,0 +1,94 @@
+<?php
+$maxRevenue = 0;
+foreach ($salesByDay as $day) {
+    $maxRevenue = max($maxRevenue, (int) $day['revenueCents']);
+}
+?>
+<div class="admin__head">
+    <div>
+        <h1 style="margin:0">Analytics</h1>
+        <p class="muted" style="margin:0">Sales, best sellers and stock health.</p>
+    </div>
+</div>
+
+<div class="stat-grid">
+    <div class="stat">
+        <div class="stat__label">Revenue</div>
+        <div class="stat__value"><?= e(formatMoney((int) $revenueCents, $currency)) ?></div>
+        <div class="stat__hint">Paid and fulfilled</div>
+    </div>
+    <div class="stat">
+        <div class="stat__label">Units sold</div>
+        <div class="stat__value"><?= (int) $unitsSold ?></div>
+        <div class="stat__hint">Across all orders</div>
+    </div>
+    <div class="stat">
+        <div class="stat__label">Avg order value</div>
+        <div class="stat__value"><?= e(formatMoney((int) $averageOrderCents, $currency)) ?></div>
+        <div class="stat__hint">Per paid order</div>
+    </div>
+    <div class="stat">
+        <div class="stat__label">Low stock</div>
+        <div class="stat__value"><?= count($lowStock) ?></div>
+        <div class="stat__hint">At or below 5 units</div>
+    </div>
+</div>
+
+<div class="panel panel--pad mt-lg">
+    <h3 style="margin-top:0">Revenue, last 14 days</h3>
+    <div class="chart">
+        <?php foreach ($salesByDay as $day): ?>
+            <?php $height = $maxRevenue > 0 ? max(2, (int) round((int) $day['revenueCents'] / $maxRevenue * 100)) : 2; ?>
+            <div class="chart__col" title="<?= e($day['day']) ?>: <?= e(formatMoney((int) $day['revenueCents'], $currency)) ?>">
+                <div class="chart__bar" style="height:<?= $height ?>%"></div>
+                <span class="chart__label"><?= e(substr($day['day'], 5)) ?></span>
+            </div>
+        <?php endforeach; ?>
+    </div>
+</div>
+
+<div class="split mt-lg" style="grid-template-columns:1fr 1fr">
+    <div>
+        <div class="section-head"><h3 style="margin:0">Top products</h3></div>
+        <?php if (empty($topProducts)): ?>
+            <div class="empty"><p class="muted" style="margin:0">No sales yet.</p></div>
+        <?php else: ?>
+            <div class="table-wrap">
+                <table class="table">
+                    <thead><tr><th>Product</th><th class="num">Units</th><th class="num">Revenue</th></tr></thead>
+                    <tbody>
+                        <?php foreach ($topProducts as $product): ?>
+                            <tr>
+                                <td style="font-weight:600"><?= e($product['name']) ?></td>
+                                <td class="num"><?= (int) $product['unitsSold'] ?></td>
+                                <td class="num mono"><?= e(formatMoney((int) $product['revenueCents'], $currency)) ?></td>
+                            </tr>
+                        <?php endforeach; ?>
+                    </tbody>
+                </table>
+            </div>
+        <?php endif; ?>
+    </div>
+
+    <div>
+        <div class="section-head"><h3 style="margin:0">Coupon usage</h3></div>
+        <?php if (empty($couponUsage)): ?>
+            <div class="empty"><p class="muted" style="margin:0">No coupons redeemed yet.</p></div>
+        <?php else: ?>
+            <div class="table-wrap">
+                <table class="table">
+                    <thead><tr><th>Code</th><th class="num">Orders</th><th class="num">Discount</th></tr></thead>
+                    <tbody>
+                        <?php foreach ($couponUsage as $coupon): ?>
+                            <tr>
+                                <td class="mono"><?= e($coupon['couponCode']) ?></td>
+                                <td class="num"><?= (int) $coupon['orderCount'] ?></td>
+                                <td class="num mono"><?= e(formatMoney((int) $coupon['discountCents'], $currency)) ?></td>
+                            </tr>
+                        <?php endforeach; ?>
+                    </tbody>
+                </table>
+            </div>
+        <?php endif; ?>
+    </div>
+</div>
diff --git a/views/admin/attributes/index.php b/views/admin/attributes/index.php
new file mode 100644
index 0000000..56311ba
--- /dev/null
+++ b/views/admin/attributes/index.php
@@ -0,0 +1,45 @@
+<div class="admin__head">
+    <div>
+        <h1 style="margin:0">Attributes</h1>
+        <p class="muted" style="margin:0">Options like Size or Color that product variants are built from.</p>
+    </div>
+</div>
+
+<div class="split" style="grid-template-columns:1fr 1.4fr">
+    <div class="panel panel--pad">
+        <h3 style="margin-top:0">New attribute</h3>
+        <form method="post" action="/admin/attributes" class="row" style="gap:8px">
+            <input type="hidden" name="csrfToken" value="<?= e($csrfToken) ?>">
+            <input class="input" type="text" name="name" placeholder="Color" required>
+            <button class="btn btn--primary" type="submit">Add</button>
+        </form>
+    </div>
+
+    <div>
+        <?php if (empty($attributes)): ?>
+            <div class="empty"><p class="muted" style="margin:0">No attributes yet. Add one to start building variants.</p></div>
+        <?php else: ?>
+            <div class="stack" style="gap:12px">
+                <?php foreach ($attributes as $attribute): ?>
+                    <div class="panel panel--pad">
+                        <div class="row" style="justify-content:space-between;align-items:center">
+                            <strong><?= e($attribute['name']) ?></strong>
+                            <span class="small muted mono"><?= e($attribute['slug']) ?></span>
+                        </div>
+                        <div class="chips mt">
+                            <?php foreach ($attribute['values'] as $value): ?>
+                                <span class="chip"><?= e($value['value']) ?></span>
+                            <?php endforeach; ?>
+                            <?php if ($attribute['values'] === []): ?><span class="small muted">No values yet.</span><?php endif; ?>
+                        </div>
+                        <form method="post" action="/admin/attributes/<?= (int) $attribute['id'] ?>/values" class="row mt" style="gap:8px">
+                            <input type="hidden" name="csrfToken" value="<?= e($csrfToken) ?>">
+                            <input class="input input--sm" type="text" name="value" placeholder="Add a value" required>
+                            <button class="btn btn--sm" type="submit">Add value</button>
+                        </form>
+                    </div>
+                <?php endforeach; ?>
+            </div>
+        <?php endif; ?>
+    </div>
+</div>