wip create user dialog

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 %}