{% extends "base.html" %}
{% block content %}
<div class="d-flex justify-content-between align-items-center">
  <h4>Alertes</h4>
  <a class="btn btn-outline-secondary btn-sm" href="/">Retour</a>
</div>

<table class="table table-striped mt-3">
  <thead><tr><th>Date</th><th>Article</th><th>URL</th><th>Avant</th><th>Après</th></tr></thead>
  <tbody>
  {% for a in alerts %}
    <tr>
      <td>{{ a.created_at|date:"Y-m-d H:i" }}</td>
      <td>{{ a.source.item.code }}</td>
      <td style="max-width:360px; overflow:hidden; text-overflow:ellipsis;"><a target="_blank" href="{{ a.source.url }}">{{ a.source.url }}</a></td>
      <td>{% if a.prev_check %}{{ a.prev_check.price_value }}{% endif %}</td>
      <td>{% if a.new_check %}{{ a.new_check.price_value }}{% endif %}</td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}