<h4 class="py-4 text-xl text-beige">Notes</h4>
<form id="notes-form"
      class="w-full">
  <h5 class="text-sm text-beige text-right">
    <button title="Desa els canvis"
            class="mx-1"
            hx-put="/api/sessio/{{session_id}}/notes"
            hx-target="#notes"
            hx-swap="innerHTML">
      <i class="fa fa-check" aria-hidden="true"></i>
    </button>
    <button title="Descarta els canvis"
            class="mx-1"
            hx-get="/api/sessio/{{session_id}}/notes"
            hx-target="#notes"
            hx-swap="innerHTML">
      <i class="fa fa-times" aria-hidden="true"></i>
    </button>
  </h5>
  <hr class="h-px mt-1 mb-3 bg-beige border-0">
  <textarea name="content"
      placeholder="Notes"
      rows="{{ max(notes.count('\n') + 1, 5) }}"
      class="border border-beige focus:outline-none
             w-full text-left
             rounded
             bg-brown p-2 m-0">{{notes}}</textarea>
</form>
