{% extends "base.html" %}
{% block title %}Sent Emails{% endblock %}
{% block content %}
<div class="page-head"><div><h1>Sent Emails</h1><p class="muted">Every conversation the system has sent, exactly as recipients see it.</p></div></div>
{% if thread %}
<div class="mailbox">
  <div class="card threads">
    {% for t in threads %}
      <a href="{{ url_for('emails', thread=t[0].thread_id) }}" class="{{ 'active' if t[0].thread_id == thread[0].thread_id }}">
        <b>{{ t[0].subject }}</b>
        <span class="muted">{{ workflows.get(t[0].workflow, {}).get('name', t[0].workflow) }} · {{ t|length }} message{{ 's' if t|length != 1 }} · {{ h.time_ago(t[-1].sent_at) }}</span>
      </a>
    {% endfor %}
  </div>
  <div>
    {% for m in thread %}
      <div class="msg">
        <div class="msg-head" {% if m.is_human %}style="background:var(--warn-bg)"{% endif %}><span><b>{{ names.get(m.from_addr, m.from_addr) }}</b> → {{ names.get(m.to_addrs[0], m.to_addrs[0]) }}{% if m.cc_addrs %} <span class="muted">cc {{ m.cc_addrs|join(', ') }}</span>{% endif %}
          {% if m.is_human %}<span class="pill review">Written by a person</span>{% endif %}</span>
          <span class="muted">{{ h.datetime.fromisoformat(m.sent_at).astimezone(tz).strftime('%a %d %b %Y, %H:%M') }}</span></div>
        <iframe data-autosize src="{{ url_for('message_html', message_id=m.message_id) }}"></iframe>
        {% if m.is_human and m.attachments %}<div class="msg-head" style="border-top:1px solid var(--line);border-bottom:0">{{ icon("clip", 14) }} {% for a in m.attachments %}{% set link = file_link(a.path) %}{% if link %}<a href="{{ link }}">{{ a.filename }}</a>{% else %}{{ a.filename }}{% endif %}{{ ', ' if not loop.last }}{% endfor %}</div>{% endif %}
      </div>
    {% endfor %}
  </div>
</div>
{% else %}
  <div class="card empty">No emails yet. Use <b>Send now</b> on an <a href="{{ url_for('automations') }}">automation</a> to send the first one.</div>
{% endif %}
{% endblock %}