{% extends 'base.html' %}
{% block title %}Histórico de e-mails{% endblock %}
{% block content %}
<div class="page-header">
  <div>
    <div class="eyebrow">Rastreio</div>
    <h1>Histórico de envios</h1>
    <p class="muted">Registo de mensagens geradas e enviadas pela plataforma.</p>
  </div>
</div>
<div class="card">
  <table class="table">
    <thead>
      <tr>
        <th>ID</th>
        <th>Cliente</th>
        <th>Assunto</th>
        <th>Estado</th>
        <th>Data</th>
        <th>Erro</th>
      </tr>
    </thead>
    <tbody>
      {% for item in messages %}
      <tr>
        <td>#{{ item.id }}</td>
        <td><strong>{{ item.full_name }}</strong><br><span class="table-sub">{{ item.email }}</span></td>
        <td>{{ item.subject_rendered }}</td>
        <td><span class="badge badge-{{ item.send_status }}">{{ item.send_status }}</span></td>
        <td>{{ item.sent_at|fmt_dt }}</td>
        <td>{{ item.error_message or '-' }}</td>
      </tr>
      {% else %}
      <tr><td colspan="6">Ainda não existem envios.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}