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

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

{% block content %}
<div class="admin-page-head">
  <div>
    <p class="eyebrow-dark">Outreach</p>
    <h1>Lead Campaigns</h1>
    <p class="mt-3 text-sm font-bold text-zinc-600">Generate per-lead tracking links for a vehicle, see who visited, and reply with AI-generated emails.</p>
    <div class="mt-4 flex gap-2">
      <a class="rounded-full border px-3 py-1 text-sm font-bold {{ 'bg-zinc-900 text-white border-zinc-900' if request.endpoint in ('admin_lead_campaigns', 'admin_lead_campaign_detail') else 'text-zinc-600 border-zinc-300' }}"
         href="{{ url_for('admin_lead_campaigns') }}">Campaigns</a>
      <a class="rounded-full border px-3 py-1 text-sm font-bold {{ 'bg-zinc-900 text-white border-zinc-900' if request.endpoint == 'admin_lead_followups' else 'text-zinc-600 border-zinc-300' }}"
         href="{{ url_for('admin_lead_followups') }}">Follow-up</a>
      <a class="rounded-full border px-3 py-1 text-sm font-bold {{ 'bg-zinc-900 text-white border-zinc-900' if request.endpoint == 'admin_lead_all' else 'text-zinc-600 border-zinc-300' }}"
         href="{{ url_for('admin_lead_all') }}">All Leads</a>
      <a class="rounded-full border px-3 py-1 text-sm font-bold {{ 'bg-zinc-900 text-white border-zinc-900' if request.endpoint == 'admin_inbox' else 'text-zinc-600 border-zinc-300' }}"
         href="{{ url_for('admin_inbox') }}">Inbox</a>
    </div>
    <div class="mt-4 flex flex-wrap items-center gap-3">
      <button class="btn-primary" type="button"
              onclick="startReplyGen('{{ url_for('admin_lead_campaigns_generate_all') }}', this)">
        Generate replies + missing texts
      </button>
      <button class="btn-outline" type="button" onclick="runAiDiag(this)">Diagnose AI speed</button>
      <span id="lc-gen-progress" class="hidden text-sm font-bold text-zinc-700"></span>
      <span class="text-sm font-bold text-zinc-600">
        {{ counters.leads_loaded or 0 }} leads loaded ·
        <a class="text-emerald-700 underline decoration-2 underline-offset-2 hover:text-emerald-900" href="{{ url_for('admin_lead_campaigns_status', bucket='drafts_ready') }}">{{ counters.drafts_ready or 0 }} drafts ready</a> ·
        <a class="text-amber-700 underline decoration-2 underline-offset-2 hover:text-amber-900" href="{{ url_for('admin_lead_campaigns_status', bucket='drafts_missing') }}">{{ counters.drafts_missing or 0 }} drafts missing</a> ·
        <a class="text-sky-700 underline decoration-2 underline-offset-2 hover:text-sky-900" href="{{ url_for('admin_lead_campaigns_status', bucket='texts_missing') }}">{{ counters.texts_missing or 0 }} texts missing</a>
        {% if counters.gen_errors %} · <a class="text-rose-700 font-black underline decoration-2 underline-offset-2 hover:text-rose-900" href="{{ url_for('admin_lead_campaigns_status', bucket='gen_errors') }}">{{ counters.gen_errors }} gen errors</a>{% endif %}
        {% if counters.send_errors %} · <a class="text-red-700 font-black underline decoration-2 underline-offset-2 hover:text-red-900" href="{{ url_for('admin_lead_campaigns_status', bucket='send_errors') }}">{{ counters.send_errors }} send errors</a>{% endif %}
      </span>
      <span class="text-xs font-normal text-zinc-400">click any counter to see the leads behind it and act on them</span>
      <form class="flex flex-wrap items-end gap-2" method="post" action="{{ url_for('admin_lead_campaigns_schedule') }}">
        <input type="hidden" name="scope" value="all_drafted">
        <label><span class="form-label">Hours</span>
          <input class="form-input w-20" type="number" name="hours" value="0" min="0" max="720"></label>
        <label><span class="form-label">Minutes</span>
          <input class="form-input w-20" type="number" name="minutes" value="30" min="0" max="59"></label>
        <button class="btn-outline" type="submit" name="mode" value="schedule">Schedule all drafted</button>
        <button class="rounded-xl bg-emerald-600 px-4 py-2 text-sm font-black text-white hover:bg-emerald-700"
                type="submit" name="mode" value="now"
                onclick="return confirm('Send ALL drafted replies now (staggered 1-3 min apart)?')">Send all drafted now</button>
      </form>
    </div>
  </div>
