<div class="modal-box">

  <form hx-put="/admin/users/{{.ID}}" hx-target="#users-table" hx-swap="innerHTML"

        hx-on::after-request="if(event.detail.successful) document.getElementById('edit-form-container').innerHTML=''">

    <h3 class="font-bold text-lg mb-4">Edit User</h3>

    <div class="space-y-4">

      <div class="form-control">

        <label class="label"><span class="label-text">Handle</span></label>

        <input type="text" name="handle" value="{{.Handle}}" class="input input-bordered w-full">

      </div>

      <div class="form-control">

        <label class="label"><span class="label-text">Name</span></label>

        <input type="text" name="name" value="{{.Name}}" class="input input-bordered w-full">

      </div>

      <div class="form-control">

        <label class="label"><span class="label-text">Email</span></label>

        <input type="text" name="email" value="{{.Email}}" class="input input-bordered w-full">

      </div>

    </div>

    <div class="modal-action">

      <button type="button" class="btn btn-ghost" onclick="document.getElementById('edit-form-container').innerHTML=''">Cancel</button>

      <button type="submit" class="btn btn-primary">Save</button>

    </div>

  </form>

</div>