src/ApplicationBundle/Modules/LeadGen/Resources/views/pages/leadgen_dashboard.html.twig line 1

Open in your IDE?
  1. {% extends '@System/layouts/main_layout.html.twig' %}
  3. {% block title %}LeadGen — Outbound Prospects{% endblock %}
  5. {% block body %}
  6. <style>
  7. /* This is a central/super-admin surface: the tenant ERP module rail (Finance/POS/…) does not
  8.    apply here — hide it page-scoped and let the LeadGen sidebar carry the admin links instead. */
  9. .cp-shell > .cp-rail { display: none !important; }
  10. /* The shell's default 1.12 content zoom reads too small on this dense two-column page. */
  11. .cp-content.cp-content-zoom { zoom: 1.3; }
  12. .lg-wrap { padding: 4px 22px 60px; }
  13. .lg-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:16px; flex-wrap:wrap; }
  14. .lg-head h1 { font-family:var(--cp-font-head); font-size:var(--cp-fs-2xl); font-weight:700; color:var(--cp-text); margin:0; }
  15. .lg-head p { margin:5px 0 0; color:var(--cp-text-faint); font-size:var(--cp-fs-base); }
  16. .lg-banner { border-radius:var(--cp-radius); padding:10px 14px; font-size:var(--cp-fs-base); margin-bottom:14px; }
  17. .lg-banner--warn { background:rgba(186,26,26,.08); color:var(--cp-error); border:1px solid rgba(186,26,26,.25); }
  18. .lg-banner--info { background:var(--cp-amber-dim); color:var(--cp-primary); }
  19. .lg-grid { display:grid; grid-template-columns: 2.2fr 1fr; gap:16px; align-items:start; }
  20. @media (max-width: 1100px) { .lg-grid { grid-template-columns: 1fr; } }
  21. .lg-card { background:var(--cp-surface-white); border-radius:var(--cp-radius-lg); box-shadow:var(--cp-shadow-card); overflow:hidden; margin-bottom:16px; }
  22. .lg-card h2 { font-size:var(--cp-fs-md); font-weight:700; color:var(--cp-text); margin:0; padding:14px 16px 10px; }
  23. .lg-card .lg-sub { padding:0 16px 10px; color:var(--cp-text-faint); font-size:var(--cp-fs-sm); }
  24. .lg-table { width:100%; border-collapse:collapse; font-size:var(--cp-fs-base); }
  25. .lg-table th { padding:9px 12px; text-align:left; background:var(--cp-surface-low); color:var(--cp-text-faint); font-size:var(--cp-fs-xs); font-weight:700; text-transform:uppercase; letter-spacing:.05em; border-bottom:1px solid var(--cp-outline-variant); }
  26. .lg-table td { padding:9px 12px; border-bottom:1px solid var(--cp-outline-variant); color:var(--cp-text); vertical-align:top; }
  27. .lg-table tr:last-child td { border-bottom:none; }
  28. .lg-table tr:hover td { background:var(--cp-surface); }
  29. .lg-pill { display:inline-block; border-radius:20px; padding:2px 9px; font-size:var(--cp-fs-xs); font-weight:700; }
  30. .lg-pill--new { background:var(--cp-amber-dim); color:var(--cp-primary); }
  31. .lg-pill--enriched { background:rgba(46,125,50,.12); color:var(--cp-success); }
  32. .lg-pill--no_site { background:rgba(95,99,99,.12); color:var(--cp-text-faint); }
  33. .lg-pill--suppressed { background:rgba(186,26,26,.10); color:var(--cp-error); }
  34. .lg-pill--matched { background:rgba(46,125,50,.12); color:var(--cp-success); }
  35. .lg-pill--drafted, .lg-pill--sent { background:var(--cp-amber-dim); color:var(--cp-primary); }
  36. .lg-pill--converted, .lg-pill--replied { background:rgba(29,91,158,.12); color:#1d5b9e; }
  37. .lg-pill--low_fit { background:rgba(95,99,99,.12); color:var(--cp-text-faint); }
  38. .lg-pill--unresolved { background:rgba(186,26,26,.10); color:var(--cp-error); }
  39. .lg-pill--crm { background:rgba(29,91,158,.12); color:#1d5b9e; }
  40. .lg-btn { border:none; border-radius:var(--cp-radius); padding:6px 12px; font-size:var(--cp-fs-sm); font-weight:600; cursor:pointer; font-family:var(--cp-font-body); }
  41. .lg-btn--primary { background:var(--cp-primary); color:var(--cp-on-primary); }
  42. .lg-btn--primary:hover { background:var(--cp-primary-hover); }
  43. .lg-btn--ghost { background:var(--cp-surface-white); border:1px solid var(--cp-outline-variant); color:var(--cp-primary); }
  44. .lg-btn[disabled] { opacity:.45; cursor:not-allowed; }
  45. .lg-filters { display:flex; gap:8px; padding:0 16px 12px; flex-wrap:wrap; }
  46. .lg-filters a { text-decoration:none; font-size:var(--cp-fs-sm); font-weight:600; padding:4px 10px; border-radius:20px; border:1px solid var(--cp-outline-variant); color:var(--cp-text-faint); }
  47. .lg-filters a.active { background:var(--cp-primary); color:var(--cp-on-primary); border-color:var(--cp-primary); }
  48. .lg-form { padding:0 16px 16px; }
  49. .lg-form textarea { width:100%; min-height:90px; border:1px solid var(--cp-outline-variant); border-radius:var(--cp-radius); padding:8px 10px; font-size:var(--cp-fs-base); font-family:var(--cp-font-mono, monospace); background:var(--cp-surface-white); box-sizing:border-box; }
  50. .lg-form input[type=text] { width:100%; border:1px solid var(--cp-outline-variant); border-radius:var(--cp-radius); padding:7px 10px; font-size:var(--cp-fs-base); background:var(--cp-surface-white); box-sizing:border-box; margin-bottom:8px; }
  51. .lg-form .lg-row { display:flex; gap:8px; align-items:center; margin-top:8px; flex-wrap:wrap; }
  52. .lg-dns { padding:0 16px 14px; font-size:var(--cp-fs-base); }
  53. .lg-dns .ok { color:var(--cp-success); font-weight:700; }
  54. .lg-dns .miss { color:var(--cp-error); font-weight:700; }
  55. .lg-dns div { margin-bottom:4px; }
  56. .lg-muted { color:var(--cp-text-faint); font-size:var(--cp-fs-sm); }
  57. .lg-enrich-detail { font-size:var(--cp-fs-sm); color:var(--cp-text-faint); max-width:340px; }
  58. #lg-toast { position:fixed; bottom:24px; right:24px; background:var(--cp-text); color:#fff; border-radius:var(--cp-radius); padding:10px 16px; font-size:var(--cp-fs-base); display:none; z-index:1300; max-width:420px; }
  59. </style>
  61. <div class="lg-wrap">
  62.   <div class="lg-head">
  63.     <div>
  64.       <h1>LeadGen — Outbound Prospects</h1>
  65.       <p>Product A: HoneyBee's own outbound. AI suggests, a human approves — nothing cold-sends without approval.</p>
  66.     </div>
  67.     <div style="display:flex;gap:8px;">
  68.       <button class="lg-btn lg-btn--ghost" id="lg-resolve-batch" {{ is_central ? '' : 'disabled' }} title="Find websites for name-only prospects">Find sites (names)</button>
  69.       <button class="lg-btn lg-btn--primary" id="lg-enrich-batch" {{ is_central ? '' : 'disabled' }}>Enrich next 10</button>
  70.       <button class="lg-btn lg-btn--ghost" id="lg-match-batch" {{ is_central ? '' : 'disabled' }}>Fit-match all enriched</button>
  71.     </div>
  72.   </div>
  74.   {% if not is_central %}
  75.     <div class="lg-banner lg-banner--info">Read-only view — ingestion, enrichment and suppression management run on the central server.</div>
  76.   {% endif %}
  77.   {% if placeholder_secret %}
  78.     <div class="lg-banner lg-banner--warn">The unsubscribe-token secret is still the shipped placeholder — rotate <code>LEADGEN_UNSUBSCRIBE_SECRET</code> before any send goes out.</div>
  79.   {% endif %}
  80.   {% if not outreach_enabled %}
  81.     <div class="lg-banner lg-banner--info">Outreach is <strong>OFF</strong> (default). Ingest + enrich work now; sending stays impossible until the owner sets <code>leadgen_outreach_enabled</code> — and even then every mail needs a human approve.</div>
  82.   {% endif %}
  84.   <div class="lg-grid">
  85.     <div>
  86.       <div class="lg-card">
  87.         <h2>Prospects{{ status_filter != '' ? ' — ' ~ status_filter : '' }}</h2>
  88.         <table class="lg-table">
  89.           <thead>
  90.             <tr><th>Company</th><th>Contact</th><th>Country</th><th>Status</th><th>Enrichment</th><th>Fit</th><th></th></tr>
  91.           </thead>
  92.           <tbody>
  93.           {% for p in prospects %}
  94.             <tr id="lg-prospect-{{ p.id }}">
  95.               <td>
  96.                 <strong>{{ p.companyName }}</strong>
  97.                 {% if p.existingLeadId %}<span class="lg-pill lg-pill--crm" title="Already a CRM lead — will not be cold-mailed">CRM #{{ p.existingLeadId }}</span>{% endif %}
  98.                 <div class="lg-muted">{{ p.domain ?: p.websiteUrl ?: '—' }}</div>
  99.               </td>
  100.               <td>
  101.                 {% set penr = p.enrichmentJson ? p.enrichmentJson|jsonDecode(true) : {} %}
  102.                 {{ p.contactName ?: '—' }}
  103.                 {% if p.contactEmail %}
  104.                   <div class="lg-muted">{{ p.contactEmail }}
  105.                     {% if penr.contact_email_source is defined %}<span class="lg-pill" title="How this email was obtained" style="font-size:var(--cp-fs-micro);">{{ penr.contact_email_source == 'manual' ? 'manual' : (penr.contact_email_source|replace({'site:': 'site '})) }}</span>{% endif %}
  106.                   </div>
  107.                 {% elseif p.status not in ['sent','converted','suppressed'] %}
  108.                   {# ③ manual email edit — for prospects the enricher couldn't resolve a contact for. #}
  109.                   <form class="lg-contact-form" data-id="{{ p.id }}" onsubmit="return false;" style="margin-top:3px;">
  110.                     <input type="email" name="email" placeholder="add email…" style="width:150px;border:1px solid var(--cp-outline-variant);border-radius:var(--cp-radius);padding:4px 6px;font-size:var(--cp-fs-xs);">
  111.                     <input type="text" name="contact_name" placeholder="name (optional)" style="width:110px;border:1px solid var(--cp-outline-variant);border-radius:var(--cp-radius);padding:4px 6px;font-size:var(--cp-fs-xs);margin-top:2px;">
  112.                     <button type="button" class="lg-btn lg-btn--ghost lg-contact-save" data-id="{{ p.id }}" style="font-size:var(--cp-fs-xs);padding:3px 8px;" {{ is_central ? '' : 'disabled' }}>Save</button>
  113.                   </form>
  114.                 {% else %}
  115.                   <div class="lg-muted">no email</div>
  116.                 {% endif %}
  117.               </td>
  118.               <td>{{ p.country ?: '—' }} <div class="lg-muted">{{ p.jurisdiction ?: '' }}</div></td>
  119.               <td><span class="lg-pill lg-pill--{{ p.status }}">{{ p.status }}</span></td>
  120.               <td class="lg-enrich-detail">
  121.                 {% if p.sector %}<strong>{{ p.sector }}</strong>{% endif %}
  122.                 {% if p.energySignal %} ⚡{% endif %}
  123.                 {% if p.enrichmentJson %}
  124.                   {% set enr = p.enrichmentJson|jsonDecode(true) %}
  125.                   <div>{{ enr.summary is defined and enr.summary ? enr.summary[:200] : '' }}</div>
  126.                   {% if enr.imprint is defined and enr.imprint %}
  127.                     <div class="lg-muted" style="margin-top:3px;font-size:var(--cp-fs-xs);">
  128.                       🇩🇪 Impressum{% if enr.imprint.legal_name %} · {{ enr.imprint.legal_name }}{% endif %}
  129.                       {% if enr.imprint.managing_directors is defined and enr.imprint.managing_directors|length %} · GF {{ enr.imprint.managing_directors|join(', ') }}{% endif %}
  130.                       {% if enr.imprint.ust_id %} · {{ enr.imprint.ust_id }}{% endif %}
  131.                       {% if enr.imprint.register and enr.imprint.register.number %} · {{ enr.imprint.register.type }} {{ enr.imprint.register.number }} {{ enr.imprint.register.court }}{% endif %}
  132.                     </div>
  133.                   {% endif %}
  134.                 {% endif %}
  135.               </td>
  136.               <td>
  137.                 {% if p.fitScore is not null %}
  138.                   <strong>{{ p.fitScore }}</strong>
  139.                   <div class="lg-muted" title="{{ p.fitAngle }}">{{ p.fitAngle ? p.fitAngle|replace({'_': ' '}) : '' }}</div>
  140.                   {% if not p.contactEmail %}<div class="lg-muted" style="color:var(--cp-error);" title="Great fit, but no contact email — add one in the Contact column before it can send">⚠ needs email</div>{% endif %}
  141.                 {% else %}
  142.                   <span class="lg-muted">—</span>
  143.                 {% endif %}
  144.               </td>
  145.               <td style="white-space:nowrap;">
  146.                 {% if p.status == 'new' and not p.domain and not p.websiteUrl %}
  147.                   <button class="lg-btn lg-btn--ghost lg-resolve-one" data-id="{{ p.id }}" title="Find this company's website" {{ is_central ? '' : 'disabled' }}>Find site</button>
  148.                 {% elseif p.status == 'new' %}
  149.                   <button class="lg-btn lg-btn--ghost lg-enrich-one" data-id="{{ p.id }}" {{ is_central ? '' : 'disabled' }}>Enrich</button>
  150.                 {% elseif p.status == 'unresolved' %}
  151.                   <input type="text" class="lg-url-input" data-id="{{ p.id }}" placeholder="paste their URL" style="width:130px;border:1px solid var(--cp-outline-variant);border-radius:var(--cp-radius);padding:5px 7px;font-size:var(--cp-fs-xs);">
  152.                   <button class="lg-btn lg-btn--ghost lg-seturl-one" data-id="{{ p.id }}" {{ is_central ? '' : 'disabled' }}>Set URL</button>
  153.                 {% elseif p.status in ['enriched', 'no_site', 'low_fit'] %}
  154.                   <button class="lg-btn lg-btn--ghost lg-match-one" data-id="{{ p.id }}" {{ is_central ? '' : 'disabled' }}>Fit-match</button>
  155.                 {% elseif p.status == 'matched' %}
  156.                   <button class="lg-btn lg-btn--primary lg-draft-one" data-id="{{ p.id }}" {{ is_central ? '' : 'disabled' }}>Draft</button>
  157.                 {% elseif p.status in ['sent', 'converted'] %}
  158.                   <button class="lg-btn lg-btn--ghost lg-replied-one" data-id="{{ p.id }}" title="Pauses the follow-up cadence + logs a reply activity" {{ is_central ? '' : 'disabled' }}>Mark replied</button>
  159.                 {% endif %}
  160.                 {# LG-GATE — DE/EU (+ unknown) is consent-only: offer a consent-record control when
  161.                    the prospect lacks a consent-grade basis (else its cold send is fail-closed blocked). #}
  162.                 {% set _consentOnly = (p.jurisdiction in ['EU', 'OTHER']) or (p.jurisdiction is empty) %}
  163.                 {% set _hasConsent = (p.lawfulBasis|default('')|lower) in ['consent', 'opt_in', 'opt-in', 'opted_in', 'existing_customer', 'owner_override'] %}
  164.                 {% if _consentOnly and not _hasConsent and p.status not in ['sent', 'converted', 'suppressed'] %}
  165.                   <div class="lg-consent" data-id="{{ p.id }}" style="margin-top:4px;" title="{{ p.jurisdiction ?: 'unknown' }} is consent-only (UWG §7 / GDPR) — cold send is blocked until a consent basis is recorded">
  166.                     <select class="lg-consent-basis" style="font-size:var(--cp-fs-xs);border:1px solid var(--cp-outline-variant);border-radius:var(--cp-radius);padding:3px 5px;">
  167.                       <option value="">consent-only ⚠</option>
  168.                       <option value="consent">opt-in consent</option>
  169.                       <option value="existing_customer">existing customer</option>
  170.                       <option value="owner_override">owner override</option>
  171.                     </select>
  172.                     <button class="lg-btn lg-btn--ghost lg-consent-save" data-id="{{ p.id }}" style="font-size:var(--cp-fs-xs);padding:3px 7px;" {{ is_central ? '' : 'disabled' }}>Record consent</button>
  173.                   </div>
  174.                 {% endif %}
  175.               </td>
  176.             </tr>
  177.           {% else %}
  178.             <tr><td colspan="7" class="lg-muted" style="padding:22px 16px;">No prospects yet — upload a CSV to start.</td></tr>
  179.           {% endfor %}
  180.           </tbody>
  181.         </table>
  182.       </div>
  184.       <div class="lg-card">
  185.         <h2>Review queue (LA5)</h2>
  186.         <div class="lg-sub">Approve records who clicked; Send re-checks compliance + deliverability at send time. Blocked sends report their reasons and are never attempted.</div>
  187.         <table class="lg-table">
  188.           <thead><tr><th>To</th><th>Subject</th><th>Status</th><th>Created</th><th></th></tr></thead>
  189.           <tbody>
  190.           {% for d in drafts %}
  191.             {% set meta = d.eventJson ? d.eventJson|jsonDecode(true) : {} %}
  192.             <tr>
  193.               <td>{{ d.recipientEmail }}</td>
  194.               <td>{{ d.subject }} <span class="lg-muted">({{ meta.method|default('template') }})</span></td>
  195.               <td><span class="lg-pill lg-pill--{{ d.status == 'sent' ? 'enriched' : (d.status == 'failed' ? 'suppressed' : 'new') }}">{{ d.status }}</span></td>
  196.               <td class="lg-muted">{{ d.createdAt ? d.createdAt|date('m-d H:i') : '' }}</td>
  197.               <td style="white-space:nowrap;">
  198.                 <button class="lg-btn lg-btn--ghost lg-or-view" data-id="{{ d.id }}">View</button>
  199.                 {% if d.status == 'draft' %}
  200.                   <button class="lg-btn lg-btn--primary lg-or-approve" data-id="{{ d.id }}" {{ is_central ? '' : 'disabled' }}>Approve</button>
  201.                   <button class="lg-btn lg-btn--ghost lg-or-reject" data-id="{{ d.id }}" {{ is_central ? '' : 'disabled' }}>Reject</button>
  202.                 {% elseif d.status == 'approved' %}
  203.                   <button class="lg-btn lg-btn--primary lg-or-send" data-id="{{ d.id }}" {{ is_central ? '' : 'disabled' }}>Send</button>
  204.                   <button class="lg-btn lg-btn--ghost lg-or-reject" data-id="{{ d.id }}" {{ is_central ? '' : 'disabled' }}>Reject</button>
  205.                 {% endif %}
  206.               </td>
  207.             </tr>
  208.           {% else %}
  209.             <tr><td colspan="5" class="lg-muted" style="padding:16px;">Queue is empty — fit-match a prospect, then hit Draft.</td></tr>
  210.           {% endfor %}
  211.           </tbody>
  212.         </table>
  213.       </div>
  215.       <div class="lg-overlay" id="lg-or-modal" style="position:fixed;inset:0;background:rgba(26,28,28,.45);display:none;align-items:center;justify-content:center;z-index:1250;">
  216.         <div style="background:var(--cp-surface-white);border-radius:var(--cp-radius-lg);width:640px;max-width:94vw;max-height:88vh;overflow:auto;box-shadow:0 18px 50px rgba(26,28,28,.3);padding:20px;">
  217.           <h2 style="margin:0 0 4px;font-size:var(--cp-fs-lg);">Outreach draft <span id="lg-or-modal-to" class="lg-muted"></span></h2>
  218.           <input type="text" id="lg-or-modal-subject" style="width:100%;box-sizing:border-box;border:1px solid var(--cp-outline-variant);border-radius:var(--cp-radius);padding:8px 10px;font-size:var(--cp-fs-base);margin:10px 0 8px;">
  219.           <textarea id="lg-or-modal-body" style="width:100%;box-sizing:border-box;min-height:260px;border:1px solid var(--cp-outline-variant);border-radius:var(--cp-radius);padding:10px;font-size:var(--cp-fs-base);font-family:var(--cp-font-mono, monospace);"></textarea>
  220.           <div class="lg-muted" style="margin:6px 0 12px;">Edits are re-checked by the quality gate on approve. The unsubscribe placeholder must stay.</div>
  221.           <div style="display:flex;gap:8px;justify-content:flex-end;">
  222.             <button class="lg-btn lg-btn--ghost" id="lg-or-modal-close">Close</button>
  223.             <button class="lg-btn lg-btn--primary" id="lg-or-modal-approve" {{ is_central ? '' : 'disabled' }}>Approve with edits</button>
  224.           </div>
  225.         </div>
  226.       </div>
  227.     </div>
  229.     <div>
  230.       <div class="lg-card">
  231.         <h2>Import prospects (LA1)</h2>
  232.         <div class="lg-sub">CSV with headers (company, email, website, contact, country) or one company/domain per line. Legitimate sources only — no gated-platform scraping.</div>
  233.         <form class="lg-form" id="lg-ingest-form">
  234.           <input type="text" name="source_ref" placeholder="Source label (e.g. SG solar directory 2026-07)">
  235.           <textarea name="csv_text" placeholder="company,email,website,contact,country&#10;Acme Solar Pte Ltd,info@acmesolar.sg,acmesolar.sg,Jane Tan,Singapore"></textarea>
  236.           <div class="lg-row" style="align-items:flex-start;">
  237.             <label style="font-size:var(--cp-fs-sm);color:var(--cp-text-faint);flex:1;">
  238.               Lawful basis for this list (EU/SG require it)
  239.               <select name="lawful_basis" style="width:100%;border:1px solid var(--cp-outline-variant);border-radius:var(--cp-radius);padding:7px 8px;font-size:var(--cp-fs-sm);margin-top:3px;">
  240.                 <option value="legitimate_interest_b2b">Legitimate interest (B2B) — you attest these are legitimately-sourced business contacts</option>
  241.                 <option value="consent">Consent / opted in</option>
  242.                 <option value="">None yet (EU/SG prospects will be blocked at draft)</option>
  243.               </select>
  244.             </label>
  245.           </div>
  246.           <div class="lg-row">
  247.             <input type="file" name="csv_file" accept=".csv,.txt" style="font-size:var(--cp-fs-sm);">
  248.             <button type="submit" class="lg-btn lg-btn--primary" {{ is_central ? '' : 'disabled' }}>Ingest</button>
  249.           </div>
  250.         </form>
  251.       </div>
  253.       <div class="lg-card">
  254.         <h2>Import from ACRA (SG) — public register</h2>
  255.         <div class="lg-sub">Pull LIVE Singapore companies from a <a href="https://data.gov.sg/datasets?agencies=Accounting+and+Corporate+Regulatory+Authority+(ACRA)" target="_blank" rel="noopener">data.gov.sg ACRA dataset</a> (UEN, name, industry, address). No emails come from ACRA — each lands <em>needing an email</em>, which Enrich resolves from the company website. De-registered entities are dropped at the source.</div>
  256.         <form class="lg-form" id="lg-acra-form">
  257.           <input type="text" name="dataset_id" placeholder="ACRA dataset id (e.g. d_3f960c10fed6145404ca7b821f263b87)">
  258.           <div class="lg-row">
  259.             <input type="text" name="q" placeholder="Optional keyword (name/street)" style="flex:2;">
  260.             <input type="number" name="max_records" value="200" min="1" max="2000" title="Max live companies to pull (≤2000)" style="flex:1;">
  261.           </div>
  262.           <div class="lg-row" style="align-items:flex-start;">
  263.             <label style="font-size:var(--cp-fs-sm);color:var(--cp-text-faint);flex:1;">
  264.               Lawful basis
  265.               <select name="lawful_basis" style="width:100%;border:1px solid var(--cp-outline-variant);border-radius:var(--cp-radius);padding:7px 8px;font-size:var(--cp-fs-sm);margin-top:3px;">
  266.                 <option value="legitimate_interest_b2b">Legitimate interest (B2B) — public register sourcing</option>
  267.                 <option value="consent">Consent / opted in</option>
  268.               </select>
  269.             </label>
  270.           </div>
  271.           <div class="lg-row">
  272.             <label style="font-size:var(--cp-fs-xs);color:var(--cp-text-faint);"><input type="checkbox" name="registered_only" value="1" checked> Registered (live) only</label>
  273.             <button type="submit" class="lg-btn lg-btn--primary" {{ is_central ? '' : 'disabled' }}>Import from ACRA</button>
  274.           </div>
  275.           <div class="lg-muted" style="font-size:var(--cp-fs-xs);margin-top:4px;">Sourcing note stamped on every prospect. Confirm the Singapore Open Data Licence covers your intended use.</div>
  276.           <div class="lg-muted" style="font-size:var(--cp-fs-xs);margin-top:6px;padding-top:6px;border-top:1px solid var(--cp-outline-variant);">
  277.             <strong>Attribution:</strong> Contains information from ACRA on data.gov.sg, made available under the terms of the
  278.             <a href="https://data.gov.sg/open-data-licence" target="_blank" rel="noopener">Singapore Open Data Licence v{{ '1.0' }}</a>.
  279.             The dataset id + access date are recorded on every imported prospect.
  280.           </div>
  281.         </form>
  282.       </div>
  284.       <div class="lg-card">
  285.         <h2>Deliverability (LX1)</h2>
  286.         <div class="lg-dns">
  287.           {% if deliverability is null or not deliverability.configured %}
  288.             <div class="lg-muted">Sender domain not configured (<code>leadgen_sender_domain</code>) — sending gate reports "not configured", which is the intended default-OFF posture.</div>
  289.           {% else %}
  290.             <div>Domain: <strong>{{ deliverability.domain }}</strong></div>
  291.             <div>SPF: <span class="{{ deliverability.spf.found ? 'ok' : 'miss' }}">{{ deliverability.spf.found ? 'found' : 'missing' }}</span></div>
  292.             <div>DMARC: <span class="{{ deliverability.dmarc.found ? 'ok' : 'miss' }}">{{ deliverability.dmarc.found ? 'found' : 'missing' }}</span></div>
  293.             <div>DKIM ({{ deliverability.dkim.selector }}): <span class="{{ deliverability.dkim.found ? 'ok' : 'miss' }}">{{ deliverability.dkim.found ? 'found' : 'missing' }}</span></div>
  294.             <div>Warmup cap today: <strong>{{ deliverability.effective_cap_today }}</strong> mails</div>
  295.           {% endif %}
  296.           <div class="lg-muted" style="margin-top:6px;">Sender: {{ sender_address ?: 'not set' }}</div>
  297.         </div>
  298.       </div>
  300.       <div class="lg-card">
  301.         <h2>Viral touches (GR2)</h2>
  302.         <div class="lg-sub">Landings on ourhoneybee.eu via branded footers (last 90 days), and which converted to signups — the inbound twin of this funnel.</div>
  303.         <table class="lg-table">
  304.           <thead><tr><th>Surface</th><th>Touches</th><th>Signups</th></tr></thead>
  305.           <tbody>
  306.           {% for v in viral_touches %}
  307.             <tr>
  308.               <td>viral_{{ v.surface }}</td>
  309.               <td>{{ v.touches }}</td>
  310.               <td>{{ v.conversions > 0 ? v.conversions : '—' }}</td>
  311.             </tr>
  312.           {% else %}
  313.             <tr><td colspan="3" class="lg-muted" style="padding:16px;">No touches yet — they appear once branded links go out into the world.</td></tr>
  314.           {% endfor %}
  315.           </tbody>
  316.         </table>
  317.       </div>
  319.       <div class="lg-card">
  320.         <h2>Suppression list (LX2)</h2>
  321.         <div class="lg-sub">Never contacted again — unsubscribes, bounces, complaints, manual blocks.</div>
  322.         <form class="lg-form" id="lg-suppress-form">
  323.           <div class="lg-row">
  324.             <select name="value_type" style="border:1px solid var(--cp-outline-variant); border-radius:var(--cp-radius); padding:7px 8px; font-size:var(--cp-fs-sm);">
  325.               <option value="email">email</option>
  326.               <option value="domain">domain</option>
  327.             </select>
  328.             <input type="text" name="value" placeholder="person@example.com" style="flex:1; margin-bottom:0;">
  329.             <button type="submit" class="lg-btn lg-btn--ghost" {{ is_central ? '' : 'disabled' }}>Block</button>
  330.           </div>
  331.         </form>
  332.         <table class="lg-table">
  333.           <thead><tr><th>Value</th><th>Reason</th><th>When</th></tr></thead>
  334.           <tbody>
  335.           {% for s in suppressions %}
  336.             <tr>
  337.               <td>{{ s.value }} <span class="lg-muted">({{ s.valueType }})</span></td>
  338.               <td>{{ s.reason }}</td>
  339.               <td class="lg-muted">{{ s.createdAt ? s.createdAt|date('Y-m-d') : '' }}</td>
  340.             </tr>
  341.           {% else %}
  342.             <tr><td colspan="3" class="lg-muted" style="padding:16px;">Empty.</td></tr>
  343.           {% endfor %}
  344.           </tbody>
  345.         </table>
  346.       </div>
  347.     </div>
  348.   </div>
  349. </div>
  350. <div id="lg-toast"></div>
  351. {% endblock %}
  353. {% block page_scripts %}
  354. <script>
  355. (function () {
  356.   function toast(msg, ms) {
  357.     var t = document.getElementById('lg-toast');
  358.     t.textContent = msg;
  359.     t.style.display = 'block';
  360.     clearTimeout(t._h);
  361.     t._h = setTimeout(function () { t.style.display = 'none'; }, ms || 4000);
  362.   }
  363.   function post(url, formData, cb) {
  364.     fetch(url, { method: 'POST', body: formData, credentials: 'same-origin' })
  365.       .then(function (r) { return r.json(); })
  366.       .then(cb)
  367.       .catch(function (e) { toast('Request failed: ' + e, 6000); });
  368.   }
  370.   var ingest = document.getElementById('lg-ingest-form');
  371.   if (ingest) ingest.addEventListener('submit', function (ev) {
  372.     ev.preventDefault();
  373.     post('{{ path('leadgen_ingest_csv') }}', new FormData(ingest), function (res) {
  374.       if (!res.success) { toast(res.message || 'Ingest failed', 6000); return; }
  375.       var s = res.summary;
  376.       toast('Ingested: ' + s.created + ' new, ' + (s.updated || 0) + ' updated, ' + s.duplicates + ' duplicates, ' + s.crm_matches + ' already in CRM, ' + s.suppressed + ' suppressed.', 8000);
  377.       setTimeout(function () { location.reload(); }, 2600);
  378.     });
  379.   });
  381.   var acra = document.getElementById('lg-acra-form');
  382.   if (acra) acra.addEventListener('submit', function (ev) {
  383.     ev.preventDefault();
  384.     var btn = acra.querySelector('button[type=submit]');
  385.     if (btn) { btn.disabled = true; btn.textContent = 'Importing…'; }
  386.     post('{{ path('leadgen_acra_import') }}', new FormData(acra), function (res) {
  387.       if (btn) { btn.disabled = false; btn.textContent = 'Import from ACRA'; }
  388.       if (!res.success) { toast(res.message || 'ACRA import failed', 7000); return; }
  389.       var s = res.summary || {}, m = res.meta || {};
  390.       toast('ACRA: ' + (s.created || 0) + ' new, ' + (s.updated || 0) + ' updated, ' + (s.duplicates || 0) + ' dup — ' + (m.kept || 0) + ' live kept, ' + (m.dropped_non_registered || 0) + ' de-registered dropped' + (m.capped ? ' (capped)' : '') + '. Run Enrich to resolve their websites/emails.', 9000);
  391.       setTimeout(function () { location.reload(); }, 3200);
  392.     });
  393.   });
  395.   // ③ manual contact email save
  396.   Array.prototype.forEach.call(document.querySelectorAll('.lg-contact-save'), function (btn) {
  397.     btn.addEventListener('click', function () {
  398.       var form = document.querySelector('.lg-contact-form[data-id="' + btn.getAttribute('data-id') + '"]');
  399.       if (!form) return;
  400.       var email = (form.querySelector('input[name=email]').value || '').trim();
  401.       if (!email) { toast('Enter an email first', 3000); return; }
  402.       var fd = new FormData(form);
  403.       btn.disabled = true; btn.textContent = '…';
  404.       post('{{ path('leadgen_set_contact', {id: 0}) }}'.replace('/0/contact', '/' + btn.getAttribute('data-id') + '/contact'), fd, function (res) {
  405.         btn.disabled = false; btn.textContent = 'Save';
  406.         if (!res.success) { toast(res.message || 'Save failed', 6000); return; }
  407.         toast('Contact saved (' + res.status + ')', 4000);
  408.         setTimeout(function () { location.reload(); }, 900);
  409.       });
  410.     });
  411.   });
  413.   // LG-GATE record consent (opt-in / existing customer / owner override)
  414.   Array.prototype.forEach.call(document.querySelectorAll('.lg-consent-save'), function (btn) {
  415.     btn.addEventListener('click', function () {
  416.       var box = document.querySelector('.lg-consent[data-id="' + btn.getAttribute('data-id') + '"]');
  417.       var basis = box ? (box.querySelector('.lg-consent-basis').value || '') : '';
  418.       if (!basis) { toast('Pick a consent basis first', 3000); return; }
  419.       var note = window.prompt('Note for the audit trail (how/when consent was obtained):', '') || '';
  420.       var fd = new FormData(); fd.append('basis', basis); fd.append('note', note);
  421.       btn.disabled = true; btn.textContent = '…';
  422.       post('{{ path('leadgen_set_consent', {id: 0}) }}'.replace('/0/consent', '/' + btn.getAttribute('data-id') + '/consent'), fd, function (res) {
  423.         btn.disabled = false; btn.textContent = 'Record consent';
  424.         if (!res.success) { toast(res.message || 'Failed', 6000); return; }
  425.         toast('Consent recorded (' + res.basis + ') — this prospect can now be drafted/sent', 5000);
  426.         setTimeout(function () { location.reload(); }, 1100);
  427.       });
  428.     });
  429.   });
  431.   var suppress = document.getElementById('lg-suppress-form');
  432.   if (suppress) suppress.addEventListener('submit', function (ev) {
  433.     ev.preventDefault();
  434.     post('{{ path('leadgen_suppress') }}', new FormData(suppress), function (res) {
  435.       if (!res.success) { toast(res.message || 'Failed', 6000); return; }
  436.       toast('Suppressed ' + res.value);
  437.       setTimeout(function () { location.reload(); }, 1000);
  438.     });
  439.   });
  441.   Array.prototype.forEach.call(document.querySelectorAll('.lg-enrich-one'), function (btn) {
  442.     btn.addEventListener('click', function () {
  443.       btn.disabled = true; btn.textContent = '…';
  444.       post('/leadgen/enrich/' + btn.getAttribute('data-id'), new FormData(), function (res) {
  445.         toast(res.message || (res.success ? 'Enriched' : 'Failed'), 5000);
  446.         if (res.success) setTimeout(function () { location.reload(); }, 1200);
  447.         else { btn.disabled = false; btn.textContent = 'Enrich'; }
  448.       });
  449.     });
  450.   });
  452.   function rowAction(selector, urlPrefix, label) {
  453.     Array.prototype.forEach.call(document.querySelectorAll(selector), function (btn) {
  454.       btn.addEventListener('click', function () {
  455.         btn.disabled = true; btn.textContent = '…';
  456.         post(urlPrefix + btn.getAttribute('data-id'), new FormData(), function (res) {
  457.           toast(res.message || (res.success ? label + ' done' : label + ' failed'), 5000);
  458.           if (res.success) setTimeout(function () { location.reload(); }, 1200);
  459.           else { btn.disabled = false; btn.textContent = label; }
  460.         });
  461.       });
  462.     });
  463.   }
  464.   rowAction('.lg-match-one', '/leadgen/match/', 'Fit-match');
  465.   rowAction('.lg-draft-one', '/leadgen/draft/', 'Draft');
  466.   rowAction('.lg-replied-one', '/leadgen/replied/', 'Mark replied');
  467.   rowAction('.lg-resolve-one', '/leadgen/resolve/', 'Find site');
  469.   // LA7 — manual URL entry for an unresolved prospect.
  470.   Array.prototype.forEach.call(document.querySelectorAll('.lg-seturl-one'), function (btn) {
  471.     btn.addEventListener('click', function () {
  472.       var input = document.querySelector('.lg-url-input[data-id="' + btn.getAttribute('data-id') + '"]');
  473.       var url = input ? input.value.trim() : '';
  474.       if (!url) { toast('Enter a URL first'); return; }
  475.       btn.disabled = true;
  476.       var fd = new FormData(); fd.append('url', url);
  477.       post('/leadgen/set-url/' + btn.getAttribute('data-id'), fd, function (res) {
  478.         toast(res.message || (res.success ? 'URL set' : 'Failed'), 5000);
  479.         if (res.success) setTimeout(function () { location.reload(); }, 1000);
  480.         else btn.disabled = false;
  481.       });
  482.     });
  483.   });
  485.   var resolveBatch = document.getElementById('lg-resolve-batch');
  486.   if (resolveBatch) resolveBatch.addEventListener('click', function () {
  487.     resolveBatch.disabled = true; resolveBatch.textContent = 'Finding…';
  488.     post('{{ path('leadgen_resolve_batch') }}', new FormData(), function (res) {
  489.       if (!res.success) { toast(res.message || 'Resolve failed', 6000); resolveBatch.disabled = false; resolveBatch.textContent = 'Find sites (names)'; return; }
  490.       toast('Resolved ' + res.counts.resolved + ', unresolved ' + res.counts.unresolved + ', errors ' + res.counts.errors + '.', 6000);
  491.       setTimeout(function () { location.reload(); }, 1400);
  492.     });
  493.   });
  495.   // ── LA5 review queue ──
  496.   function orPost(id, action, fd, label, btn) {
  497.     btn.disabled = true;
  498.     post('/leadgen/outreach/' + id + '/' + action, fd || new FormData(), function (res) {
  499.       toast(res.message || (res.success ? label + ' done' : label + ' failed'), 7000);
  500.       if (res.success) setTimeout(function () { location.reload(); }, 1200);
  501.       else btn.disabled = false;
  502.     });
  503.   }
  504.   Array.prototype.forEach.call(document.querySelectorAll('.lg-or-approve'), function (btn) {
  505.     btn.addEventListener('click', function () { orPost(btn.getAttribute('data-id'), 'approve', null, 'Approve', btn); });
  506.   });
  507.   Array.prototype.forEach.call(document.querySelectorAll('.lg-or-send'), function (btn) {
  508.     btn.addEventListener('click', function () { orPost(btn.getAttribute('data-id'), 'send', null, 'Send', btn); });
  509.   });
  510.   Array.prototype.forEach.call(document.querySelectorAll('.lg-or-reject'), function (btn) {
  511.     btn.addEventListener('click', function () {
  512.       var reason = prompt('Reject reason (optional):') || '';
  513.       var fd = new FormData(); fd.append('reason', reason);
  514.       orPost(btn.getAttribute('data-id'), 'reject', fd, 'Reject', btn);
  515.     });
  516.   });
  518.   var orModal = document.getElementById('lg-or-modal');
  519.   var orId = null;
  520.   Array.prototype.forEach.call(document.querySelectorAll('.lg-or-view'), function (btn) {
  521.     btn.addEventListener('click', function () {
  522.       fetch('/leadgen/outreach/' + btn.getAttribute('data-id'), { credentials: 'same-origin' })
  523.         .then(function (r) { return r.json(); })
  524.         .then(function (res) {
  525.           if (!res.success) { toast(res.message || 'Load failed'); return; }
  526.           orId = res.outreach.id;
  527.           document.getElementById('lg-or-modal-to').textContent = '→ ' + res.outreach.to + ' (' + res.outreach.status + ')';
  528.           document.getElementById('lg-or-modal-subject').value = res.outreach.subject || '';
  529.           document.getElementById('lg-or-modal-body').value = res.outreach.body_text || '';
  530.           document.getElementById('lg-or-modal-approve').style.display = res.outreach.status === 'draft' ? '' : 'none';
  531.           orModal.style.display = 'flex';
  532.         });
  533.     });
  534.   });
  535.   document.getElementById('lg-or-modal-close').addEventListener('click', function () { orModal.style.display = 'none'; });
  536.   document.getElementById('lg-or-modal-approve').addEventListener('click', function () {
  537.     var fd = new FormData();
  538.     fd.append('subject', document.getElementById('lg-or-modal-subject').value);
  539.     fd.append('body_text', document.getElementById('lg-or-modal-body').value);
  540.     orPost(orId, 'approve', fd, 'Approve', this);
  541.   });
  543.   var matchBatch = document.getElementById('lg-match-batch');
  544.   if (matchBatch) matchBatch.addEventListener('click', function () {
  545.     matchBatch.disabled = true; matchBatch.textContent = 'Matching…';
  546.     post('{{ path('leadgen_match_batch') }}', new FormData(), function (res) {
  547.       if (!res.success) { toast(res.message || 'Match failed', 6000); matchBatch.disabled = false; matchBatch.textContent = 'Fit-match all enriched'; return; }
  548.       toast('Fit-match: ' + res.counts.matched + ' matched, ' + res.counts.low_fit + ' low fit.', 6000);
  549.       setTimeout(function () { location.reload(); }, 1400);
  550.     });
  551.   });
  553.   var batch = document.getElementById('lg-enrich-batch');
  554.   if (batch) batch.addEventListener('click', function () {
  555.     batch.disabled = true; batch.textContent = 'Enriching…';
  556.     var fd = new FormData(); fd.append('limit', '10');
  557.     post('{{ path('leadgen_enrich_batch') }}', fd, function (res) {
  558.       if (!res.success) { toast(res.message || 'Batch failed', 6000); batch.disabled = false; batch.textContent = 'Enrich next 10'; return; }
  559.       var c = res.counts;
  560.       toast('Batch: ' + c.enriched + ' enriched, ' + c.no_site + ' no site, ' + c.from_cache + ' from cache, ' + c.errors + ' errors.', 6000);
  561.       setTimeout(function () { location.reload(); }, 1400);
  562.     });
  563.   });
  564. })();
  565. </script>
  566. {% endblock %}