{% extends "base.html" %}
{% block title %}Co-memorize bulk review{% endblock %}
{% block content %}
  <h1 class="text-2xl font-semibold">Co-memorize bulk review</h1>
  <p class="mt-1 text-sm text-slate-600">
    Memory hygiene candidates. Forget rows: never-recalled, old, low-confidence. Merge pairs: same user, high content overlap.
  </p>

  {% if result %}
    <div class="mt-4 rounded-md border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm text-emerald-900">
      Applied {{ result.applied }}, skipped {{ result.skipped }}{% if result.errors %}; errors: {{ result.errors|length }}{% endif %}.
    </div>
  {% endif %}

  {% if candidates %}
    <form class="mt-4" hx-post="/co-memorize/apply" hx-target="body" hx-swap="outerHTML">
      <table class="min-w-full divide-y divide-slate-200 rounded-md border border-slate-200 bg-white text-sm">
        <thead class="bg-slate-50 text-xs uppercase text-slate-500">
          <tr>
            <th class="px-2 py-1"><input type="checkbox" onclick="document.querySelectorAll('input[name=op]').forEach(c => c.checked = this.checked)" /></th>
            <th class="px-2 py-1">op</th>
            <th class="px-2 py-1">content</th>
            <th class="px-2 py-1">reasoning</th>
          </tr>
        </thead>
        <tbody>
          {% for c in candidates %}
            <tr class="border-t border-slate-200 align-top">
              <td class="px-2 py-2">
                <input type="checkbox" name="op"
                       value="{{ c.op_type }}:{{ c.primary_id }}:{{ c.secondary_id or '' }}" />
              </td>
              <td class="px-2 py-2 text-xs">
                <span class="inline-flex items-center rounded bg-slate-100 px-1.5 py-0.5 font-medium">{{ c.op_type }}</span>
              </td>
              <td class="px-2 py-2 text-sm">{{ c.content }}</td>
              <td class="px-2 py-2 text-xs text-slate-600">{{ c.reasoning }}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
      <div class="mt-3 flex justify-end">
        <button class="rounded-md bg-slate-800 px-4 py-2 text-sm font-medium text-white hover:bg-slate-900">
          Apply selected
        </button>
      </div>
    </form>
  {% else %}
    {% with message = "No bulk-review candidates. The agent's memory store is already healthy." %}
      {% include "_partials/empty_state.html" %}
    {% endwith %}
  {% endif %}
{% endblock %}