</div>

<div class="mt-8 grid items-start gap-6 lg:grid-cols-2">
<section class="admin-panel">
  <h2>Master reply prompt</h2>
  <p class="mt-2 text-sm text-zinc-600">Used by the AI to draft replies for every campaign. Reference the lead by name and the vehicle by year/make/model.</p>
  <form class="mt-4" method="post">
    <input type="hidden" name="campaign_action" value="save_master_prompt">
    <textarea class="form-input" name="lead_reply_master_prompt" rows="5">{{ master_prompt }}</textarea>
    <button class="btn-primary mt-3" type="submit">Save master prompt</button>
  </form>
</section>

<section class="admin-panel">
  <h2>Create campaign</h2>
  <form class="mt-5 grid gap-4" method="post">
    <input type="hidden" name="campaign_action" value="create">
    <label><span class="form-label">Vehicle (type VIN / make / model)</span>
      <input class="form-input" name="vehicle_search" list="vehicles-list" placeholder="Type to filter…" required autocomplete="off">
      <datalist id="vehicles-list">
        {% for l in listings %}
          <option value="{{ l.year }} {{ l.make }} {{ l.model }} {{ l.trim }} — {{ l.vin }} — {{ l.public_stock_number or l.stock_number }}">
        {% endfor %}
      </datalist>
    </label>
    <label><span class="form-label">How many links</span><input class="form-input" type="number" name="count" value="5" min="1" max="50"></label>
    <label><span class="form-label">Label (optional)</span><input class="form-input" name="label" placeholder="e.g. AutoTrader — August"></label>
    <button class="btn-primary self-end" type="submit">Create</button>
  </form>
</section>
</div>

<section class="admin-panel mt-8">
  <h2>Paste leads (bulk import)</h2>
  <p class="mt-2 text-sm text-zinc-600">Paste leads from AutoTrader etc. Separate each lead with a blank line. First line = car + $price + <strong>CAS-#### stock number or the VIN (one of them required, anywhere in the block)</strong>, then the message, then name, then phone (optional), then email. Each lead is assigned by exact CAS/VIN first; if neither is present, the title is looked up in the <strong>title → stock# reference</strong> (right) to auto-assign the car. Without a match it goes to "Unassigned Leads" for manual assignment.</p>
  <div class="mt-4 grid gap-4 md:grid-cols-2">
    <form method="post" action="{{ url_for('admin_lead_campaigns_import') }}">
      <textarea class="form-input font-mono text-xs" name="paste_leads" rows="8" placeholder="2023 Toyota RAV 4 XLE CAS-1158 $29,200&#10;Pictures please&#10;jon jones&#10;kj.sooriya@gmail.com&#10;&#10;2025 Toyota Tundra Limited $41,600&#10;I'm interested, please send pics&#10;Abe&#10;abehage@gmail.com"></textarea>
      <label class="admin-check-pill mt-3"><input type="checkbox" name="create_new_campaign" value="1"> Create new campaign(s) instead of appending to existing ones</label>
      <div class="mt-3"><button class="btn-primary" type="submit">Import leads</button></div>
    </form>
    <div>
      <div class="form-label">Title → stock# reference (auto-assign lookup)</div>
      <p class="text-xs text-zinc-500">One mapping per line: <code>Title $price|CAS-####</code>. Shows all current mappings — add new rows at the bottom and Update. Duplicates are ignored; the most recent mapping wins, so to correct an entry just add a new line. When a pasted lead has no CAS/VIN, its title is looked up here to auto-assign the car.</p>
      <form class="mt-2" method="post" action="{{ url_for('admin_lead_title_map') }}">
        <textarea class="form-input font-mono text-xs" name="title_map" rows="8" placeholder="2021 Ford Mustang Shelby GT500 Fastback $84,500|CAS-1179&#10;2024 Lexus NX 350h $54,321|CAS-1205">{{ title_map_text }}</textarea>
        <div class="mt-2"><button class="btn-primary" type="submit">Update reference</button></div>
      </form>
    </div>
  </div>
</section>

