| <!doctype html> |
| <html lang="ja"> |
| <head> |
| <meta charset="utf-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| <title>管理｜QR Check-in</title> |
| <link rel="stylesheet" href="/static/styles.css" /> |
| </head> |
| <body> |
| <main class="container"> |
| <h1>管理画面</h1> |
|
|
| <section class="card"> |
| <h2>店舗一覧</h2> |
| <div id="venues"></div> |
| <button id="seed" class="btn">デモ店舗を作成</button> |
| <hr/> |
| <div style="display:flex;gap:8px;flex-wrap:wrap"> |
| <input id="v-name" placeholder="店名（例：渋谷本店）" /> |
| <input id="v-slug" placeholder="slug（例：shibuya）" /> |
| <button id="v-add" class="btn">店舗追加</button> |
| </div> |
| <p class="muted">※ slug はURLに使われる英数字・ハイフン推奨</p> |
| </section> |
|
|
| <section class="card"> |
| <h2>チェックイン用QRを発行</h2> |
| <div style="display:flex;gap:8px;flex-wrap:wrap"> |
| <input id="session-slug" placeholder="店舗slug（例：demo）" /> |
| <button id="session-make" class="btn">発行</button> |
| </div> |
| <div id="qr-area" style="margin-top:12px"></div> |
| </section> |
|
|
| <section class="card"> |
| <h2>CRM</h2> |
| <div style="display:flex;gap:8px;flex-wrap:wrap"> |
| <a class="btn" href="/api/crm/export.csv">CSVエクスポート</a> |
| <button id="crm-see" class="btn">セグメント確認</button> |
| </div> |
| <pre id="crm-json" style="white-space:pre-wrap"></pre> |
| </section> |
|
|
| <p><a href="/static/index.html" target="_blank">チェックイン画面（利用者側）を開く</a></p> |
| </main> |
|
|
| <script src="/static/admin.js"></script> |
| </body> |
| </html> |
|
|
