{% extends "admin/base.html" %}

{% block title %}{{ title }} | Lead Campaigns{% endblock %}

{% block content %}
<div class="admin-page-head">
  <div>
    <p class="eyebrow-dark">Outreach</p>
    <h1>{{ title }} <span class="text-zinc-400">({{ rows|length }})</span></h1>
    <p class="mt-3 max-w-3xl text-sm font-bold text-zinc-600">{{ subtitle }}</p>
    <div class="mt-4 flex gap-2">
      <a class="rounded-full border border-zinc-300 px-3 py-1 text-sm font-bold text-zinc-600 hover:border-zinc-900 hover:text-zinc-900"
         href="{{ url_for('admin_lead_campaigns') }}">← Back to Lead Campaigns</a>
    </div>
  </div>
</div>

{% if not rows %}
<div class="mt-8 admin-panel">
  <p class="text-sm font-bold text-zinc-600">Nothing in this list right now.</p>
</div>
{% else %}
<div class="mt-8 admin-panel overflow-x-auto">
  <table class="admin-table w-full min-w-[64rem]">
    <thead>
      <tr>
        <th class="table-cell">Lead</th>
        <th class="table-cell">Vehicle</th>
        <th class="table-cell">Status</th>
        {% if bucket in ('gen_errors', 'send_errors') %}<th class="table-cell">Error</th>{% endif %}
        <th class="table-cell">Created</th>
        <th class="table-cell text-right">Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for r in rows %}
      <tr id="link-{{ r.id }}" class="align-top">
        <td class="table-cell">
          <p class="font-bold text-zinc-900">{{ r.lead_name or '(no name)' }}</p>
          {% if r.lead_email %}<p class="text-xs text-zinc-500">{{ r.lead_email }}</p>{% endif %}
          {% if r.lead_phone %}<p class="text-xs text-zinc-500">{{ r.lead_phone }}</p>{% endif %}
          {% if r.duplicate %}<p class="text-xs font-bold text-zinc-400">duplicate</p>{% endif %}
        </td>
        <td class="table-cell">
          {% if r.camp_listing_id %}
            {% if r.year %}
              <p class="text-sm font-bold text-zinc-800">{{ r.year }} {{ r.make }} {{ r.model }} {{ r.trim or '' }}</p>
              {% if r.listing_deleted %}<p class="text-xs font-black text-rose-700">vehicle deleted — reassign this lead to draft/send</p>{% endif %}
            {% else %}
              <p class="text-xs font-black text-rose-700">vehicle deleted — reassign this lead</p>
            {% endif %}
          {% else %}
            <p class="text-xs font-bold text-zinc-500">Unassigned campaign</p>
          {% endif %}
          {% if r.campaign_label %}<p class="text-xs text-zinc-400">{{ r.campaign_label }}</p>{% endif %}
        </td>
        <td class="table-cell">
          <p class="text-xs font-black uppercase tracking-wide
            {% if r.reply_status == 'sent' %}text-emerald-700
            {% elif r.reply_status in ('scheduled', 'sending') %}text-sky-700
            {% elif r.reply_status == 'drafted' %}text-amber-700
            {% else %}text-zinc-500{% endif %}">
            {{ r.reply_status or 'none' }}{% if r.gen_status == 'failed' %} · gen failed{% endif %}
          </p>
          {% if r.sent_at %}<p class="text-xs text-zinc-400">sent {{ r.sent_at[:16].replace('T', ' ') }}</p>{% endif %}
          {% if r.scheduled_at %}<p class="text-xs text-zinc-400">scheduled {{ r.scheduled_at[:16].replace('T', ' ') }}</p>{% endif %}
          {% if r.text_message %}<p class="text-xs text-zinc-400">SMS ready</p>{% endif %}
        </td>
        {% if bucket in ('gen_errors', 'send_errors') %}
        <td class="table-cell max-w-md">
          <p class="whitespace-pre-wrap break-words font-mono text-xs text-red-700">{{ r.send_error }}</p>
        </td>
        {% endif %}
        <td class="table-cell">
          <p class="text-xs text-zinc-500">{{ (r.created_at or '')[:16].replace('T', ' ') }}</p>
        </td>
        <td class="table-cell">
          <div class="flex flex-wrap justify-end gap-1.5">
            {% if bucket == 'drafts_ready' %}
              <form method="post" action="{{ url_for('admin_lead_campaigns_status', bucket=bucket) }}">
                <input type="hidden" name="link_action" value="send_now">
                <input type="hidden" name="link_id" value="{{ r.id }}">
                <button class="rounded-lg bg-emerald-600 px-2.5 py-1 text-xs font-black text-white hover:bg-emerald-700" type="submit">Send now</button>
              </form>
            {% endif %}
            {% if bucket == 'drafts_missing' %}
              <form method="post" action="{{ url_for('admin_lead_campaigns_status', bucket=bucket) }}">
                <input type="hidden" name="link_action" value="generate">
                <input type="hidden" name="link_id" value="{{ r.id }}">
                <button class="rounded-lg bg-zinc-900 px-2.5 py-1 text-xs font-black text-white hover:bg-zinc-700" type="submit">Generate</button>
              </form>
            {% endif %}
            {% if bucket == 'send_errors' %}
              <form method="post" action="{{ url_for('admin_lead_campaigns_status', bucket=bucket) }}">
                <input type="hidden" name="link_action" value="retry_send">
                <input type="hidden" name="link_id" value="{{ r.id }}">
                <button class="rounded-lg bg-emerald-600 px-2.5 py-1 text-xs font-black text-white hover:bg-emerald-700" type="submit">Retry send</button>
              </form>
            {% endif %}
            {% if bucket == 'gen_errors' %}
              <form method="post" action="{{ url_for('admin_lead_campaigns_status', bucket=bucket) }}">
                <input type="hidden" name="link_action" value="generate">
                <input type="hidden" name="link_id" value="{{ r.id }}">
                <button class="rounded-lg bg-zinc-900 px-2.5 py-1 text-xs font-black text-white hover:bg-zinc-700" type="submit">Retry generate</button>
              </form>
            {% endif %}
            {% if bucket in ('gen_errors', 'send_errors') %}
              <form method="post" action="{{ url_for('admin_lead_campaigns_status', bucket=bucket) }}">
                <input type="hidden" name="link_action" value="clear_error">
                <input type="hidden" name="link_id" value="{{ r.id }}">
                <button class="rounded-lg border border-zinc-300 px-2.5 py-1 text-xs font-black text-zinc-600 hover:border-zinc-900 hover:text-zinc-900" type="submit">Clear error</button>
              </form>
            {% endif %}
            {% if r.camp_listing_id %}
              <a class="rounded-lg border border-zinc-300 px-2.5 py-1 text-xs font-black text-zinc-600 hover:border-zinc-900 hover:text-zinc-900"
                 href="{{ url_for('admin_lead_campaign_detail', cid=r.campaign_id) }}#link-{{ r.id }}">Open</a>
            {% endif %}
            <form method="post" action="{{ url_for('admin_lead_campaigns_status', bucket=bucket) }}"
                  onsubmit="return confirm('Delete this lead permanently?')">
              <input type="hidden" name="link_action" value="delete">
              <input type="hidden" name="link_id" value="{{ r.id }}">
              <button class="rounded-lg border border-red-200 px-2.5 py-1 text-xs font-black text-red-600 hover:bg-red-50" type="submit">Delete</button>
            </form>
          </div>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}
{% endblock %}