studio-os 0.2.0

package/views/admin/class_types.ejs

@@ -0,0 +1,45 @@
+<%- include('../partials/head') %>
+<h3>Class types</h3>
+<details open>
+  <summary role="button" class="outline">Add class type</summary>
+  <form method="post" action="/admin/class-types"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+    <div class="grid">
+      <label>Name <input name="name" required></label>
+      <label>Color <input type="color" name="color" value="#4f7cac"></label>
+    </div>
+    <label>Description <input name="description"></label>
+    <div class="grid">
+      <label>Duration (min) <input type="number" name="duration_min" value="60" min="5"></label>
+      <label>Capacity <input type="number" name="capacity" value="10" min="1"></label>
+      <label>Drop-in price <input type="number" name="drop_in_price" value="0" min="0" step="0.01"></label>
+      <label>Credits required <input type="number" name="credits_required" value="1" min="1"></label>
+    </div>
+    <button>Add</button>
+  </form>
+</details>
+<% for (const t of types) { %>
+  <details>
+    <summary style="border-left: 6px solid <%= t.color %>; padding-left: .5rem">
+      <strong><%= t.name %></strong> · <%= t.duration_min %>min · cap <%= t.capacity %> · <%= fmtMoney(t.drop_in_price_cents) %> drop-in
+      <%= t.active ? '' : ' · INACTIVE' %>
+    </summary>
+    <form method="post" action="/admin/class-types/<%= t.id %>"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+      <div class="grid">
+        <label>Name <input name="name" value="<%= t.name %>" required></label>
+        <label>Color <input type="color" name="color" value="<%= t.color %>"></label>
+      </div>
+      <label>Description <input name="description" value="<%= t.description %>"></label>
+      <div class="grid">
+        <label>Duration <input type="number" name="duration_min" value="<%= t.duration_min %>"></label>
+        <label>Capacity <input type="number" name="capacity" value="<%= t.capacity %>"></label>
+        <label>Drop-in price <input type="number" name="drop_in_price" value="<%= (t.drop_in_price_cents / 100).toFixed(2) %>" step="0.01"></label>
+        <label>Credits <input type="number" name="credits_required" value="<%= t.credits_required %>"></label>
+      </div>
+      <div class="grid">
+        <button>Save</button>
+        <button name="action" value="toggle" class="outline secondary"><%= t.active ? 'Deactivate' : 'Reactivate' %></button>
+      </div>
+    </form>
+  </details>
+<% } %>
+<%- include('../partials/foot') %>

package/views/admin/client.ejs

