// Admin portal: email-code sign-in (allowlisted to ADMIN_EMAIL on the server),
// house ads that cost nothing, every campaign, members, reports, settings.
(function () {
  const $ = IAP.$;
  const esc = s => String(s == null ? '' : s).replace(/[&<>"']/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
  async function api(path, body, method) {
    const opts = { method: method || (body === undefined ? 'GET' : 'POST'), headers: {} };
    if (body !== undefined) { opts.headers['Content-Type'] = 'application/json'; opts.body = JSON.stringify(body); }
    const r = await (await fetch(path, opts)).json();
    if (r.error) throw new Error(r.error === 'auth' ? 'Session expired. Sign in again.' : r.error);
    return r;
  }
  function busy(btn, fn) {
    return async (...a) => {
      if (btn.disabled) return;
      btn.disabled = true;
      try { await fn(...a); } catch (e) { IAP.status(e.message || 'Something went wrong.', 'bad'); }
      finally { btn.disabled = false; }
    };
  }
  const when = ts => ts ? new Date(Number(ts)).toLocaleString() : '';
  let rates = {}, sizes = [], houseOwner = 'house@instantadpay.com';

  // ── sign-in ──
  $('adSend').addEventListener('click', busy($('adSend'), async () => {
    $('adErr').hidden = true;
    const r = await api('/api/admin/auth/start', { email: $('adEmail').value });
    $('adCodeRow').hidden = false; $('adVerify').hidden = false;
    if (r.devCode) $('adCode').value = r.devCode;
    IAP.status(r.sent ? 'Code sent. Check your inbox.' : 'Dev mode: code filled in.', 'ok');
    $('adCode').focus();
  }));
  $('adVerify').addEventListener('click', busy($('adVerify'), async () => {
    $('adErr').hidden = true;
    await api('/api/admin/auth/verify', { email: $('adEmail').value, code: $('adCode').value });
    await render();
  }));
  $('adCode').addEventListener('keydown', e => { if (e.key === 'Enter') $('adVerify').click(); });
  $('adEmail').addEventListener('keydown', e => { if (e.key === 'Enter') ($('adVerify').hidden ? $('adSend') : $('adVerify')).click(); });
  $('adLogout').addEventListener('click', async e => {
    e.preventDefault();
    try { await api('/api/admin/auth/logout', {}); } catch (err) {}
    location.reload();
  });

  // ── panes ──
  const TITLES = { overview: 'Overview', house: 'House ads', campaigns: 'All campaigns', members: 'Members', reports: 'Reports', settings: 'Settings' };
  const loaders = { overview: loadOverview, house: loadHouse, campaigns: loadCampaigns, members: loadMembers, reports: loadReports, settings: loadSettings };
  function setPane(name) {
    if (!TITLES[name]) name = 'overview';
    document.querySelectorAll('.pane').forEach(p => { p.hidden = p.id !== 'pane-' + name; });
    document.querySelectorAll('.bo-menu [data-pane]').forEach(b => b.classList.toggle('on', b.dataset.pane === name));
    $('boTitle').textContent = TITLES[name];
    if (location.hash.slice(1) !== name) history.replaceState(null, '', '#' + name);
    $('adminArea').classList.remove('side-open');
    loaders[name]().catch(e => IAP.status(e.message, 'bad'));
  }
  document.querySelectorAll('.bo-menu [data-pane]').forEach(b => b.addEventListener('click', () => setPane(b.dataset.pane)));
  document.addEventListener('click', e => { const g = e.target.closest('[data-goto]'); if (g) setPane(g.dataset.goto); });
  window.addEventListener('hashchange', () => setPane(location.hash.slice(1)));
  $('boBurger').addEventListener('click', () => $('adminArea').classList.toggle('side-open'));

  async function render() {
    let me = { admin: false };
    try { me = await api('/api/admin/me'); } catch (e) {}
    $('authArea').hidden = !!me.admin;
    $('adminArea').hidden = !me.admin;
    if (!me.admin) return;
    $('adWho').textContent = me.email || 'admin';
    try {
      const c = await IAP.getConfig();
      $('chainLine').textContent = c.chainName + (c.rehearsal ? ' · rehearsal' : '');
    } catch (e) {}
    setPane(location.hash.slice(1) || 'overview');
  }

  // ── overview ──
  async function loadOverview() {
    const o = await api('/api/admin/overview');
    rates = o.rates || rates;
    $('ovAccounts').textContent = (o.accounts || 0).toLocaleString();
    $('ovMembers').textContent = o.memberCount == null ? '?' : Number(o.memberCount).toLocaleString();
    $('ovActive').textContent = (o.byStatus && o.byStatus.active) || 0;
    $('ovCampSub').textContent = o.campaigns + ' total · ' + o.house + ' house';
    $('ovReports').textContent = o.openReports || 0;
    $('ovBurnSub').textContent = (o.pendingBurns || 0) + ' pending burns';
    $('repBadge').hidden = !o.openReports; $('repBadge').textContent = o.openReports || '';
    const f = o.followups || {};
    $('ovDrips').textContent = f.active || 0;
    $('ovDripSub').textContent = (f.done || 0) + ' finished · ' + (f.unsubscribed || 0) + ' unsubscribed';
    const bt = Object.entries(o.byType || {}).sort((a, b) => b[1] - a[1]);
    $('ovByType').innerHTML = bt.length ? bt.map(([t, n]) => '<div style="display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--line)"><span>' + esc(t) + '</span><b>' + n + '</b></div>').join('') : 'No campaigns yet.';
    const ch = o.chain || {};
    $('ovChain').innerHTML = '<div>' + esc(ch.chainName) + ' (chain ' + esc(ch.chainId) + ')</div>'
      + '<div class="mono" style="word-break:break-all;margin:6px 0">' + esc(ch.contract) + '</div>'
      + (ch.explorer ? '<a href="' + esc(ch.explorer) + '/address/' + esc(ch.contract) + '" target="_blank" rel="noopener">Open in explorer →</a>' : '');
  }

  // ── house ads ──
  const HROWS = { banner: ['hBannerRow'], text: ['hTextRow'], login: [], solo: ['hSoloRow'], video: ['hVideoRow'], featured: ['hFeatRow'], visits: ['hVisitsRow'] };
  function showHouseRows() {
    const t = $('hType').value;
    ['hBannerRow', 'hTextRow', 'hSoloRow', 'hVideoRow', 'hFeatRow', 'hVisitsRow'].forEach(id => { $(id).hidden = !(HROWS[t] || []).includes(id); });
    $('hBudget').hidden = t === 'featured' || t === 'visits';
    houseHints();
  }
  function houseHints() {
    const r = rates || {};
    const soloCost = r.soloCostPerRecipient || 5, soloMin = r.soloMinRecipients || 10;
    const cap = Number($('hBudget').value) || 100000;
    $('hSoloHint').textContent = 'Delivers to one inbox per ' + soloCost + ' credits of cap (minimum ' + soloMin + ' recipients). A cap of ' + cap.toLocaleString() + ' reaches up to ' + Math.floor(cap / soloCost).toLocaleString() + ' members.';
    const days = Number($('hFeatDays').value) || 0;
    $('hFeatHint').textContent = days ? days + '-day run in the featured strip (' + (r.featuredPerDay || 40) + ' credits/day, free here). Book up to ' + (r.featuredWindowDays || 7) + ' days ahead.' : '';
    const n = Number($('hVisitCount').value) || 0;
    $('hVisitHint').textContent = 'Packs start at ' + (r.visitMinPack || 20) + ' visits.' + (n ? ' ' + n + ' verified visits, delivered one per member.' : '');
  }
  $('hType').addEventListener('change', showHouseRows);
  ['hBudget', 'hFeatDays', 'hVisitCount'].forEach(id => $(id).addEventListener('input', houseHints));
  $('hFeatDays').addEventListener('change', houseHints);
  $('hImageUploadBtn').addEventListener('click', () => $('hImageFile').click());
  $('hVideoUploadBtn').addEventListener('click', () => $('hVideoFile').click());
  async function upload(fileInput, info, target, kind) {
    const f = fileInput.files[0]; if (!f) return;
    info.textContent = 'Uploading ' + f.name + '…';
    try {
      const r = await (await fetch('/api/admin/upload', { method: 'POST', headers: { 'Content-Type': f.type }, body: f })).json();
      if (r.error) { info.textContent = r.error; }
      else { target.value = r.url; info.textContent = f.name + ' uploaded'; }
    } catch (e) { info.textContent = 'Upload failed. Try again.'; }
    fileInput.value = '';
  }
  $('hImageFile').addEventListener('change', () => upload($('hImageFile'), $('hImageInfo'), $('hImage')));
  $('hVideoFile').addEventListener('change', () => upload($('hVideoFile'), $('hVideoInfo'), $('hVideoUrl')));
  let hVidDims = null;
  function probeVideoDims(url) {
    return new Promise(resolve => {
      const v = document.createElement('video'); v.preload = 'metadata'; v.muted = true;
      const done = d => { v.src = ''; resolve(d); };
      v.onloadedmetadata = () => done(v.videoWidth && v.videoHeight ? { w: v.videoWidth, h: v.videoHeight } : null);
      v.onerror = () => done(null);
      setTimeout(() => done(null), 12000);
      v.src = url;
    });
  }
  $('hCreate').addEventListener('click', busy($('hCreate'), async () => {
    $('hErr').hidden = true;
    const t = $('hType').value;
    if (t === 'video' && $('hVideoUrl').value) hVidDims = await probeVideoDims($('hVideoUrl').value);
    const days = Number($('hFeatDays').value), count = Number($('hVisitCount').value);
    const body = { type: t, name: $('hName').value, targetUrl: $('hTarget').value,
      imageUrl: $('hImage').value, size: $('hSize').value,
      title: t === 'video' ? $('hVideoTitle').value : t === 'featured' ? $('hFeatTitle').value : t === 'visits' ? $('hVisitTitle').value : t === 'solo' ? $('hSoloTitle').value : $('hTitle').value,
      body: t === 'solo' ? $('hSoloBody').value : $('hBody').value,
      ctaLabel: t === 'video' ? $('hVideoCta').value : $('hSoloCta').value,
      videoUrl: $('hVideoUrl').value, watchSecs: Number($('hWatchSecs').value),
      videoW: hVidDims ? hVidDims.w : null, videoH: hVidDims ? hVidDims.h : null,
      days, startDay: Number($('hFeatStart').value) || 0, count,
      budget: t === 'featured' ? days * (rates.featuredPerDay || 40)
        : t === 'visits' ? count * (rates.visitCostPerVisit || 3)
        : (Number($('hBudget').value) || 0) };
    try {
      await api('/api/admin/campaigns', body);
    } catch (e) { $('hErr').textContent = e.message; $('hErr').hidden = false; throw e; }
    IAP.status('House ad is live. It serves right away at no cost.', 'ok');
    ['hName', 'hBudget', 'hTarget', 'hImage', 'hTitle', 'hBody', 'hSoloTitle', 'hSoloBody', 'hSoloCta',
     'hVideoUrl', 'hVideoTitle', 'hVideoCta', 'hFeatTitle', 'hVisitTitle', 'hVisitCount'].forEach(id => { $(id).value = ''; });
    $('hImageInfo').textContent = ''; $('hVideoInfo').textContent = ''; hVidDims = null;
    await loadHouse();
  }));
  function campRow(c, showOwner) {
    const left = Math.max(0, (c.budget || 0) - (c.spent || 0));
    const creative = c.type === 'banner' && c.imageUrl ? '<img src="' + esc(c.imageUrl) + '" alt="" style="max-height:34px;max-width:120px;border-radius:4px">' : esc(c.title || c.name);
    const act = c.status === 'active' ? '<button class="btn small sec" data-act="pause" data-id="' + c.id + '">Pause</button>'
      : c.status === 'paused' ? '<button class="btn small" data-act="resume" data-id="' + c.id + '">Resume</button>' : '';
    return '<tr><td>#' + c.id + (c.house ? '<span class="house-tag">HOUSE</span>' : '') + '</td>'
      + (showOwner ? '<td><span class="trunc" title="' + esc(c.owner) + '">' + esc(c.house ? 'house' : c.owner) + '</span></td>' : '')
      + '<td>' + esc(c.type) + '</td>'
      + '<td>' + esc(c.name) + '<div class="small muted">' + creative + '</div><a class="small trunc" href="' + esc(c.targetUrl) + '" target="_blank" rel="noopener">' + esc(c.targetUrl) + '</a></td>'
      + '<td><span class="st ' + esc(c.status) + '">' + esc(c.status) + '</span></td>'
      + '<td class="mono small">' + (c.spent || 0).toLocaleString() + ' / ' + (c.budget || 0).toLocaleString() + '<div class="muted">' + left.toLocaleString() + ' left</div></td>'
      + '<td class="mono small">' + (c.imps || 0).toLocaleString() + (c.impsNas ? ' +' + c.impsNas + ' nas' : '') + '<div class="muted">' + (c.clicks || 0) + ' clicks</div></td>'
      + '<td class="small muted">' + when(c.created) + '</td>'
      + '<td class="act">' + act + '</td></tr>';
  }
  function campHead(showOwner) {
    return '<tr><th>ID</th>' + (showOwner ? '<th>Owner</th>' : '') + '<th>Type</th><th>Campaign</th><th>Status</th><th>Spent / cap</th><th>Delivery</th><th>Created</th><th></th></tr>';
  }
  async function loadHouse() {
    const r = await api('/api/admin/campaigns');
    rates = r.rates || rates; sizes = r.bannerSizes || sizes; houseOwner = r.houseOwner || houseOwner;
    if (!$('hSize').options.length) $('hSize').innerHTML = sizes.map(s => '<option value="' + esc(s.id) + '">' + esc(s.label || s.id) + ' (' + s.w + '×' + s.h + ')</option>').join('');
    if (!$('hWatchSecs').options.length) $('hWatchSecs').innerHTML = (rates.videoTiers || []).map(t => '<option value="' + t.secs + '">Watch ' + t.secs + 's (viewer earns ' + t.reward + ')</option>').join('');
    if (!$('hFeatDays').options.length) $('hFeatDays').innerHTML = (rates.featuredDurations || [1, 2, 7]).map(d => '<option value="' + d + '">' + d + ' day' + (d > 1 ? 's' : '') + '</option>').join('');
    showHouseRows();
    const house = (r.campaigns || []).filter(c => c.house);
    $('houseSub').textContent = house.filter(c => c.status === 'active').length + ' active · ' + house.length + ' total';
    $('houseTable').innerHTML = house.length ? campHead(false) + house.map(c => campRow(c, false)).join('') : '<tr><td class="muted">No house ads yet. Place one above.</td></tr>';
  }
  document.addEventListener('click', async e => {
    const b = e.target.closest('[data-act][data-id]'); if (!b) return;
    b.disabled = true;
    try {
      await api('/api/admin/campaigns/' + b.dataset.id + '/' + b.dataset.act, {});
      IAP.status('Campaign #' + b.dataset.id + ' ' + (b.dataset.act === 'pause' ? 'paused' : 'resumed') + '.', 'ok');
      await Promise.all([loadHouse(), loadCampaigns()]);
    } catch (err) { IAP.status(err.message, 'bad'); b.disabled = false; }
  });

  // ── all campaigns ──
  let allCamps = [];
  async function loadCampaigns() {
    const r = await api('/api/admin/campaigns');
    allCamps = r.campaigns || [];
    drawCamps();
  }
  function drawCamps() {
    const q = ($('campFilter').value || '').trim().toLowerCase();
    const list = allCamps.filter(c => !q || [c.owner, c.name, c.type, c.status, c.targetUrl, String(c.id)].join(' ').toLowerCase().includes(q));
    $('campSub').textContent = list.length + ' of ' + allCamps.length;
    $('campTable').innerHTML = list.length ? campHead(true) + list.map(c => campRow(c, true)).join('') : '<tr><td class="muted">Nothing matches.</td></tr>';
  }
  $('campFilter').addEventListener('input', drawCamps);

  // ── members ──
  let allMembers = [];
  async function loadMembers() {
    const r = await api('/api/admin/members');
    allMembers = r.members || [];
    drawMembers();
  }
  function drawMembers() {
    const q = ($('memFilter').value || '').trim().toLowerCase();
    const list = allMembers.filter(a => !q || [a.email, a.username, a.memberId, a.sponsorRef, a.address, a.code].join(' ').toLowerCase().includes(q));
    $('memSub').textContent = list.length + ' of ' + allMembers.length;
    $('memTable').innerHTML = '<tr><th>Email</th><th>Username</th><th>Member #</th><th>Wallet</th><th>Sponsor</th><th>Via</th><th>Code</th><th>Joined</th><th></th></tr>'
      + list.map(a => '<tr><td>' + esc(a.email) + '</td><td>' + (a.username ? '@' + esc(a.username) : '<span class="muted">none</span>') + '</td>'
        + '<td>' + (a.memberId ? '#' + a.memberId : '<span class="muted">free</span>') + '</td>'
        + '<td class="mono small">' + (a.address ? esc(a.address.slice(0, 8) + '…' + a.address.slice(-6)) : '<span class="muted">none</span>') + '</td>'
        + '<td>' + esc(a.sponsorRef || '') + '</td><td class="small muted">' + esc(a.joinedVia || '') + '</td><td class="mono small">' + esc(a.code || '') + '</td>'
        + '<td class="small muted">' + when(a.created) + '</td>'
        + '<td class="act"><button class="btn small sec" data-spon="' + esc(a.email) + '" data-cur="' + esc(a.sponsorRef || '') + '">Sponsor</button></td></tr>').join('');
  }
  $('memFilter').addEventListener('input', drawMembers);
  document.addEventListener('click', async e => {
    const b = e.target.closest('[data-spon]'); if (!b) return;
    const v = prompt('Sponsor for ' + b.dataset.spon + ' (username, share code, or member #). Leave blank to clear.', b.dataset.cur);
    if (v === null) return;
    try {
      await api('/api/admin/members', { email: b.dataset.spon, sponsorRef: v.trim() }, 'PATCH');
      IAP.status('Sponsor updated.', 'ok');
      await loadMembers();
    } catch (err) { IAP.status(err.message, 'bad'); }
  });

  // ── reports + burns ──
  async function loadReports() {
    const [r, b] = await Promise.all([api('/api/admin/reports'), api('/api/admin/burns')]);
    const reps = r.reports || [];
    $('repTable').innerHTML = reps.length ? '<tr><th>When</th><th>Campaign</th><th>Reason</th><th>Note</th><th>By</th><th></th></tr>'
      + reps.map(x => '<tr' + (x.resolved ? ' style="opacity:.5"' : '') + '><td class="small muted">' + when(x.ts) + '</td><td>#' + x.campaignId + '</td><td>' + esc(x.reason) + '</td><td>' + esc(x.note || '') + '</td><td class="small">' + esc(x.reporter || 'anon') + '</td>'
        + '<td class="act">' + (x.resolved ? 'resolved' : '<button class="btn small sec" data-act="pause" data-id="' + x.campaignId + '">Pause ad</button><button class="btn small" data-resolve="' + x.id + '">Resolve</button>') + '</td></tr>').join('')
      : '<tr><td class="muted">No reports.</td></tr>';
    const burns = b.pending || [];
    $('burnTable').innerHTML = burns.length ? '<tr><th>When</th><th>Member</th><th>Credits</th><th>Ref</th><th>Burn id</th></tr>'
      + burns.map(x => '<tr><td class="small muted">' + when(x.ts) + '</td><td>#' + x.memberId + '</td><td class="mono">' + x.amount + '</td><td>' + esc(x.ref) + '</td><td class="mono small">' + esc(x.id) + '</td></tr>').join('')
      : '<tr><td class="muted">Nothing pending.</td></tr>';
  }
  document.addEventListener('click', async e => {
    const b = e.target.closest('[data-resolve]'); if (!b) return;
    b.disabled = true;
    try { await api('/api/admin/reports/' + b.dataset.resolve + '/resolve', {}); IAP.status('Report resolved.', 'ok'); await Promise.all([loadReports(), loadOverview()]); }
    catch (err) { IAP.status(err.message, 'bad'); b.disabled = false; }
  });

  // ── settings: graphical editors (follow-up emails, rates, site settings) ──
  let dripSeq = [], ratesObj = {}, siteObj = {};
  let lastFocusedField = null;
  document.addEventListener('focusin', e => { if (e.target && (e.target.matches('textarea.ds-body') || e.target.matches('input.ds-subject'))) lastFocusedField = e.target; });
  document.addEventListener('click', e => {
    const c = e.target.closest('[data-ph]'); if (!c) return;
    const el = lastFocusedField; if (!el) { IAP.status('Click into a subject or body first, then the chip.', 'bad'); return; }
    const ph = c.dataset.ph, st = el.selectionStart || 0, en = el.selectionEnd || st;
    el.value = el.value.slice(0, st) + ph + el.value.slice(en);
    el.focus(); el.selectionStart = el.selectionEnd = st + ph.length;
    el.dispatchEvent(new Event('input'));
  });
  const whenLabel = h => { h = Number(h) || 0; if (h < 24) return h + ' hour' + (h === 1 ? '' : 's') + ' after sign-up'; const d = h / 24; return (Number.isInteger(d) ? d : d.toFixed(1)) + ' day' + (d === 1 ? '' : 's') + ' after sign-up'; };
  function drawDrip() {
    const wrap = $('dripSteps');
    wrap.innerHTML = dripSeq.map((st, i) => '<div class="drip-step" data-i="' + i + '">'
      + '<div class="ds-head"><span class="ds-n">EMAIL ' + (i + 1) + '</span>'
      + '<span class="ds-when">send <input type="number" min="1" class="ds-hours" value="' + esc(st.hours) + '"> hours after sign-up <b class="ds-whenlbl">(' + esc(whenLabel(st.hours)) + ')</b></span>'
      + '<span class="ds-tools"><button type="button" class="btn small sec" data-act="up" ' + (i === 0 ? 'disabled' : '') + '>↑</button><button type="button" class="btn small sec" data-act="down" ' + (i === dripSeq.length - 1 ? 'disabled' : '') + '>↓</button>'
      + '<button type="button" class="btn small sec" data-act="test">Send to me</button><button type="button" class="btn small sec" data-act="remove">Remove</button></span></div>'
      + '<input class="ds-subject" placeholder="Subject line" maxlength="150" value="' + esc(st.subject) + '">'
      + '<textarea class="ds-body" placeholder="Plain-text email body">' + esc(st.body) + '</textarea>'
      + '</div>').join('') || '<p class="muted small">No emails yet. Add one below.</p>';
  }
  function readDrip() {
    return [...document.querySelectorAll('#dripSteps .drip-step')].map(card => ({
      hours: Number(card.querySelector('.ds-hours').value) || 0,
      subject: card.querySelector('.ds-subject').value.trim(),
      body: card.querySelector('.ds-body').value.trim()
    }));
  }
  $('dripSteps').addEventListener('input', e => {
    if (e.target.classList.contains('ds-hours')) { const l = e.target.closest('.ds-when').querySelector('.ds-whenlbl'); if (l) l.textContent = '(' + whenLabel(e.target.value) + ')'; }
  });
  $('dripSteps').addEventListener('click', async e => {
    const b = e.target.closest('[data-act]'); if (!b) return;
    const card = b.closest('.drip-step'), i = Number(card.dataset.i);
    dripSeq = readDrip();
    if (b.dataset.act === 'remove') { if (!confirm('Remove email ' + (i + 1) + '?')) return; dripSeq.splice(i, 1); drawDrip(); return; }
    if (b.dataset.act === 'up' && i > 0) { [dripSeq[i - 1], dripSeq[i]] = [dripSeq[i], dripSeq[i - 1]]; drawDrip(); return; }
    if (b.dataset.act === 'down' && i < dripSeq.length - 1) { [dripSeq[i + 1], dripSeq[i]] = [dripSeq[i], dripSeq[i + 1]]; drawDrip(); return; }
    if (b.dataset.act === 'test') {
      b.disabled = true;
      try { await saveDrip(); await api('/api/admin/drip/test', { step: i }); IAP.status('Email ' + (i + 1) + ' sent to your inbox.', 'ok'); }
      catch (err) { IAP.status(err.message, 'bad'); }
      b.disabled = false;
    }
  });
  async function saveDrip() {
    $('dripErr').hidden = true;
    const seq = readDrip();
    const r = await api('/api/admin/drip', { sequence: seq }, 'PATCH').catch(err => { $('dripErr').textContent = err.message; $('dripErr').hidden = false; throw err; });
    dripSeq = r.sequence; drawDrip();
    return r;
  }
  $('dripSave').addEventListener('click', busy($('dripSave'), async () => { await saveDrip(); IAP.status('Sequence saved.', 'ok'); await loadSettings(); }));
  $('dripAdd').addEventListener('click', () => {
    dripSeq = readDrip();
    const last = dripSeq[dripSeq.length - 1];
    dripSeq.push({ hours: last ? Number(last.hours) + 48 : 24, subject: '', body: '\n\nMarty\n\n{{footer}}' });
    drawDrip();
    const cards = document.querySelectorAll('#dripSteps .drip-step'); const c = cards[cards.length - 1]; if (c) { c.scrollIntoView({ behavior: 'smooth', block: 'center' }); c.querySelector('.ds-subject').focus(); }
  });
  $('dripReset').addEventListener('click', busy($('dripReset'), async () => {
    if (!confirm('Replace the saved sequence with the built-in defaults?')) return;
    const r = await api('/api/admin/drip', { reset: true }, 'PATCH');
    dripSeq = r.sequence; drawDrip(); IAP.status('Defaults restored.', 'ok'); await loadSettings();
  }));

  // rates: labels + hints for the known keys; anything unknown still gets a plain field
  const RATE_META = {
    bannerBatch: ['Banner: views per batch', 'impressions counted before a banner campaign is charged'],
    bannerCreditsPerBatch: ['Banner: credits per batch', 'charged to the advertiser per batch'],
    textBatch: ['Text ad: views per batch', ''], textCreditsPerBatch: ['Text ad: credits per batch', ''],
    loginCreditsPerDay: ['Login ad: credits per day', 'flat daily charge while active'],
    loginDwellSeconds: ['Login ad: seconds shown', 'full-screen interstitial after sign-in'],
    burnBatchMin: ['On-chain burn batch (credits)', 'accrued spend is burned once it reaches this'],
    welcomeCredits: ['Welcome credits', 'granted after the welcome tour'],
    dailyViewTarget: ['Daily view set (ads)', 'ads a member views for the daily claim'],
    dailyClaimCredits: ['Daily claim (credits)', 'paid when the set is complete'],
    viewDwellSeconds: ['Ad view: seconds per ad', 'the countdown; server-enforced'],
    soloCostPerRecipient: ['Solo ad: credits per recipient', ''], soloMinRecipients: ['Solo ad: minimum recipients', ''],
    soloReadCredits: ['Solo ad: reader reward (credits)', ''], soloReadCapPerDay: ['Solo ad: rewarded reads per day', ''], soloReadDwellSeconds: ['Solo ad: seconds to read', ''],
    videoWatchCapPerDay: ['Video: rewarded watches per day', ''],
    featuredPerDay: ['Featured link: credits per day', ''], featuredSlotsPerDay: ['Featured link: slots per day', ''], featuredWindowDays: ['Featured link: booking window (days)', ''],
    featuredDurations: ['Featured link: durations offered (days)', 'comma-separated'],
    visitCostPerVisit: ['Verified visit: credits per visit', ''], visitMinPack: ['Verified visit: smallest pack', ''], visitReward: ['Verified visit: viewer reward (credits)', ''], visitDwellSeconds: ['Verified visit: seconds on site', ''], visitCapPerDay: ['Verified visit: rewarded visits per day', ''],
    videoTiers: ['Video ad tiers', 'watch length → advertiser cost → viewer reward'],
    milestoneBonus: ['Milestone bonuses (credits)', 'one-time, when a member reaches each step']
  };
  const humanize = k => k.replace(/([A-Z])/g, ' $1').replace(/^./, c => c.toUpperCase());
  function drawRates() {
    const wrap = $('ratesForm'); const html = [];
    for (const [k, v] of Object.entries(ratesObj)) {
      const [label, hint] = RATE_META[k] || [humanize(k), ''];
      if (typeof v === 'number') html.push('<div class="rf"><label>' + esc(label) + '</label><input type="number" step="any" data-rk="' + esc(k) + '" value="' + esc(v) + '">' + (hint ? '<span class="hint">' + esc(hint) + '</span>' : '') + '</div>');
      else if (typeof v === 'boolean') html.push('<div class="rf"><label>' + esc(label) + '</label><label class="small"><input type="checkbox" data-rk="' + esc(k) + '"' + (v ? ' checked' : '') + ' style="width:auto"> on</label></div>');
      else if (Array.isArray(v) && v.every(x => typeof x === 'number')) html.push('<div class="rf"><label>' + esc(label) + '</label><input data-rk="' + esc(k) + '" data-kind="numlist" value="' + esc(v.join(', ')) + '">' + (hint ? '<span class="hint">' + esc(hint) + '</span>' : '') + '</div>');
      else if (Array.isArray(v) && v.every(x => x && typeof x === 'object')) {
        const cols = [...new Set(v.flatMap(x => Object.keys(x)))];
        html.push('<div class="rf wide"><label>' + esc(label) + '</label>' + (hint ? '<span class="hint">' + esc(hint) + '</span>' : '')
          + '<table class="tiers" data-rk="' + esc(k) + '" data-kind="table"><tr>' + cols.map(c => '<th>' + esc(c) + '</th>').join('') + '</tr>'
          + v.map((row, i) => '<tr>' + cols.map(c => '<td><input type="number" step="any" data-col="' + esc(c) + '" value="' + esc(row[c] == null ? '' : row[c]) + '"></td>').join('') + '</tr>').join('') + '</table></div>');
      } else if (v && typeof v === 'object') {
        html.push('<div class="rf wide"><label>' + esc(label) + '</label>' + (hint ? '<span class="hint">' + esc(hint) + '</span>' : '') + '<div class="sub-grid" data-rk="' + esc(k) + '" data-kind="object">'
          + Object.entries(v).map(([sk, sv]) => '<label>' + esc(humanize(sk)) + '<input type="number" step="any" data-sub="' + esc(sk) + '" value="' + esc(sv) + '"></label>').join('') + '</div></div>');
      } else html.push('<div class="rf"><label>' + esc(label) + '</label><input data-rk="' + esc(k) + '" value="' + esc(v == null ? '' : v) + '"></div>');
    }
    wrap.innerHTML = html.join('');
  }
  function readRates() {
    const out = {};
    document.querySelectorAll('#ratesForm [data-rk]').forEach(el => {
      const k = el.dataset.rk, kind = el.dataset.kind;
      if (kind === 'numlist') out[k] = el.value.split(/[\s,]+/).filter(Boolean).map(Number).filter(n => !isNaN(n));
      else if (kind === 'table') out[k] = [...el.querySelectorAll('tr')].slice(1).map(tr => { const o = {}; tr.querySelectorAll('input[data-col]').forEach(i => { o[i.dataset.col] = Number(i.value); }); return o; });
      else if (kind === 'object') { const o = {}; el.querySelectorAll('input[data-sub]').forEach(i => { o[i.dataset.sub] = Number(i.value); }); out[k] = o; }
      else if (el.type === 'checkbox') out[k] = !!el.checked;
      else if (el.type === 'number') out[k] = Number(el.value);
      else out[k] = el.value;
    });
    return out;
  }
  $('ratesSave').addEventListener('click', busy($('ratesSave'), async () => {
    $('ratesErr').hidden = true;
    try { const r = await api('/api/admin/rates', readRates(), 'PATCH'); ratesObj = r.rates || readRates(); drawRates(); IAP.status('Rates saved.', 'ok'); }
    catch (e) { $('ratesErr').textContent = e.message; $('ratesErr').hidden = false; }
  }));

  // site settings: key / value rows; booleans as checkboxes, numbers stay numbers
  const SITE_META = { siteName: 'Site name', tagline: 'Tagline', rehearsal: 'Testnet rehearsal banner', defaultSponsorId: 'Fallback sponsor (member #)', walletConnectProjectId: 'WalletConnect project id', moonpayPublicKey: 'MoonPay public key' };
  function drawSite() {
    const wrap = $('siteForm');
    wrap.innerHTML = Object.entries(siteObj).map(([k, v]) => '<div class="kv-row"><span class="k" title="' + esc(k) + '">' + esc(SITE_META[k] || humanize(k)) + '</span>'
      + (typeof v === 'boolean' ? '<input type="checkbox" data-sk="' + esc(k) + '"' + (v ? ' checked' : '') + '>'
        : typeof v === 'number' ? '<input type="number" step="any" data-sk="' + esc(k) + '" value="' + esc(v) + '">'
        : '<input data-sk="' + esc(k) + '" value="' + esc(typeof v === 'object' ? JSON.stringify(v) : (v == null ? '' : v)) + '">')
      + '<button type="button" class="btn small sec" data-sdel="' + esc(k) + '">Clear</button></div>').join('') || '<p class="muted small">No settings saved yet.</p>';
  }
  function readSite() {
    const out = {};
    document.querySelectorAll('#siteForm [data-sk]').forEach(el => {
      const k = el.dataset.sk;
      if (el.type === 'checkbox') out[k] = !!el.checked;
      else if (el.type === 'number') out[k] = Number(el.value);
      else { const v = el.value; if (/^[\[{]/.test(v)) { try { out[k] = JSON.parse(v); return; } catch (e) {} } out[k] = v; }
    });
    return out;
  }
  $('siteForm').addEventListener('click', e => {
    const b = e.target.closest('[data-sdel]'); if (!b) return;
    siteObj = readSite(); siteObj[b.dataset.sdel] = ''; drawSite();
  });
  $('siteAddKey').addEventListener('click', () => {
    const k = $('siteNewKey').value.trim(); if (!/^[A-Za-z][A-Za-z0-9_]{0,40}$/.test(k)) { IAP.status('Setting names are letters and numbers, no spaces.', 'bad'); return; }
    siteObj = readSite(); if (!(k in siteObj)) siteObj[k] = ''; $('siteNewKey').value = ''; drawSite();
    const el = document.querySelector('#siteForm [data-sk="' + k + '"]'); if (el) el.focus();
  });
  $('siteSave').addEventListener('click', busy($('siteSave'), async () => {
    $('siteErr').hidden = true;
    try { const r = await api('/api/admin/site', readSite(), 'PATCH'); siteObj = r.site || readSite(); drawSite(); IAP.status('Site settings saved.', 'ok'); }
    catch (e) { $('siteErr').textContent = e.message; $('siteErr').hidden = false; }
  }));

  async function loadSettings() {
    const [r, s, d] = await Promise.all([api('/api/admin/rates'), api('/api/admin/site'), api('/api/admin/drip')]);
    ratesObj = r.rates || {}; drawRates();
    siteObj = s.site || {}; drawSite();
    dripSeq = d.sequence || []; drawDrip();
    const st = d.stats || {};
    $('dripSub').textContent = (st.active || 0) + ' in flight · ' + (st.done || 0) + ' finished · ' + (st.unsubscribed || 0) + ' unsubscribed' + (d.mailReady ? '' : ' · NO MAIL KEY: nothing sends');
  }

  render();
})();