{{define "quickbox:add"}}
<div id="quicknote-{{.quicknote.Id}}" class="w3-row w3-container w3-border w3-padding w3-round-large quickbox-row">
  <div class="w3-col w3-right buttons">
    <button class="w3-button w3-delete w3-small w3-border w3-round-large" hx-delete="/quickbox/delete/{{.quicknote.Id}}" hx-target="closest div.w3-row" hx-swap="outerHTML swap:1s" hx-trigger='confirmed' 
        onClick="bm_show_confirm(this, 'Quickbox', 'Delete this note ?')"><i class="bi bi-dash-square"></i></button>
    <button class="w3-button w3-edit w3-small w3-border w3-round-large" hx-target="#modal-container" hx-get="/quickbox/transform/{{.quicknote.Id}}"><i class='bi bi-arrow-up-left-circle-fill'></i></button>
  </div>
  <div class="w3-rest">{{.quicknote.Note_rendered | safeHTML}}</div>
</div>
{{end}}