<table class="table">
  <tr>
    <td>
      <label for="name">Name</label>
    </td>
    <td>
      <input class="input "
             name="name" id="name" type="text">
    </td>
  </tr>
  <tr>
    <td>
    </td>
    <td>
      <button class="button "
              hx-delete="/category/{{ id }}/delete"
              hx-indicator="#i-spinner"
              hx-confirm="Delete node id {{ id }}?"
              hx-target="#child-results"
              hx-trigger="click">Delete Node</button>
      <button class="button "
              hx-post="/category/{{ id }}/rename"
              hx-indicator="#i-spinner"
              hx-target="#child-results"
              hx-trigger="click">Rename Node</button>
      <button class="button "
              hx-post="/category/new-parent?id={{ id }}"
              hx-indicator="#i-spinner"
              hx-target="#child-results"
              hx-trigger="click">New Parent (left) Node</button>
      <button class="button "
              hx-post="/category/new-child?id={{ id }}"
              hx-indicator="#i-spinner"
              hx-target="#child-results"
              hx-trigger="click">New Child (right) Node</button>
      <button class="button "
              hx-get="/category/fake-data"
              hx-indicator="#i-spinner"
              hx-target="#child-results"
              hx-trigger="click">Fake Data</button>

    </td>
  </tr>
</table>