@@ -0,0 +1,149 @@
+<%- include('../partials/head') %>
+<hgroup>
+  <h3><%= clientInfo.name %></h3>
+  <p><%= clientInfo.email %><% if (clientInfo.phone) { %> · <%= clientInfo.phone %><% } %> · source: <%= clientInfo.source %></p>
+</hgroup>
+<div class="grid">
+  <article>
+    <h5>Profile</h5>
+    <form method="post" action="/admin/clients/<%= clientInfo.id %>"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+      <label>Name <input name="name" value="<%= clientInfo.name %>"></label>
+      <label>Phone <input name="phone" value="<%= clientInfo.phone %>"></label>
+      <label>Notes <textarea name="notes" rows="3"><%= clientInfo.notes %></textarea></label>
+      <button class="slim">Save</button>
+    </form>
+    <form method="post" action="/admin/clients/<%= clientInfo.id %>"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+      <input type="hidden" name="action" value="waiver_toggle">
+      <p>Waiver: <strong><%= clientInfo.waiver_signed_at ? `signed ${fmtDt(clientInfo.waiver_signed_at)}` : 'not signed' %></strong>
+      <button class="slim outline"><%= clientInfo.waiver_signed_at ? 'Clear' : 'Mark signed' %></button></p>
+    </form>
+    <p><small>Magic link (share with client): <a href="<%= magicUrl %>">open</a></small></p>
+  </article>
+  <article>
+    <h5>Add pack / membership / payment</h5>
+    <details>
+      <summary>Add class pack</summary>
+      <form method="post" action="/admin/clients/<%= clientInfo.id %>/passes"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+        <% if (packProducts.length) { %>
+        <label>From product
+          <select onchange="const o=this.selectedOptions[0]; if(o.dataset.credits){this.form.name.value=o.text;this.form.credits.value=o.dataset.credits;this.form.price.value=o.dataset.price;this.form.expires_on.value=o.dataset.expires||''}">
+            <option value="">custom…</option>
+            <% for (const pp of packProducts) { %>
+              <option data-credits="<%= pp.credits %>" data-price="<%= (pp.price_cents/100).toFixed(2) %>"><%= pp.name %></option>
+            <% } %>
+          </select>
+        </label>
+        <% } %>
+        <div class="grid">
+          <label>Name <input name="name" placeholder="10-class pack"></label>
+          <label>Credits <input type="number" name="credits" value="10" min="1"></label>
+        </div>
+        <div class="grid">
+          <label>Expires on <input type="date" name="expires_on"></label>
+          <label>Price paid <input type="number" name="price" step="0.01" min="0" value="0"></label>
+          <label>Method
+            <select name="method"><option value="cash">cash</option><option value="fps">FPS</option><option value="other">other</option></select>
+          </label>
+        </div>
+        <label><input type="checkbox" name="record_payment" value="1" checked> Record payment too</label>
+        <button class="slim">Add pack</button>
+      </form>
+    </details>
+    <details>
+      <summary>Add membership</summary>
+      <form method="post" action="/admin/clients/<%= clientInfo.id %>/memberships"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+        <% if (plans.length) { %>
+        <label>Plan
+          <select name="plan_id">
+            <option value="">custom…</option>
+            <% for (const p of plans) { %><option value="<%= p.id %>"><%= p.name %> (<%= fmtMoney(p.price_cents) %>/mo)</option><% } %>
+          </select>
+        </label>
+        <% } %>
+        <div class="grid">
+          <label>Custom name <input name="plan_name" placeholder="Monthly unlimited"></label>
+          <label>Unlimited?
+            <select name="unlimited"><option value="1">Unlimited</option><option value="0">Credit-based</option></select>
+          </label>
+          <label>Credits/month <input type="number" name="credits_per_month" min="1" placeholder="8"></label>
+        </div>
+        <label><input type="checkbox" name="record_payment" value="1"> Record first payment (plan price)</label>
+        <label>Method <select name="method"><option value="cash">cash</option><option value="fps">FPS</option><option value="other">other</option></select></label>
+        <button class="slim">Add membership</button>
+      </form>
+    </details>
+    <details>
+      <summary>Record payment</summary>
+      <form method="post" action="/admin/clients/<%= clientInfo.id %>/payments"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+        <div class="grid">
+          <label>Amount <input type="number" name="amount" step="0.01" min="0" required></label>
+          <label>For
+            <select name="what"><option value="drop_in">drop-in</option><option value="pack">pack</option><option value="membership">membership</option></select>
+          </label>
+          <label>Method
+            <select name="method"><option value="cash">cash</option><option value="fps">FPS</option><option value="stripe">stripe</option><option value="other">other</option></select>
+          </label>
+        </div>
+        <label>Reference <input name="reference"></label>
+        <button class="slim">Record</button>
+      </form>
+    </details>
+  </article>
+</div>
+<div class="grid">
+  <section>
+    <h5>Packs</h5>
+    <% if (!passes.length) { %><p><small>None.</small></p><% } %>
+    <% for (const p of passes) { %>
+      <p class="slim-row"><%= p.name %>: <strong><%= p.credits_remaining %>/<%= p.credits_total %></strong>
+      <% if (p.expires_on) { %><small>exp <%= p.expires_on %></small><% } %> <small>(<%= p.source %>)</small></p>
+    <% } %>
+    <h5>Memberships</h5>
+    <% if (!memberships.length) { %><p><small>None.</small></p><% } %>
+    <% for (const m of memberships) { %>
+      <p class="slim-row"><%= m.plan_name %> — <%= m.status %> ·
+        <%= m.unlimited ? 'unlimited' : `${m.credits_used_this_cycle}/${m.credits_per_month} used` %>
+        <% if (m.status === 'active') { %>
+        <form method="post" action="/admin/clients/<%= clientInfo.id %>/memberships" class="inline-form"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+          <input type="hidden" name="action" value="status"><input type="hidden" name="membership_id" value="<%= m.id %>">
+          <button name="status" value="paused" class="slim outline">Pause</button>
+          <button name="status" value="cancelled" class="slim outline secondary">Cancel</button>
+        </form>
+        <% } else if (m.status === 'paused') { %>
+        <form method="post" action="/admin/clients/<%= clientInfo.id %>/memberships" class="inline-form"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+          <input type="hidden" name="action" value="status"><input type="hidden" name="membership_id" value="<%= m.id %>">
+          <button name="status" value="active" class="slim outline">Resume</button>
+        </form>
+        <% } %>
+      </p>
+    <% } %>
+  </section>
+  <section>
+    <h5>Payments</h5>
+    <% if (!payments.length) { %><p><small>None.</small></p><% } %>
+    <% for (const p of payments) { %>
+      <p class="slim-row"><%= fmtDt(p.created_at) %> · <%= fmtMoney(p.amount_cents) %> · <%= p.what %> (<%= p.method %>)
+      <% if (p.status === 'pending') { %><mark>pending</mark>
+        <form method="post" action="/admin/payments/<%= p.id %>/paid" class="inline-form"><input type="hidden" name="_csrf" value="<%= csrfToken %>"><button class="slim">Mark paid</button></form>
+      <% } %></p>
+    <% } %>
+  </section>
+</div>
+<section>
+  <h5>Bookings</h5>
+  <table>
+    <thead><tr><th>When</th><th>Class</th><th>Status</th><th>Paid with</th></tr></thead>
+    <tbody>
+    <% for (const b of bookings) { %>
+      <tr>
+        <td><%= fmtDt(b.starts_at) %></td>
+        <td><a href="/admin/instances/<%= b.class_instance_id %>"><%= b.class_name %></a></td>
+        <td><%= b.status %></td>
+        <td><%= b.paid_with.replace(/_/g, ' ') %></td>
+      </tr>
+    <% } %>
+    <% if (!bookings.length) { %><tr><td colspan="4">No bookings.</td></tr><% } %>
+    </tbody>
+  </table>
+</section>
+<%- include('../partials/foot') %>

