From 8d59462f0e6fc16d4b4e64ccf494e16c19900f79 Mon Sep 17 00:00:00 2001
From: Jef Roosens <roosensjef@gmail.com>
Date: Wed, 1 Jul 2026 21:42:38 +0200
Subject: [PATCH] wip create user dialog

---
 .../templates/views/administration/users.html | 54 +++++++++++++++++++
 1 file changed, 54 insertions(+)

diff --git a/otter/src/web/templates/views/administration/users.html b/otter/src/web/templates/views/administration/users.html
index dfa90bc..24f1f5e 100644
--- a/otter/src/web/templates/views/administration/users.html
+++ b/otter/src/web/templates/views/administration/users.html
@@ -2,6 +2,10 @@
 {% block inner %}
 <h3>Users</h3>
 
+<button 
+    onclick="document.getElementById('create-user-form').reset(); document.getElementById('create-user-modal').showModal()"
+    id="create-user">Create new user</button>
+
 <input 
     type="text" id="username" name="username"
     hx-get="/administration/users"
@@ -48,4 +52,54 @@
         {% endif %}
     </tbody>
 </table>
+
+<dialog id="create-user-modal">
+  <article>
+    <header>
+      <button 
+        aria-label="Close" 
+        rel="prev" 
+        onclick="document.getElementById('create-user-modal').close()"
+        class="close-button"></button>
+      <h5>Create User</h5>
+    </header>
+    <div class="content">
+        <form id="create-user-form">
+            <fieldset>
+                <label>
+                    Username
+                    <input name="username"
+                           placeholder="Username"
+                           />
+                </label>
+                <label>
+                    Admin
+                    <input name="admin"
+                           type="checkbox"
+                           />
+                </label>
+                <label>
+                    Password
+                    <input type="password"
+                           name="password"
+                           placeholder="Password"
+                           />
+                </label>
+                <label>
+                    Confirm password
+                    <input type="password"
+                           name="password-confirm"
+                           placeholder="Password"
+                           />
+                </label>
+            </fieldset>
+
+            <input type="submit"
+                   value="Create user"
+                   />
+        </form>
+    </div>
+  </article>
+</dialog>
+
 {% endblock %}