BrainMinder/assets/templates/categories/form.tmpl

{{ define "page:content" }}
<form
  method="POST"
  hx-post="{{.formAction}}"
  hx-target="{{.formTarget}}"
>
  <div class="w3-container page-container">
    <p>
      <label for="category-name">Name</label>
      <input
        name="Name"
        class=" w3-border"
        id="category-name"
        type="text"
        value="{{.category.Name}}"
      />
    </p>

  <p class="hide-small">
    <button class="main"><i class="bi bi-floppy"></i> Save</button>
    <a class="button secondary" hx-target="#page-content" hx-push-url="true" hx-get="/categories"><i class="bi bi-arrow-left-circle"></i> Back</a>
  </p>
  </div>
  <div id="footer-navbar-container">
    <div id="footer-navbar" class="bar hide-medium hide-large">
      <div class="bar-item">
        <button type="submit" class="main" title="Save"><i class="bi bi-floppy"></i></button>
    </div>
    <div class="bar-item">
      <a class="button secondary" href="/categories" hx-get="/categories" hx-push-url="true" hx-target="#page-content" title="Back"><i class="bi bi-arrow-left-circle"></i></a>
    </div>
    </div>
  </div>
</form>
{{ end }}