{% 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>
      {% if status %}
        <div class="muted" style="margin-top:6px;">
          {% if status.sync_in_progress %}
            <span class="badge brand">Syncing…</span>
          {% else %}
            {% if status.last_sync_status == 'ok' %}
              <span class="badge success">Last sync OK</span>
            {% elif status.last_sync_status == 'error' %}
              <span class="badge warn">Last sync error</span>
            {% else %}
              <span class="badge">Idle</span>
            {% endif %}
          {% endif %}
          <span style="margin-left:8px;">Last Sync: {{ status.last_sync_at or 'never' }}</span>
          <span style="margin-left:8px;">Items: {{ status.last_sync_count }}</span>
          {% if status.last_sync_error %}
            <div class="muted">Error: {{ status.last_sync_error }}</div>
          {% endif %}
          {% if status.auto_process %}
            <div class="muted">Auto process enabled (every {{ status.interval }}m)</div>
          {% endif %}
        </div>
      {% endif %}
    </div>
  </div>

  <div class="card table-wrap" style="width: 100%; max-width: none;">
    <table style="width: 100%; table-layout: auto;">
      <thead>
        <tr>
          <th style="width: 5%;">ID</th>
          <th style="width: 25%;">Subject</th>
          <th style="width: 25%;">AI Summary</th>
          <th style="width: 10%;">Account</th>
          <th style="width: 5%;">Msgs</th>
          <th style="width: 15%;">Requires Reply</th>
          <th style="width: 15%;">Last Message</th>
        </tr>
      </thead>
      <tbody>
        {% for t in threads %}
          <tr>
            <td><a href="/thread/{{ t.thread.id }}">{{ t.frontend_id }}</a></td>
            <td>{{ t.thread.subject }}</td>
            <td class="muted">{{ t.thread.ai_summary or '' }}</td>
            <td><span class="badge">{{ t.thread.account_email }}</span></td>
            <td><span class="badge brand">{{ t.thread.messages|length }}</span></td>
            <td>
              {% if t.thread.requires_reply %}
                <span class="badge warn">Needs reply</span>
              {% else %}
                <span class="badge success">Up to date</span>
              {% endif %}
            </td>
            <td class="muted">{{ t.formatted_date }}</td>
          </tr>
        {% else %}
          <tr><td colspan="7">No threads yet</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% endblock %}