package/views/admin/clients.ejs

@@ -0,0 +1,33 @@
+<%- include('../partials/head') %>
+<h3>Clients</h3>
+<form method="get" action="/admin/clients" class="grid">
+  <input type="search" name="q" value="<%= q %>" placeholder="Search name, email or phone">
+  <button class="slim">Search</button>
+</form>
+<details <%= clients.length ? '' : 'open' %>>
+  <summary role="button" class="outline">Add client</summary>
+  <form method="post" action="/admin/clients"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+    <div class="grid">
+      <label>Name <input name="name"></label>
+      <label>Email <input type="email" name="email" required></label>
+      <label>Phone <input name="phone"></label>
+    </div>
+    <button>Add</button>
+  </form>
+</details>
+<table>
+  <thead><tr><th>Name</th><th>Email</th><th>Phone</th><th>Waiver</th><th>Source</th></tr></thead>
+  <tbody>
+  <% for (const c of clients) { %>
+    <tr>
+      <td><a href="/admin/clients/<%= c.id %>"><%= c.name %></a></td>
+      <td><%= c.email %></td>
+      <td><%= c.phone %></td>
+      <td><%= c.waiver_signed_at ? 'signed' : '—' %></td>
+      <td><%= c.source %></td>
+    </tr>
+  <% } %>
+  <% if (!clients.length) { %><tr><td colspan="5">No clients found.</td></tr><% } %>
+  </tbody>
+</table>
+<%- include('../partials/foot') %>

package/views/admin/dashboard.ejs

