{{define "quickbox:add"}}
<div id="quicknote-{{.quicknote.Id}}" class="quickbox-row">
  <div class="buttons">
    <button class="button" hx-delete="/quickbox/delete/{{.quicknote.Id}}" hx-target="closest div.quickbox-row" hx-swap="outerHTML swap:1s" hx-trigger='confirmed' onClick="bm_show_confirm_delete(this, 'Quickbox', 'Delete this note ?')"><i class="bi bi-dash-square"></i></button>
    <button class="button" hx-target="body" hx-swap="beforeend" hx-get="/quickbox/transform/{{.quicknote.Id}}"><i class='bi bi-arrow-up-left-circle-fill'></i></button>
  </div>
  <div>{{.quicknote.NoteRendered | safeHTML}}</div>
</div>
{{end}}