{% extends "base.html" %}
{% block content %}
<div class="flex items-center justify-between mb-4">
  <h1 class="text-2xl font-bold">Abandoned Intakes</h1>
  <a href="/crm" class="text-sm text-blue-400 hover:text-blue-300">&larr; Back to CRM</a>
</div>

<p class="text-sm text-gray-400 mb-4">
  MCP intake sessions that aged out of Redis before SOW signing. Hourly watchdog moves them here;
  retargeting cascade emails day 1/3/7 then stops. Return visits resume the latest row.
</p>

<div class="card rounded-lg overflow-hidden">
  <table class="w-full text-sm">
    <thead class="bg-gray-900 text-gray-400 text-xs uppercase">
      <tr>
        <th class="px-3 py-2 text-left">Contact</th>
        <th class="px-3 py-2 text-left">Company</th>
        <th class="px-3 py-2 text-left">Last Step</th>
        <th class="px-3 py-2 text-right">Attempts</th>
        <th class="px-3 py-2 text-right">Retargets</th>
        <th class="px-3 py-2 text-left">Abandoned</th>
        <th class="px-3 py-2"></th>
      </tr>
    </thead>
    <tbody class="divide-y divide-gray-800">
      {% for row in rows %}
      <tr class="hover:bg-gray-900/60">
        <td class="px-3 py-2">
          <div class="font-medium">{{ row.full_name or "—" }}</div>
          <div class="text-xs text-gray-500">{{ row.email }}</div>
        </td>
        <td class="px-3 py-2 text-gray-400">{{ row.company or "" }}</td>
        <td class="px-3 py-2"><span class="px-2 py-0.5 text-xs rounded bg-gray-800 text-gray-300">{{ row.last_step or "—" }}</span></td>
        <td class="px-3 py-2 text-right">{{ row.attempts }}</td>
        <td class="px-3 py-2 text-right">{{ row.retargeting_count }}/3</td>
        <td class="px-3 py-2 text-gray-400 text-xs">
          {{ row.abandoned_at.strftime('%Y-%m-%d %H:%M') if row.abandoned_at else '' }}
        </td>
        <td class="px-3 py-2 text-right">
          <form method="post" action="/crm/abandoned-intakes/{{ row.id }}/retarget" class="inline">
            <button class="px-2 py-1 text-xs rounded bg-blue-700 hover:bg-blue-600 text-white"
                    {% if row.retargeting_count >= 3 %}disabled{% endif %}>
              Send Follow-up
            </button>
          </form>
          <a href="/crm/abandoned-intakes/{{ row.id }}"
             class="ml-2 text-xs text-gray-400 hover:text-white">View</a>
        </td>
      </tr>
      {% else %}
      <tr><td colspan="7" class="px-3 py-6 text-center text-gray-500 text-sm">No abandoned intakes.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}