<section class="mt-6 overflow-hidden rounded-lg border border-zinc-200 bg-white shadow-sm">
  <div class="overflow-x-auto">
    <table class="min-w-full divide-y divide-zinc-200">
      <thead class="bg-zinc-100">
        <tr>
          <th class="table-heading">Label</th>
          <th class="table-heading">Vehicle</th>
          <th class="table-heading">Links</th>
          <th class="table-heading">Visited</th>
          <th class="table-heading">Replies sent</th>
          <th class="table-heading">Drafts</th>
          <th class="table-heading">Errors</th>
          <th class="table-heading">To reply</th>
          <th class="table-heading">Texted</th>
          <th class="table-heading">Created</th>
          <th class="table-heading">Actions</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-zinc-200">
        {% for c in campaigns %}
          <tr>
            <td class="table-cell font-bold text-zinc-950">{{ c.label or '—' }}</td>
            <td class="table-cell text-sm">{{ c.title_en or '—' }}<div class="text-xs text-zinc-500">{{ c.public_stock_number or c.stock_number or '' }}</div></td>
            <td class="table-cell">{{ c.link_count }}</td>
            <td class="table-cell">{{ c.visited_count }}/{{ c.link_count }}</td>
            <td class="table-cell">{{ c.sent_count }}/{{ c.link_count }}</td>
            <td class="table-cell">{{ c.drafted_count }}</td>
            <td class="table-cell {% if c.error_count %}font-bold text-red-700{% endif %}">{% if c.error_count %}{{ c.error_count }}{% else %}—{% endif %}</td>
            <td class="table-cell {% if c.missing_count %}font-bold text-amber-700{% endif %}">{{ c.missing_count }}</td>
            <td class="table-cell">{{ c.texted_count }}/{{ c.phone_count }}</td>
            <td class="table-cell text-xs font-bold text-zinc-500">{{ (c.created_at or '')[:10] }}</td>
            <td class="table-cell">
              <div class="flex flex-wrap gap-2">
                <a class="font-bold underline decoration-amber-400 decoration-2 underline-offset-4" href="{{ url_for('admin_lead_campaign_detail', cid=c.id) }}">Open</a>
                <form method="post" style="display:inline" onsubmit="return confirm('Delete this campaign and all its links?')">
                  <input type="hidden" name="campaign_action" value="delete">
                  <input type="hidden" name="campaign_id" value="{{ c.id }}">
                  <button class="font-bold text-red-600 underline decoration-red-300 decoration-2 underline-offset-4" type="submit">Delete</button>
                </form>
              </div>
            </td>
          </tr>
        {% else %}
          <tr><td class="table-cell text-zinc-500" colspan="10">No campaigns yet. Create one above.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
<script>
async function startReplyGen(url, btn){
  const orig = btn.textContent;
  const panel = document.getElementById('lc-gen-progress');
  btn.disabled = true; btn.textContent = 'Starting...';
  try {
    const r = await fetch(url, {method: 'POST'});
    const data = await r.json();
    if (!data.ok){ alert(data.error || 'Could not start generation.'); btn.disabled = false; btn.textContent = orig; return; }
    btn.textContent = 'Generating...';
    panel.classList.remove('hidden');
    pollReplyGen(data.job_id, btn, orig, panel);
  } catch (e) {
    alert('Could not start generation.');
    btn.disabled = false; btn.textContent = orig;
  }
}
async function pollReplyGen(jobId, btn, orig, panel){
  try {
    const r = await fetch('{{ url_for("admin_lead_campaign_generate_status", job_id="JOB") }}'.replace('JOB', jobId));
    const st = await r.json();
    if (!st.ok){ panel.textContent = 'Batch status not found (finished or cleaned up). Refresh to see results.'; return; }
    panel.textContent = 'Drafting replies: ' + st.done + '/' + st.total +
      ' (drafted ' + st.drafted + (st.texts ? ', texts ' + st.texts : '') + ', failed ' + st.failed + ', skipped ' + st.skipped + ')' +
      (st.avg_call_s ? ' · AI calls: last ' + st.last_call_s + 's / avg ' + st.avg_call_s + 's' : '');
    if (st.finished){ setTimeout(() => location.reload(), 1200); return; }
    setTimeout(() => pollReplyGen(jobId, btn, orig, panel), 3000);
  } catch (e) {
    setTimeout(() => pollReplyGen(jobId, btn, orig, panel), 5000);
  }
}
// A batch survives refresh/navigation (server-side thread + DB-stamped progress).
// If one is running when this page loads, resume watching it automatically.
const LC_ACTIVE_JOB = {{ active_job | tojson }};
if (LC_ACTIVE_JOB) {
  const btn = document.querySelector('button[onclick^="startReplyGen"]');
  const panel = document.getElementById('lc-gen-progress');
  panel.classList.remove('hidden');
  panel.textContent = 'A reply batch is running…';
  pollReplyGen(LC_ACTIVE_JOB, btn, btn ? btn.textContent : 'Generate all un-replied replies', panel);
}

