{% load assets i18n humanize %}
<h2>Mes notifications</h2>
<div class="notifications">
{% for notification in notifications %}
  <div class="notification" data-combo-notification-ack-url="{% url 'api-notification-ack' notification_id=notification.id %}"
     data-combo-notification-forget-url="{% url 'api-notification-forget' notification_id=notification.id %}">
  <div>
    <div class="summary"{% if notification.origin %} style="background-image: url({% asset_url "notification:"|add:notification.origin %})"{% endif %}>{% if notification.url %}<a href="{{ notification.url|default:"#" }}">{{ notification.summary }}</a>
      {% else %}{{ notification.summary }}{% endif %}</div>
  <div class="description">
  {{ notification.body|linebreaks }}
  </div>
  <div class="date">
  <span class="label">Mise à jour :</span> {{ notification.start_timestamp|date:"DATE_FORMAT" }}
  </div>
  <a class="ack" href="#"></a>
  </div>
</div>
{% empty %}
<div class="notification-none">Aucune notification.</div>
{% endfor %}
</div>
