{% load humanize %}
<div class="panel panel-default to_highlight table-responsive">
    <div class="panel-comments">
        <h4>Notes <span class="pull-right"><a data-toggle="collapse" href="#vuln_notes"><i
                class="glyphicon glyphicon-chevron-up"></i></a></span></h4>
    </div>
    <div id="vuln_notes" class="panel-body">
      <form class="form-horizontal" action="" method="post">{% csrf_token %}
          {% include "dojo/form_fields.html" with form=form %}
          <div class="form-group">
              <div class="col-sm-offset-2 col-sm-10">
                  <input class="btn btn-primary" type="submit" value="Add Note"/>
              </div>
          </div>
      </form>
    </div>
</div>
{% for note in notes %}
<div>
  <div class="panel panel-default">
  <div class="panel-comments">
    <strong>{{ note.author.username }}</strong> <span class="text-muted">commented {{ note.date | naturalday }}</span>
    {% ifequal user.username note.author.username %}
        <div class="pull-right">
            <form method="post" action="{% url 'delete_note' note.id destination object.id %}">
                {% csrf_token %}
                <input type="hidden" name="id" value="{{note.id}}" id="id_id" />
                <button type="submit" class="btn-delete">
                  <i class="fa fa-trash"></i>
                </button>
            </form>
        </div>
    {% endifequal %}
  </div>
  <div class="panel-body">
    {{ note }}
  </div>
  </div>
</div>
{% endfor %}
</div>