@@ -0,0 +1,55 @@
+<%- include('../partials/head') %>
+<div class="grid">
+  <article>
+    <h4>This week's revenue</h4>
+    <h2><%= fmtMoney(weekRevenue) %></h2>
+    <small>paid in the last 7 days · <a href="/admin/reports">reports</a></small>
+  </article>
+  <article>
+    <h4>Status</h4>
+    <p><small>Stripe: <%= stripeConfigured ? 'connected' : 'not connected — purchases fall back to pay-at-studio' %><br>
+    Email: <%= smtpConfigured ? 'SMTP configured' : 'off — messages saved to data/outbox, links shown on screen' %></small></p>
+  </article>
+</div>
+<section>
+  <h4>Today's classes</h4>
+  <% if (!todayClasses.length) { %><p>No classes today.</p><% } %>
+  <% for (const c of todayClasses) { %>
+    <article class="class-row" style="border-left: 6px solid <%= c.color %>">
+      <div class="grid">
+        <div>
+          <strong><%= fmtDt(c.starts_at, { weekday: undefined, day: undefined, month: undefined }) %></strong>
+          · <a href="/admin/instances/<%= c.id %>"><%= c.class_name %></a>
+          <% if (c.instructor_name) { %><small>(<%= c.instructor_name %>)</small><% } %>
+          <% if (c.status === 'cancelled') { %><mark>cancelled</mark><% } %>
+        </div>
+        <div class="right">
+          <a href="/admin/instances/<%= c.id %>"><%= c.booked_count %>/<%= c.capacity %> booked<% if (c.waitlist_count) { %> · +<%= c.waitlist_count %> WL<% } %></a>
+        </div>
+      </div>
+    </article>
+  <% } %>
+</section>
+<div class="grid">
+  <section>
+    <h4>Pending payments</h4>
+    <% if (!pendingPayments.length) { %><p><small>None — all settled.</small></p><% } %>
+    <% for (const p of pendingPayments) { %>
+      <article class="slim-row">
+        <%= p.client_name || 'Unknown' %> · <%= fmtMoney(p.amount_cents) %> <small>(<%= p.what %>)</small>
+        <form method="post" action="/admin/payments/<%= p.id %>/paid" class="inline-form"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+          <select name="method" class="slim-select"><option value="cash">cash</option><option value="fps">FPS</option><option value="other">other</option></select>
+          <button class="slim">Mark paid</button>
+        </form>
+      </article>
+    <% } %>
+  </section>
+  <section>
+    <h4>Passes expiring in 30 days</h4>
+    <% if (!expiringPasses.length) { %><p><small>None.</small></p><% } %>
+    <% for (const p of expiringPasses) { %>
+      <p class="slim-row"><a href="/admin/clients/<%= p.client_id %>"><%= p.client_name %></a> — <%= p.name %>, <%= p.credits_remaining %> credits, expires <%= p.expires_on %></p>
+    <% } %>
+  </section>
+</div>
+<%- include('../partials/foot') %>

package/views/admin/import.ejs

@@ -0,0 +1,39 @@
+<%- include('../partials/head') %>
+<h3>Mindbody import</h3>
+<p><small>Export from Mindbody (Reports → Clients / Pricing Options), open the CSV in a text editor and paste it below.
+Re-running is safe: existing clients are matched by email and updated, never duplicated.
+You can also use the CLI: <code>npm run import-mindbody -- --clients file.csv --dry-run</code></small></p>
+<form method="post" action="/admin/import"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+  <div class="grid">
+    <label>What are you importing?
+      <select name="kind">
+        <option value="clients" <%= kind === 'clients' ? 'selected' : '' %>>Clients export</option>
+        <option value="passes" <%= kind === 'passes' ? 'selected' : '' %>>Pricing options / passes export</option>
+      </select>
+    </label>
+    <label>
+      <input type="checkbox" name="dry_run" value="1" <%= dryRun ? 'checked' : '' %>>
+      Dry run (preview only, no changes)
+    </label>
+  </div>
+  <label>CSV content
+    <textarea name="csv" rows="10" placeholder="First Name,Last Name,Email,Phone&#10;Jane,Chan,jane@example.com,+852 9123 4567" required></textarea>
+  </label>
+  <button>Import</button>
+</form>
+<% if (result) { %>
+<article>
+  <h5>Result<%= dryRun ? ' (dry run — nothing written)' : '' %></h5>
+  <p><strong><%= result.created %></strong> created · <strong><%= result.updated %></strong> updated · <strong><%= result.skipped %></strong> skipped
+  <% if (result.clientsCreated) { %> · <%= result.clientsCreated %> clients auto-created<% } %></p>
+  <details>
+    <summary>Row-by-row detail</summary>
+    <ul>
+    <% for (const row of result.rows.slice(0, 200)) { %>
+      <li><code><%= row.action %></code> <%= row.email || '' %> <%= row.name || row.passName || '' %> <%= row.reason ? `— ${row.reason}` : '' %></li>
+    <% } %>
+    </ul>
+  </details>
+</article>
+<% } %>
+<%- include('../partials/foot') %>

package/views/admin/instructor_classes.ejs

