{{ 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-input w3-border"
        id="category-name"
        type="text"
        value="{{.category.Name}}"
      />
    </p>

  <p class="hide-small w3-container">
    <button class="w3-btn w3-metro-dark-blue w3-round-large">
      <i class="bi bi-floppy"></i> Save
    </button>
    <a
      class="w3-btn w3-metro-blue w3-round-large"
      hx-target="#page-content"
      hx-push-url="true"
      hx-get="/categories"
      ><i class="bi bi-arrow-left-circle"></i> Back</a
    >
  </p>
  </div>
  <div class="footerNavbar-container">
  <div class="w3-bar footerNavbar hide-medium hide-large w3-round-large">
    <div class="w3-bar-item">
      <button type="submit" class="w3-btn w3-metro-dark-blue w3-round-large" title="Save">
        <i class="bi bi-floppy"></i>
      </button>
    </div>
    <div class="w3-bar-item">
      <a
        class="w3-btn w3-metro-dark-blue w3-round-large"
        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 }}