/* ---------- AI speed diagnostics ---------- */
async function runAiDiag(btn){
  const orig = btn.textContent;
  btn.disabled = true; btn.textContent = 'Running…';
  let panel = document.getElementById('lc-ai-diag');
  if (!panel){
    panel = document.createElement('div');
    panel.id = 'lc-ai-diag';
    panel.className = 'mt-4 w-full rounded-xl border border-sky-200 bg-sky-50 p-4 text-sm';
    document.getElementById('lc-gen-progress').parentElement.appendChild(panel);
  }
  panel.innerHTML = '<p class="font-bold text-sky-800">Running timed probes (up to ~2 min)…</p>';
  try {
    const r = await fetch("{{ url_for('admin_ai_diagnostics') }}", {method: 'POST'});
    const d = await r.json();
    if (!d.ok){ panel.innerHTML = '<p class="font-bold text-red-700">' + (d.error || 'Could not start.') + '</p>'; btn.disabled = false; btn.textContent = orig; return; }
    pollAiDiag(btn, orig, panel);
  } catch (e) {
    panel.innerHTML = '<p class="font-bold text-red-700">Request failed: ' + e + '</p>';
    btn.disabled = false; btn.textContent = orig;
  }
}
async function pollAiDiag(btn, orig, panel){
  try {
    const d = await (await fetch("{{ url_for('admin_ai_diagnostics_status') }}")).json();
    if (!d.finished){
      panel.innerHTML = '<p class="font-bold text-sky-800">Probing…</p><ul class="mt-1 list-disc pl-5 text-xs text-sky-700">' +
        (d.log || []).map(l => '<li>' + l.replace(/</g, '&lt;') + '</li>').join('') + '</ul>';
      setTimeout(() => pollAiDiag(btn, orig, panel), 2500);
      return;
    }
    btn.disabled = false; btn.textContent = orig;
    const rows = (d.probes || []).map(p =>
      '<tr class="border-t border-sky-100">' +
      '<td class="py-1 pr-2 font-bold">' + p.label + '</td>' +
      '<td class="py-1 pr-2 ' + (p.seconds > 20 ? 'text-red-700 font-black' : 'text-emerald-700 font-bold') + '">' + p.seconds + 's</td>' +
      '<td class="py-1 pr-2">' + p.thinking + '</td>' +
      '<td class="py-1 pr-2">' + (p.ok ? (p.input_tokens + '→' + p.output_tokens + ' tok, stop=' + p.stop_reason) : '<span class="text-red-700">' + p.error + '</span>') + '</td>' +
      '<td class="py-1">' + p.prompt_chars + ' chars</td></tr>').join('');
    panel.innerHTML =
      '<p class="font-black text-sky-900">AI speed diagnostics — provider: ' + d.provider + ' · model: ' + d.model + '</p>' +
      '<table class="mt-2 w-full text-xs"><thead><tr class="text-left text-sky-800"><th class="pr-2">Probe</th><th class="pr-2">Time</th><th class="pr-2">Thinking</th><th class="pr-2">Result</th><th>Prompt</th></tr></thead><tbody>' + rows + '</tbody></table>' +
      ((d.thinking_fallbacks && d.thinking_fallbacks.this_run) ? '<p class="mt-2 font-black text-amber-700">⚠ thinking:disabled was REJECTED ' + d.thinking_fallbacks.this_run + '× this run — calls fall back to slow reasoning mode.</p>' : '') +
      ((d.v4_fallbacks && d.v4_fallbacks.count) ? '<p class="mt-1 text-xs font-bold text-amber-700">v4 endpoint fallbacks so far: ' + d.v4_fallbacks.count + ' (last: ' + (d.v4_fallbacks.last_at || '') + ')</p>' : '') +
      '<ul class="mt-2 list-disc pl-5 text-xs font-bold text-sky-900">' + (d.notes || []).map(n => '<li>' + n.replace(/</g, '&lt;') + '</li>').join('') + '</ul>';
  } catch (e) {
    setTimeout(() => pollAiDiag(btn, orig, panel), 4000);
  }
}
</script>
{% endblock %}