@@ -0,0 +1,21 @@
+<%- include('../partials/head') %>
+<hgroup>
+  <h3>Assign classes — <%= account.name || account.email %></h3>
+  <p>Tick the upcoming classes this instructor teaches. They will see these on
+     their schedule and can check attendees in. Past assignments are kept as-is.</p>
+</hgroup>
+<form method="post" action="/admin/instructors/<%= account.id %>/classes"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+  <% if (!instances.length) { %>
+    <p>No upcoming scheduled classes — create rules or one-off classes first.</p>
+  <% } %>
+  <% for (const ci of instances) { %>
+    <label>
+      <input type="checkbox" name="class_ids" value="<%= ci.id %>" <%= assigned.has(ci.id) ? 'checked' : '' %>>
+      <%= fmtDt(ci.starts_at) %> — <%= ci.class_name %>
+      <% if (ci.instructor_name) { %><small>(profile: <%= ci.instructor_name %>)</small><% } %>
+    </label>
+  <% } %>
+  <% if (instances.length) { %><button>Save assignments</button><% } %>
+</form>
+<p><a href="/admin/instructors">&larr; Back to instructors</a></p>
+<%- include('../partials/foot') %>

package/views/admin/instructor_new.ejs

@@ -0,0 +1,15 @@
+<%- include('../partials/head') %>
+<article class="narrow">
+  <h3>New instructor login</h3>
+  <p>Creates an account that can sign in on the staff login page, see its assigned
+     classes and check attendees in — nothing else.</p>
+  <% if (error) { %><p class="flash error" role="alert"><%= error %></p><% } %>
+  <form method="post" action="/admin/instructors/new"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+    <label>Name <input name="name" value="<%= values.name || '' %>" required></label>
+    <label>Email <input type="email" name="email" value="<%= values.email || '' %>" required></label>
+    <label>Password <input type="password" name="password" minlength="8" required></label>
+    <button>Create instructor login</button>
+  </form>
+  <p><a href="/admin/instructors">&larr; Back to instructors</a></p>
+</article>
+<%- include('../partials/foot') %>

package/views/admin/instructors.ejs

@@ -0,0 +1,49 @@
+<%- include('../partials/head') %>
+<h3>Instructors</h3>
+<details open>
+  <summary role="button" class="outline">Add instructor</summary>
+  <form method="post" action="/admin/instructors"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+    <div class="grid">
+      <label>Name <input name="name" required></label>
+      <label>Bio <input name="bio"></label>
+    </div>
+    <button>Add</button>
+  </form>
+</details>
+<% for (const i of instructors) { %>
+  <details>
+    <summary><strong><%= i.name %></strong><%= i.active ? '' : ' · INACTIVE' %></summary>
+    <form method="post" action="/admin/instructors/<%= i.id %>"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+      <div class="grid">
+        <label>Name <input name="name" value="<%= i.name %>" required></label>
+        <label>Bio <input name="bio" value="<%= i.bio %>"></label>
+      </div>
+      <div class="grid">
+        <button>Save</button>
+        <button name="action" value="toggle" class="outline secondary"><%= i.active ? 'Deactivate' : 'Reactivate' %></button>
+      </div>
+    </form>
+  </details>
+<% } %>
+
+<h3>Instructor logins</h3>
+<p>Accounts that can sign in, see the classes assigned to them and check
+   attendees in — no admin access. <a href="/admin/instructors/new" role="button" class="slim outline">Add instructor login</a></p>
+<% if (accounts.length) { %>
+<table>
+  <thead><tr><th>Name</th><th>Email</th><th>Upcoming classes</th><th></th></tr></thead>
+  <tbody>
+  <% for (const a of accounts) { %>
+    <tr>
+      <td><%= a.name || '—' %></td>
+      <td><%= a.email %></td>
+      <td><%= a.upcoming_count %></td>
+      <td><a href="/admin/instructors/<%= a.id %>/classes" role="button" class="slim outline">Assign classes</a></td>
+    </tr>
+  <% } %>
+  </tbody>
+</table>
+<% } else { %>
+  <p><em>No instructor logins yet.</em></p>
+<% } %>
+<%- include('../partials/foot') %>

package/views/admin/products.ejs

