{% extends "base.html" %}
{% block title %}Email Log{% endblock %}

{% block content %}
<div class="max-w-7xl mx-auto space-y-4">

  <h1 class="text-2xl font-bold">Email Log</h1>

  <!-- Filters -->
  <form method="get" action="/log" class="card bg-base-100 shadow-sm">
    <div class="card-body py-3 px-4">
      <div class="flex flex-wrap gap-3 items-end">

        <div class="form-control">
          <label class="label py-0.5"><span class="label-text text-xs">Search</span></label>
          <input name="q" type="text" class="input input-bordered input-sm w-48"
                 placeholder="sender or subject" value="{{ filter_q }}" />
        </div>

        <div class="form-control">
          <label class="label py-0.5"><span class="label-text text-xs">Status</span></label>
          <select name="status" class="select select-bordered select-sm">
            <option value="">All statuses</option>
            {% for s in statuses %}
            <option value="{{ s }}" {% if filter_status == s %}selected{% endif %}>{{ status_labels[s] }}</option>
            {% endfor %}
          </select>
        </div>

        <div class="form-control">
          <label class="label py-0.5"><span class="label-text text-xs">Sender Type</span></label>
          <select name="sender_type" class="select select-bordered select-sm">
            <option value="">All types</option>
            {% for t in sender_types %}
            <option value="{{ t }}" {% if filter_sender_type == t %}selected{% endif %}>{{ sender_type_labels[t] }}</option>
            {% endfor %}
          </select>
        </div>

        <div class="form-control">
          <label class="label py-0.5"><span class="label-text text-xs">Classification</span></label>
          <select name="classification" class="select select-bordered select-sm">
            <option value="">All classes</option>
            {% for c in classifications %}
            <option value="{{ c }}" {% if filter_classification == c %}selected{% endif %}>{{ classification_labels[c] }}</option>
            {% endfor %}
          </select>
        </div>

        <button type="submit" class="btn btn-primary btn-sm">Filter</button>
        {% if filter_status or filter_sender_type or filter_classification or filter_q %}
        <a href="/log" class="btn btn-ghost btn-sm">Clear</a>
        {% endif %}

      </div>
    </div>
  </form>

  <!-- Results -->
  <div class="card bg-base-100 shadow-sm overflow-x-auto">
    <table class="table table-sm">
      <thead>
        <tr>
          <th>Received</th>
          <th>Sender</th>
          <th>Subject</th>
          <th>Type</th>
          <th>Classification</th>
          <th>Conf</th>
          <th>Action</th>
          <th>Status</th>
        </tr>
      </thead>
      <tbody>
        {% for e in entries %}
        <tr class="hover cursor-pointer" onclick="window.location='/log/{{ e.id }}'">
          <td class="text-xs text-base-content/60 whitespace-nowrap">
            {{ e.received_at.strftime('%Y-%m-%d %H:%M') if e.received_at else '—' }}
          </td>
          <td class="text-xs max-w-[160px]">
            <div class="truncate">{{ e.sender_address }}</div>
            {% if e.sender_name %}<div class="text-base-content/40 truncate">{{ e.sender_name }}</div>{% endif %}
          </td>
          <td class="text-xs max-w-[220px] truncate">{{ e.subject or '—' }}</td>
          <td>
            <span class="badge badge-xs {% if e.sender_type == 'customer' %}badge-info{% elif e.sender_type == 'vendor' %}badge-warning{% elif e.sender_type == 'whitelist' %}badge-success{% else %}badge-ghost{% endif %}">
              {{ e.sender_type }}
            </span>
          </td>
          <td class="text-xs">{{ classification_labels.get(e.llm_classification, e.llm_classification or '—') }}</td>
          <td class="text-xs tabular-nums">
            {% if e.llm_confidence is not none %}
              <span class="{% if e.llm_confidence < 0.6 %}text-error{% elif e.llm_confidence < 0.8 %}text-warning{% else %}text-success{% endif %}">
                {{ (e.llm_confidence * 100)|int }}%
              </span>
            {% else %}—{% endif %}
          </td>
          <td class="text-xs whitespace-nowrap">
            {{ action_labels.get(e.final_action, e.final_action) }}
            {% if e.action_overridden %}<span class="badge badge-xs badge-warning ml-1" title="Rule override">⚡</span>{% endif %}
          </td>
          <td>
            {% if e.status == 'completed' %}<span class="badge badge-xs badge-success">done</span>
            {% elif e.status == 'failed' %}<span class="badge badge-xs badge-error">failed</span>
            {% elif e.status == 'processing' %}<span class="badge badge-xs badge-warning">processing</span>
            {% elif e.status == 'skipped' %}<span class="badge badge-xs badge-ghost">skipped</span>
            {% else %}<span class="badge badge-xs">{{ e.status }}</span>{% endif %}
          </td>
        </tr>
        {% else %}
        <tr>
          <td colspan="8" class="text-center text-base-content/50 py-10">No entries match your filters.</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  <!-- Pagination -->
  {% if total_pages > 1 %}
  <div class="flex items-center justify-between text-sm">
    <span class="text-base-content/50">
      Showing {{ ((page - 1) * per_page) + 1 }}–{{ [page * per_page, total] | min }} of {{ total }}
    </span>
    <div class="join">
      {% if page > 1 %}
      <a href="?page={{ page - 1 }}&status={{ filter_status }}&sender_type={{ filter_sender_type }}&classification={{ filter_classification }}&q={{ filter_q }}"
         class="join-item btn btn-sm">«</a>
      {% endif %}
      {% for p in range([1, page - 2] | max, [total_pages + 1, page + 3] | min) %}
      <a href="?page={{ p }}&status={{ filter_status }}&sender_type={{ filter_sender_type }}&classification={{ filter_classification }}&q={{ filter_q }}"
         class="join-item btn btn-sm {% if p == page %}btn-active{% endif %}">{{ p }}</a>
      {% endfor %}
      {% if page < total_pages %}
      <a href="?page={{ page + 1 }}&status={{ filter_status }}&sender_type={{ filter_sender_type }}&classification={{ filter_classification }}&q={{ filter_q }}"
         class="join-item btn btn-sm">»</a>
      {% endif %}
    </div>
  </div>
  {% else %}
  <p class="text-xs text-base-content/40">{{ total }} result{{ 's' if total != 1 else '' }}</p>
  {% endif %}

</div>
{% endblock %}