{{ define "page:content" }}
<form method="POST" hx-post="{{.formAction}}" hx-target="{{.formTarget}}" style="margin-bottom: 10px;">
  <div class="page-container">
  <p>
    <label for="notebook-title">Title</label>
    <input name="Title" id="notebook-title" type="text" value="{{.notebook.Title}}" />
  </p>

  <p>
    <label for="type-icon">Icon</label>
    <input name="Icon" id="notebook-icon" type="text" value="{{.notebook.Icon}}"/>
  </p>

  <p>
    <label for="type-description">Description</label>
    <textarea name="Description" id="notebook-description" type="text" rows="5">{{.notebook.Description}}</textarea>
  </p>

  </div>
  <div id="footer-navbar">
    <button type="submit" class="main" title="Save"><i class="bi bi-floppy"></i><span>Save</span></button>
    <a class="button secondary" href="/notebooks" hx-get="/notebooks" hx-push-url="true" hx-target="#page-content" title="Back"><i class="bi bi-arrow-left-circle"></i><span>Back</span></a>
 </div>
</form>
{{ end }}
