First pass

src/pages/admin/index.astro

@@ -0,0 +1,108 @@
+---
+import DashboardLayout from '../../layouts/DashboardLayout.astro';
+import { db } from '../../db';
+import { siteSettings, users } from '../../db/schema';
+import { eq } from 'drizzle-orm';
+
+const user = Astro.locals.user;
+if (!user || !user.isSiteAdmin) {
+  return Astro.redirect('/dashboard');
+}
+
+// Get current settings
+const registrationSetting = await db.select()
+  .from(siteSettings)
+  .where(eq(siteSettings.key, 'registration_enabled'))
+  .get();
+
+const registrationEnabled = registrationSetting?.value === 'true';
+
+// Get all users
+const allUsers = await db.select().from(users).all();
+---
+
+<DashboardLayout title="Site Admin - Zamaan">
+  <h1 class="text-3xl font-bold mb-6">Site Administration</h1>
+
+  <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
+    <!-- Statistics -->
+    <div class="stats shadow border border-base-200">
+      <div class="stat">
+        <div class="stat-title">Total Users</div>
+        <div class="stat-value">{allUsers.length}</div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Settings -->
+  <div class="card bg-base-100 shadow-xl border border-base-200 mb-6">
+    <div class="card-body">
+      <h2 class="card-title mb-4">Site Settings</h2>
+      
+      <form method="POST" action="/api/admin/settings">
+        <div class="form-control">
+          <label class="label cursor-pointer">
+            <span class="label-text">
+              <div class="font-semibold">Allow New Registrations</div>
+              <div class="text-sm text-gray-500">When disabled, only existing users can log in</div>
+            </span>
+            <input 
+              type="checkbox" 
+              name="registration_enabled" 
+              class="toggle toggle-primary" 
+              checked={registrationEnabled}
+            />
+          </label>
+        </div>
+
+        <div class="card-actions justify-end mt-6">
+          <button type="submit" class="btn btn-primary">Save Settings</button>
+        </div>
+      </form>
+    </div>
+  </div>
+
+  <!-- Users List -->
+  <div class="card bg-base-100 shadow-xl border border-base-200">
+    <div class="card-body">
+      <h2 class="card-title mb-4">All Users</h2>
+      <div class="overflow-x-auto">
+        <table class="table">
+          <thead>
+            <tr>
+              <th>Name</th>
+              <th>Email</th>
+              <th>Site Admin</th>
+              <th>Created</th>
+            </tr>
+          </thead>
+          <tbody>
+            {allUsers.map(u => (
+              <tr>
+                <td>
+                  <div class="flex items-center gap-3">
+                    <div class="avatar placeholder">
+                      <div class="bg-neutral text-neutral-content rounded-full w-10">
+                        <span>{u.name.charAt(0)}</span>
+                      </div>
+                    </div>
+                    <div class="font-bold">{u.name}</div>
+                  </div>
+                </td>
+                <td>{u.email}</td>
+                <td>
+                  {u.isSiteAdmin ? (
+                    <span class="badge badge-primary">Yes</span>
+                  ) : (
+                    <span class="badge badge-ghost">No</span>
+                  )}
+                </td>
+                <td>{u.createdAt?.toLocaleDateString() ?? 'N/A'}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</DashboardLayout>