{% load static %}
<div id="task-notes-container" class="task-notes-widget">
  {% for timestamp, content in widget.notes.items %}
  <div class="task-note-row row mb-2 align-items-start">
    <div class="col-md-3">
      <input type="hidden" name="{{widget.name}}_timestamps" value="{{timestamp}}">
    </div>
    <div class="col-md-7">
      <textarea name="{{widget.name}}_contents" class="form-control" rows="2">{{content}}</textarea>
    </div>
    <div class="col-md-2">
      <button type="button" class="btn btn-sm btn-outline-danger remove-note">&times;</button>
    </div>
  </div>
  {% endfor %}
</div>
<button type="button" class="btn btn-sm btn-outline-primary add-note" data-widget-name="{{widget.name}}">+ Add Note</button>