@@ -0,0 +1,83 @@
+<%- include('../partials/head') %>
+<h3>Products</h3>
+<div class="grid">
+  <section>
+    <h4>Class packs (buy page)</h4>
+    <details open>
+      <summary role="button" class="outline">Add pack product</summary>
+      <form method="post" action="/admin/products/pack"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+        <div class="grid">
+          <label>Name <input name="name" required placeholder="10-class pack"></label>
+          <label>Credits <input type="number" name="credits" value="10" min="1"></label>
+        </div>
+        <div class="grid">
+          <label>Price <input type="number" name="price" step="0.01" min="0" required></label>
+          <label>Validity (days) <input type="number" name="validity_days" min="1" placeholder="never expires"></label>
+        </div>
+        <label>Stripe Price ID <input name="stripe_price_id" placeholder="price_… (optional)"></label>
+        <button>Add</button>
+      </form>
+    </details>
+    <% for (const p of packs) { %>
+      <details>
+        <summary><strong><%= p.name %></strong> · <%= p.credits %> credits · <%= fmtMoney(p.price_cents) %><%= p.active ? '' : ' · INACTIVE' %></summary>
+        <form method="post" action="/admin/products/pack/<%= p.id %>"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+          <div class="grid">
+            <label>Name <input name="name" value="<%= p.name %>"></label>
+            <label>Credits <input type="number" name="credits" value="<%= p.credits %>"></label>
+            <label>Price <input type="number" name="price" step="0.01" value="<%= (p.price_cents/100).toFixed(2) %>"></label>
+            <label>Validity days <input type="number" name="validity_days" value="<%= p.validity_days || '' %>"></label>
+          </div>
+          <label>Stripe Price ID <input name="stripe_price_id" value="<%= p.stripe_price_id || '' %>"></label>
+          <div class="grid">
+            <button>Save</button>
+            <button name="action" value="toggle" class="outline secondary"><%= p.active ? 'Deactivate' : 'Reactivate' %></button>
+          </div>
+        </form>
+      </details>
+    <% } %>
+  </section>
+  <section>
+    <h4>Membership plans</h4>
+    <details open>
+      <summary role="button" class="outline">Add plan</summary>
+      <form method="post" action="/admin/products/plan"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+        <div class="grid">
+          <label>Name <input name="name" required placeholder="Monthly unlimited"></label>
+          <label>Price/month <input type="number" name="price" step="0.01" min="0" required></label>
+        </div>
+        <div class="grid">
+          <label>Type
+            <select name="unlimited"><option value="1">Unlimited</option><option value="0">Credit-based</option></select>
+          </label>
+          <label>Credits/month <input type="number" name="credits_per_month" min="1" placeholder="8"></label>
+        </div>
+        <label>Stripe Price ID <input name="stripe_price_id" placeholder="price_… (required for online subscribe)"></label>
+        <button>Add</button>
+      </form>
+    </details>
+    <% for (const p of plans) { %>
+      <details>
+        <summary><strong><%= p.name %></strong> · <%= fmtMoney(p.price_cents) %>/mo · <%= p.unlimited ? 'unlimited' : `${p.credits_per_month}/mo` %><%= p.active ? '' : ' · INACTIVE' %></summary>
+        <form method="post" action="/admin/products/plan/<%= p.id %>"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+          <div class="grid">
+            <label>Name <input name="name" value="<%= p.name %>"></label>
+            <label>Price <input type="number" name="price" step="0.01" value="<%= (p.price_cents/100).toFixed(2) %>"></label>
+          </div>
+          <div class="grid">
+            <label>Type
+              <select name="unlimited"><option value="1" <%= p.unlimited ? 'selected' : '' %>>Unlimited</option><option value="0" <%= p.unlimited ? '' : 'selected' %>>Credit-based</option></select>
+            </label>
+            <label>Credits/month <input type="number" name="credits_per_month" value="<%= p.credits_per_month || '' %>"></label>
+          </div>
+          <label>Stripe Price ID <input name="stripe_price_id" value="<%= p.stripe_price_id || '' %>"></label>
+          <div class="grid">
+            <button>Save</button>
+            <button name="action" value="toggle" class="outline secondary"><%= p.active ? 'Deactivate' : 'Reactivate' %></button>
+          </div>
+        </form>
+      </details>
+    <% } %>
+  </section>
+</div>
+<%- include('../partials/foot') %>

package/views/admin/reports.ejs

