{% extends "base.html" %}
{% block content %}
  <div class="row mb-2">
    <div class="col">
      <h2>Threads{% if account %} for {{ account }}{% endif %}</h2>
      <p class="muted">Latest updated threads. Click an ID to view details and AI analysis.</p>
    </div>
  </div>

  <div class="card table-wrap">
    <table>
      <thead>
        <tr>
          <th>ID</th>
          <th>Subject</th>
          <th>Account</th>
          <th>Msgs</th>
          <th>Requires Reply</th>
          <th>Updated</th>
        </tr>
      </thead>
      <tbody>
        {% for t in threads %}
          <tr>
            <td><a href="/thread/{{ t.id }}">{{ t.id }}</a></td>
            <td>{{ t.subject }}</td>
            <td><span class="badge">{{ t.account_email }}</span></td>
            <td><span class="badge brand">{{ t.messages|length }}</span></td>
            <td>
              {% if t.requires_reply %}
                <span class="badge warn">Needs reply</span>
              {% else %}
                <span class="badge success">Up to date</span>
              {% endif %}
            </td>
            <td class="muted">{{ t.updated_at }}</td>
          </tr>
        {% else %}
          <tr><td colspan="6">No threads yet</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% endblock %}