<div class="container" id="messages">
  {% for message in messages %}
  <div class="message {{ message.class }}">
    <div class="message-header">
      <p>{{ message.title }}</p>
      <button class="delete" aria-label="delete" onclick="return this.parentNode.parentNode.remove();">
    </div>
    <div class="message-body">
      {{ message.body | safe }}
    </div>
  </div>
  {% endfor %}
</div>