@@ -0,0 +1,34 @@
+<%- include('../partials/head') %>
+<h3>Reports</h3>
+<section>
+  <h4>Revenue by month <a href="/admin/reports.csv?report=revenue" role="button" class="slim outline">CSV</a></h4>
+  <table>
+    <thead><tr><th>Month</th><th>Total</th><th>Drop-ins</th><th>Packs</th><th>Memberships</th><th>Payments</th></tr></thead>
+    <tbody>
+    <% for (const r of revenue) { %>
+      <tr>
+        <td><%= r.month %></td>
+        <td><strong><%= fmtMoney(r.total) %></strong></td>
+        <td><%= fmtMoney(r.drop_in) %></td>
+        <td><%= fmtMoney(r.pack) %></td>
+        <td><%= fmtMoney(r.membership) %></td>
+        <td><%= r.count %></td>
+      </tr>
+    <% } %>
+    <% if (!revenue.length) { %><tr><td colspan="6">No paid payments yet.</td></tr><% } %>
+    </tbody>
+  </table>
+</section>
+<section>
+  <h4>Attendance by class type <a href="/admin/reports.csv?report=attendance" role="button" class="slim outline">CSV</a></h4>
+  <table>
+    <thead><tr><th>Class type</th><th>Attended</th><th>No-shows</th><th>Booked (upcoming)</th><th>Total</th></tr></thead>
+    <tbody>
+    <% for (const a of attendance) { %>
+      <tr><td><%= a.class_type %></td><td><%= a.attended %></td><td><%= a.no_shows %></td><td><%= a.booked %></td><td><%= a.total %></td></tr>
+    <% } %>
+    <% if (!attendance.length) { %><tr><td colspan="5">No bookings yet.</td></tr><% } %>
+    </tbody>
+  </table>
+</section>
+<%- include('../partials/foot') %>

package/views/admin/roster.ejs

@@ -0,0 +1,58 @@
+<%- include('../partials/head') %>
+<hgroup>
+  <h3><%= inst.class_name %> roster</h3>
+  <p><%= fmtDt(inst.starts_at) %> · <%= roster.length %>/<%= inst.capacity %> booked
+     <% if (inst.instructor_name) { %> · <%= inst.instructor_name %><% } %>
+     <% if (inst.status === 'cancelled') { %> · <mark>CANCELLED</mark><% } %></p>
+</hgroup>
+<table>
+  <thead><tr><th>Client</th><th>Paid with</th><th>Status</th><th>Actions</th></tr></thead>
+  <tbody>
+  <% for (const b of roster) { %>
+    <tr>
+      <td><a href="/admin/clients/<%= b.client_id %>"><%= b.client_name %></a><br><small><%= b.email %></small></td>
+      <td><%= b.paid_with.replace(/_/g, ' ') %></td>
+      <td><%= b.status %></td>
+      <td>
+        <form method="post" action="/admin/bookings/<%= b.id %>/status" class="inline-form"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+          <% if (b.status !== 'attended') { %><button name="status" value="attended" class="slim">Check in</button><% } %>
+          <% if (b.status !== 'no_show') { %><button name="status" value="no_show" class="slim outline">No-show</button><% } %>
+          <% if (b.status !== 'booked') { %><button name="status" value="booked" class="slim outline secondary">Undo</button><% } %>
+          <% if (b.status === 'booked') { %><button name="status" value="cancelled" class="slim outline secondary" onclick="return confirm('Cancel this booking?')">Cancel</button><% } %>
+        </form>
+      </td>
+    </tr>
+  <% } %>
+  <% if (!roster.length) { %><tr><td colspan="4">No bookings yet.</td></tr><% } %>
+  </tbody>
+</table>
+<% if (waitlist.length) { %>
+  <h5>Waitlist (<%= waitlist.length %>)</h5>
+  <ol>
+  <% for (const b of waitlist) { %>
+    <li><a href="/admin/clients/<%= b.client_id %>"><%= b.client_name %></a> <small><%= b.email %></small>
+      <form method="post" action="/admin/bookings/<%= b.id %>/status" class="inline-form"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+        <button name="status" value="cancelled" class="slim outline secondary">Remove</button>
+      </form>
+    </li>
+  <% } %>
+  </ol>
+<% } %>
+<details>
+  <summary role="button" class="outline">Add walk-in</summary>
+  <form method="post" action="/admin/instances/<%= inst.id %>/walkin"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
+    <div class="grid">
+      <label>Name <input name="name"></label>
+      <label>Email <input type="email" name="email" required></label>
+      <label>Payment
+        <select name="paid_with">
+          <option value="auto">Auto (membership/pack first)</option>
+          <option value="drop_in_manual">Drop-in (pay at studio)</option>
+          <option value="comp">Comp (free)</option>
+        </select>
+      </label>
+    </div>
+    <button>Add to class</button>
+  </form>
+</details>
+<%- include('../partials/foot') %>