{% extends 'layouts/blank.html' %} {% block content %}

<h1>Add User</h1>
<form method="post" hx-post="/create_user" hx-target="#content">
  {% csrf_token %}
  <div class="mb-3">
    <label for="site" class="form-label">Site</label>
    <input type="text" class="form-control" id="site" name="site" required />
  </div>
  <div class="mb-3">
    <label for="username" class="form-label">Username</label>
    <input
      type="text"
      class="form-control"
      id="username"
      name="username"
      required
    />
  </div>
  <div class="mb-3">
    <label for="clientId" class="form-label">Client ID</label>
    <input
      type="text"
      class="form-control"
      id="clientId"
      name="clientId"
      required
    />
  </div>
  <div class="mb-3">
    <label for="topic" class="form-label">Topic</label>
    <input type="text" class="form-control" id="topic" name="topic" required />
  </div>
  <div class="mb-3">
    <label for="password" class="form-label">Password</label>
    <input
      type="password"
      class="form-control"
      id="password"
      name="password"
      required
    />
  </div>
  <button type="submit" class="btn btn-primary">Create</button>
</form>
{% endblock content %}