{{#layout}}
<!-- api.html (BCH) – Docs & Tester (allineato a backend: _pool_span_s, hashrate_hs, wid) -->

<style>
  :root{ --bd:#e6e8eb; --muted:#666; --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
  .wrap{ padding:18px; box-sizing:border-box; max-width:1100px; margin:0 auto; }
  .hero{ display:flex; align-items:center; gap:16px; margin-bottom:14px; }
  .hero-logo{ width:56px; height:56px; border-radius:12px; object-fit:cover; border:1px solid var(--bd); }
  .hero-title h2{ margin:0 0 4px 0; font-size:22px; }
  .hero-title .tagline{ color:#666; font-size:14px; }
  .card{ border:1px solid var(--bd); border-radius:12px; background:#fff; padding:14px; margin-bottom:12px; }
  .grid{ display:grid; grid-template-columns: 1fr; gap:12px; }
  .row{ display:grid; grid-template-columns: 220px 1fr; gap:14px; }
  @media (max-width: 820px){ .row{ grid-template-columns: 1fr; } }
  .h{ font-weight:700; margin-bottom:6px; }
  .mono{ font-family:var(--mono); }
  .muted{ color:#777; }
  .btn{ padding:6px 10px; border:1px solid var(--bd); border-radius:8px; background:#fff; cursor:pointer; }
  .btn:hover{ background:#f7f8fa; }
  input, select{ padding:6px 8px; border:1px solid var(--bd); border-radius:8px; }
  code.inline{ background:#f6f8fa; border:1px solid var(--bd); border-radius:6px; padding:0 6px; }
  pre.out{ margin:0; padding:10px; border:1px solid var(--bd); border-radius:10px; background:#fcfcfd; max-height:280px; overflow:auto; }
  .hint{ font-size:12px; color:#666; margin-top:6px; }
  .flex{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
  .sep{ opacity:.5; padding:0 6px; }
  table.tbl{ width:100%; border-collapse:collapse; font-size:13px; }
  table.tbl th, table.tbl td{ border:1px solid var(--bd); padding:6px 8px; text-align:left; }
  table.tbl th{ background:#f8f9fb; }
</style>

<div class="wrap">
  <div class="hero">
    <img class="hero-logo" src="/static/logo_lmwpool.jpeg" alt="Let me Win!">
    <div class="hero-title">
      <h2>HTTP API – Docs & Tester (BCH)</h2>
      <div class="tagline">Endpoints esposti dal backend BCH (<span class="mono">/api/*</span>) con esempi ed esecuzione live.</div>
    </div>
  </div>

  <div class="card">
    <div class="h">Note generali</div>
    <ul class="muted" style="margin:6px 0 0 16px">
      <li>Tutte le API rispondono in JSON (eccetto <code class="inline">/api/live_stats</code> che usa Server-Sent Events).</li>
      <li>Gli endpoint che accettano parametri usano querystring (es. <code class="inline">?limit=50</code>, <code class="inline">?wid=worker1</code>).</li>
      <li>I valori numerici sono in secondi, H/s, o conteggi (valid/invalid). Hashrate formattato anche in “display”.</li>
    </ul>
  </div>

  <div class="grid">
    <!-- sharesCurrentRound -->
    <div class="card row">
      <div>
        <div class="h">/api/sharesCurrentRound</div>
        <div class="muted">Stato “live” del round corrente BCH: per-worker e totali di pool.</div>
        <div class="hint">Output include: <span class="mono">round</span>, <span class="mono">workers{}</span>, <span class="mono">pool_hashrate_hs</span>, <span class="mono">_pool_span_s</span>, ecc.</div>
        <div class="flex" style="margin-top:8px">
          <button class="btn" data-try="/api/sharesCurrentRound">Try it</button>
        </div>
      </div>
      <div>
        <pre class="out" id="out-sharesCurrentRound">—</pre>
      </div>
    </div>

    <!-- Comparatore NEW vs API -->
    <div class="card row">
      <div>
        <div class="h">Verifica hashrate (BCH): metodo vecchio vs nuovo</div>
        <div class="muted">
          Confronta:
          <ul style="margin:6px 0 0 16px">
            <li><span class="mono">sum_hs_new</span> = Σ per-worker <code>hashrate_hs</code> (se presente) altrimenti <code>diff_valid_window · 2^32 / _pool_span_s</code></li>
            <li><span class="mono">api_pool</span> = <span class="mono">pool_hashrate_hs</span> restituito da <code class="inline">/api/sharesCurrentRound</code></li>
          </ul>
        </div>
        <div class="flex" style="margin-top:8px">
          <button class="btn" id="cmp-btn">Esegui confronto</button>
        </div>
        <div class="hint">Usa gli stessi parametri del backend (span reale); niente più finestre discordanti.</div>
      </div>
      <div>
        <pre class="out" id="out-compare">—</pre>
      </div>
    </div>

    <!-- Pool Health -->
    <div class="card">
      <div class="h">Pool Health — Live per-worker BCH (NEW vs OLD + efficienza)</div>
      <div class="muted">Legge <code class="inline">/api/sharesCurrentRound</code> e calcola GH/s ed efficienza per ciascun worker.</div>
      <div class="flex" style="margin:8px 0">
        <button class="btn" id="ph-run">Aggiorna ora</button>
      </div>
      <div id="ph-wrap">
        <table class="tbl" id="ph-table" style="display:none">
          <thead>
            <tr>
              <th>Worker</th>
              <th>GH/s (NEW)</th>
              <th>GH/s (OLD)</th>
              <th>Efficienza</th>
              <th>Window (s)</th>
              <th>Last seen</th>
            </tr>
          </thead>
          <tbody id="ph-tbody"></tbody>
        </table>
        <div class="hint" id="ph-hint"></div>
      </div>
    </div>

    <!-- Worker Snapshot -->
    <div class="card row">
      <div>
        <div class="h">Worker Snapshot (ultimi N round)</div>
        <div class="muted">Legge <code class="inline">/api/workerRounds</code> e aggrega GH/s ed efficienza.</div>
        <div class="flex" style="margin-top:8px">
          <label>wid</label><input id="ws-wid" placeholder="es. 3GFFfX...bitaxe1">
          <span class="sep">|</span>
          <label>limit</label><input type="number" min="1" max="500" value="100" id="ws-limit">
          <button class="btn" id="ws-btn">Esegui</button>
        </div>
        <div class="hint">GH/s = Σ(diff_valid_round)·2^32 / Σ(duration). Eff = Σvalid / (Σvalid+Σinvalid).</div>
      </div>
      <div>
        <pre class="out" id="out-workerSnapshot">—</pre>
      </div>
    </div>

    <!-- roundMarkers -->
    <div class="card row">
      <div>
        <div class="h">/api/roundMarkers</div>
        <div class="muted">Marcatori round BCH: <span class="mono">current</span> e <span class="mono">last_closed</span>.</div>
        <div class="flex" style="margin-top:8px">
          <button class="btn" data-try="/api/roundMarkers">Try it</button>
        </div>
      </div>
      <div>
        <pre class="out" id="out-roundMarkers">—</pre>
      </div>
    </div>

    <!-- poolSummary -->
    <div class="card row">
      <div>
        <div class="h">/api/poolSummary</div>
        <div class="muted">Media tempo-pesata su ultimi N round BCH (default 200). Filtra round corti/zero.</div>
        <div class="flex" style="margin-top:8px">
          <label>limit</label>
          <input type="number" min="1" max="500" value="100" id="ps-limit">
          <button class="btn" id="ps-btn">Try it</button>
        </div>
        <div class="hint">Esempio: <code class="inline">/api/poolSummary?limit=100</code></div>
      </div>
      <div>
        <pre class="out" id="out-poolSummary">—</pre>
      </div>
    </div>

    <!-- workersKnown -->
    <div class="card row">
      <div>
        <div class="h">/api/workersKnown</div>
        <div class="muted">Elenco workers visti negli ultimi N round BCH.</div>
        <div class="flex" style="margin-top:8px">
          <label>limit</label>
          <input type="number" min="1" max="500" value="200" id="wk-limit">
          <button class="btn" id="wk-btn">Try it</button>
        </div>
        <div class="hint">Esempio: <code class="inline">/api/workersKnown?limit=200</code></div>
      </div>
      <div>
        <pre class="out" id="out-workersKnown">—</pre>
      </div>
    </div>

    <!-- workerRounds -->
    <div class="card row">
      <div>
        <div class="h">/api/workerRounds</div>
        <div class="muted">Storico per worker (per-round): hashrate, efficiency, diff_valid, durata.</div>
        <div class="flex" style="margin-top:8px">
          <label>wid</label><input id="wr-wid" placeholder="es. bitaxe1">
          <span class="sep">|</span>
          <label>limit</label><input type="number" min="1" max="500" value="50" id="wr-limit">
          <button class="btn" id="wr-btn">Try it</button>
        </div>
        <div class="hint">Esempio: <code class="inline">/api/workerRounds?wid=bitaxe1&limit=50</code></div>
      </div>
      <div>
        <pre class="out" id="out-workerRounds">—</pre>
      </div>
    </div>

    <!-- workerExplain -->
    <div class="card row">
      <div>
        <div class="h">/api/workerExplain</div>
        <div class="muted">Spiegazione calcolo live per un worker nel round corrente (inputs + metodo usato).</div>
        <div class="flex" style="margin-top:8px">
          <label>wid</label><input id="we-wid" placeholder="es. bitaxe1">
          <button class="btn" id="we-btn">Try it</button>
        </div>
        <div class="hint">Esempio: <code class="inline">/api/workerExplain?wid=bitaxe1</code></div>
      </div>
      <div>
        <pre class="out" id="out-workerExplain">—</pre>
      </div>
    </div>

    <!-- roundHistory -->
    <div class="card row">
      <div>
        <div class="h">/api/roundHistory</div>
        <div class="muted">Snapshot ultimi N round (height, ts, pool_hashes, duration).</div>
        <div class="flex" style="margin-top:8px">
          <label>limit</label><input type="number" min="1" max="2000" value="200" id="rh-limit">
          <button class="btn" id="rh-btn">Try it</button>
        </div>
        <div class="hint">Esempio: <code class="inline">/api/roundHistory?limit=200</code></div>
      </div>
      <div>
        <pre class="out" id="out-roundHistory">—</pre>
      </div>
    </div>

    <!-- roundSummary -->
    <div class="card row">
      <div>
        <div class="h">/api/roundSummary</div>
        <div class="muted">Riepilogo per un round: per-worker valid/invalid, dv/ds, efficiency, hashrate per durata round.</div>
        <div class="flex" style="margin-top:8px">
          <label>height</label><input id="rs-height" placeholder="es. 928665">
          <button class="btn" id="rs-btn">Try it</button>
        </div>
        <div class="hint">Esempio: <code class="inline">/api/roundSummary?height=928665</code></div>
      </div>
      <div>
        <pre class="out" id="out-roundSummary">—</pre>
      </div>
    </div>

    <!-- liveDiff -->
    <div class="card row">
      <div>
        <div class="h">/api/liveDiff</div>
        <div class="muted">Mappa diagnostica diff init/live per worker (se abilitata in backend).</div>
        <div class="flex" style="margin-top:8px">
          <button class="btn" data-try="/api/liveDiff">Try it</button>
        </div>
      </div>
      <div>
        <pre class="out" id="out-liveDiff">—</pre>
      </div>
    </div>

    <!-- refresh_stats -->
    <div class="card row">
      <div>
        <div class="h">/api/refresh_stats</div>
        <div class="muted">Forza refresh del blocco statistiche globali lato server.</div>
        <div class="flex" style="margin-top:8px">
          <button class="btn" data-try="/api/refresh_stats">Try it</button>
        </div>
      </div>
      <div>
        <pre class="out" id="out-refresh_stats">—</pre>
      </div>
    </div>

    <!-- live_stats SSE -->
    <div class="card">
      <div class="h">/api/live_stats (SSE)</div>
      <div class="muted">Server-Sent Events: stream continuo di aggiornamenti live.</div>
      <div class="flex" style="margin:8px 0">
        <button class="btn" id="sse-start">Connect</button>
        <button class="btn" id="sse-stop">Disconnect</button>
        <span class="muted" id="sse-status">disconnected</span>
      </div>
      <pre class="out" id="out-sse">—</pre>
      <div class="hint">Nota: questo endpoint è diverso dagli altri (non è JSON “one-shot”, ma un flusso di eventi).</div>
    </div>
  </div>
</div>

<script>
  function $(sel){ return document.querySelector(sel); }
  function showJSON(id, data){
    const el = document.getElementById(id);
    try{ el.textContent = JSON.stringify(data, null, 2); }
    catch(_){ el.textContent = String(data); }
  }
  async function tryFetch(path, outId){
    try{
      const r = await fetch(path, {cache:'no-store'});
      const t = r.headers.get('content-type') || '';
      if (!r.ok) throw new Error('HTTP '+r.status);
      if (t.includes('application/json')) showJSON(outId, await r.json());
      else showJSON(outId, await r.text());
    }catch(e){
      showJSON(outId, {error: e.message || String(e)});
    }
  }
  document.querySelectorAll('[data-try]').forEach(btn=>{
    const path = btn.getAttribute('data-try');
    const outId = 'out-' + path.replace(/^\/api\//,'').replace(/[^\w]+/g,'_');
    btn.addEventListener('click', ()=> tryFetch(path, outId));
  });

  $('#ps-btn').addEventListener('click', ()=>{
    const limit = Math.max(1, Math.min(500, Number($('#ps-limit').value)||100));
    tryFetch('/api/poolSummary?limit='+encodeURIComponent(limit), 'out-poolSummary');
  });
  $('#wk-btn').addEventListener('click', ()=>{
    const limit = Math.max(1, Math.min(500, Number($('#wk-limit').value)||200));
    tryFetch('/api/workersKnown?limit='+encodeURIComponent(limit), 'out-workersKnown');
  });
  $('#wr-btn').addEventListener('click', ()=>{
    const wid = ($('#wr-wid').value||'').trim();
    const outId = 'out-workerRounds';
    if (!wid){ showJSON(outId, {error:'wid required (es. ?wid=bitaxe1)'}); return; }
    const limit = Math.max(1, Math.min(500, Number($('#wr-limit').value)||50));
    const url = '/api/workerRounds?wid='+encodeURIComponent(wid)+'&limit='+encodeURIComponent(limit);
    tryFetch(url, outId);
  });
  $('#we-btn').addEventListener('click', ()=>{
    const wid = ($('#we-wid').value||'').trim();
    const outId = 'out-workerExplain';
    if (!wid){ showJSON(outId, {error:'wid required (es. ?wid=bitaxe1)'}); return; }
    tryFetch('/api/workerExplain?wid='+encodeURIComponent(wid), outId);
  });
  $('#rh-btn').addEventListener('click', ()=>{
    const limit = Math.max(1, Math.min(2000, Number($('#rh-limit').value)||200));
    tryFetch('/api/roundHistory?limit='+encodeURIComponent(limit), 'out-roundHistory');
  });
  $('#rs-btn').addEventListener('click', ()=>{
    const h = ($('#rs-height').value||'').trim();
    const outId = 'out-roundSummary';
    if (!h){ showJSON(outId, {error:'height required (es. ?height=921884)'}); return; }
    tryFetch('/api/roundSummary?height='+encodeURIComponent(h), outId);
  });

  function toNum(x){ const n = Number(x); return Number.isFinite(n) ? n : 0; }
  function safeDiv(a,b){ a=toNum(a); b=toNum(b); return b===0 ? 0 : (a/b); }
  const TWO32 = 4294967296;

  async function compareOldNew(){
    const outId = 'out-compare';
    try{
      const r = await fetch('/api/sharesCurrentRound', {cache:'no-store'});
      if (!r.ok) throw new Error('HTTP '+r.status);
      const data = await r.json();
      const workersObj = data?.workers || {};
      const workers = Object.values(workersObj);
      if (!workers.length){
        showJSON(outId, {
          note:'no_workers_in_payload',
          sum_hs_new: 0,
          api_pool: Number(data?.pool_hashrate_hs || 0),
          pool_span_s: data?._pool_span_s ?? null
        });
        return;
      }
      let W = toNum(data?._pool_span_s);
      if (!W){
        const ws = workers.map(w => toNum(w.window_seconds)).filter(Boolean);
        if (ws.length){ ws.sort((a,b)=>a-b); W = ws[Math.floor(ws.length/2)]; }
      }
      if (W < 30) W = 30; if (W > 3600) W = 3600;

      let sum_hs_new = 0;
      let fallback_cnt = 0;
      for (const w of workers){
        const hs = toNum(w.hashrate_hs);
        if (hs > 0){
          sum_hs_new += hs;
        } else {
          const dvw = toNum(w.diff_valid_window);
          sum_hs_new += (dvw * TWO32) / W;
          if (dvw > 0) fallback_cnt++;
        }
      }
      const api_pool = toNum(data?.pool_hashrate_hs);
      const delta_new_vs_api = api_pool - sum_hs_new;
      const rel_error = api_pool ? (delta_new_vs_api / api_pool) : 0;
      const perWorkerWins = workers.map(w => toNum(w.window_seconds)).filter(Boolean);
      const uniqueWins = Array.from(new Set(perWorkerWins)).sort((a,b)=>a-b);
      showJSON(outId, {
        pool_span_s_used: W,
        workers_window_seconds_unique: uniqueWins,
        workers_fallback_from_dvw: fallback_cnt,
        sum_hs_new,
        api_pool,
        delta_new_vs_api,
        rel_error
      });
    }catch(e){
      showJSON(outId, {error: e.message || String(e)});
    }
  }
  document.getElementById('cmp-btn').addEventListener('click', compareOldNew);

  function fmtPct(v){ const x=toNum(v); return (x===0 && v!==0) ? '—' : (x*100).toFixed(1)+'%'; }
  function fmtGhps(hs){ return (toNum(hs)/1e9).toFixed(2); }
  function ageSec(ts){ const t=toNum(ts); if(!t) return '—'; const s=Math.max(0, (Date.now()/1000)-t); return s.toFixed(0)+'s'; }

  async function runPoolHealth(){
    const hint = document.getElementById('ph-hint');
    const tbody = document.getElementById('ph-tbody');
    const table = document.getElementById('ph-table');
    hint.textContent = 'Lettura /api/sharesCurrentRound…';
    tbody.innerHTML = '';
    table.style.display = 'none';
    try{
      const r = await fetch('/api/sharesCurrentRound', {cache:'no-store'});
      if (!r.ok) throw new Error('HTTP '+r.status);
      const data = await r.json();
      const workers = data?.workers || {};
      const rows = [];
      Object.keys(workers).forEach(key=>{
        const w = workers[key] || {};
        const v   = toNum(w.valid);
        const iv  = toNum(w.invalid);
        const ds  = toNum(w.diff_setting);
        const dvw = toNum(w.diff_valid_window);
        const first = toNum(w.first_ts);
        const last  = toNum(w.last_ts);

        let win = 0;
        if (last > 0 && first > 0) win = Math.max(60, last - first);
        else win = toNum(w.window_seconds) || toNum(data?._pool_span_s) || 60;

        let hs_new = toNum(w.hashrate_hs);
        if (!hs_new) hs_new = safeDiv(dvw * TWO32, win);
        const hs_old = safeDiv(v * ds * TWO32,  win);
        const eff = (v+iv)>0 ? (v/(v+iv)) : 0;
        rows.push({
          wid: w.wid || key,
          gh_new: fmtGhps(hs_new),
          gh_old: fmtGhps(hs_old),
          eff: fmtPct(eff),
          win,
          last_seen: ageSec(last)
        });
      });
      if (!rows.length){ hint.textContent = 'Nessun worker nel payload.'; return; }
      rows.sort((a,b)=> parseFloat(b.gh_new)-parseFloat(a.gh_new));
      rows.forEach(r=>{
        const tr = document.createElement('tr');
        tr.innerHTML = `
          <td class="mono">${r.wid}</td>
          <td>${r.gh_new}</td>
          <td>${r.gh_old}</td>
          <td>${r.eff}</td>
          <td>${r.win}</td>
          <td>${r.last_seen}</td>`;
        tbody.appendChild(tr);
      });
      table.style.display = '';
      const tot = rows.reduce((a,x)=> a+parseFloat(x.gh_new), 0).toFixed(2);
      const poolSpan = toNum(data?._pool_span_s) || '—';
      hint.textContent = `Totale NEW ≈ ${tot} GH/s  —  pool span: ${poolSpan}s (i per-worker usano la loro finestra live).`;
    }catch(e){
      hint.textContent = 'Errore: '+(e.message||String(e));
    }
  }
  document.getElementById('ph-run').addEventListener('click', runPoolHealth);

  async function runWorkerSnapshot(){
    const wid = ($('#ws-wid').value||'').trim();
    const outId = 'out-workerSnapshot';
    if (!wid){ showJSON(outId, {error:'wid required (es. 3GFFfX...bitaxe1)'}); return; }
    const limit = Math.max(1, Math.min(500, Number($('#ws-limit').value)||100));
    try{
      const url = '/api/workerRounds?wid='+encodeURIComponent(wid)+'&limit='+encodeURIComponent(limit);
      const r = await fetch(url, {cache:'no-store'});
      if (!r.ok) throw new Error('HTTP '+r.status);
      const obj = await r.json();
      const rounds = Array.isArray(obj?.rounds) ? obj.rounds : [];
      if (!rounds.length){ showJSON(outId, {note:'no_rounds'}); return; }
      let sumDV=0, sumDur=0, sumV=0, sumI=0;
      for (const rr of rounds){
        const dv = toNum(rr.diff_valid || rr.dv || 0);
        const du = toNum((rr.duration_s!=null? rr.duration_s : rr.duration) || 0);
        const v  = toNum(rr.valid || 0);
        const iv = toNum(rr.invalid || 0);
        sumDV += dv; sumDur += du; sumV += v; sumI += iv;
      }
      const hs = sumDur>0 ? (sumDV * TWO32 / sumDur) : 0;
      const eff = (sumV+sumI)>0 ? (sumV/(sumV+sumI)) : 0;
      showJSON(outId, {
        wid,
        window_rounds: rounds.length,
        sum_duration_s: sumDur,
        sum_diff_valid: sumDV,
        avg_hashrate_hs: hs,
        avg_hashrate_ghs: hs/1e9,
        efficiency: eff,
        sample: rounds.slice(0,5)
      });
    }catch(e){
      showJSON(outId, {error: e.message || String(e)});
    }
  }
  document.getElementById('ws-btn').addEventListener('click', runWorkerSnapshot);

  let es = null;
  const sseOut = document.getElementById('out-sse');
  const sseStatus = document.getElementById('sse-status');
  function sseLog(line){
    if (sseOut.textContent === '—') sseOut.textContent = '';
    sseOut.textContent += (line+'\n');
    sseOut.scrollTop = sseOut.scrollHeight;
  }
  document.getElementById('sse-start').addEventListener('click', ()=>{
    if (es){ es.close(); es = null; }
    try{
      es = new EventSource('/api/live_stats');
      sseStatus.textContent = 'connecting...';
      es.onopen = ()=>{ sseStatus.textContent = 'connected'; };
      es.onerror = (e)=>{ sseStatus.textContent = 'error'; sseLog('[error] '+(e?.message||'unknown')); };
      es.onmessage = (ev)=>{ sseLog(ev.data || '[message]'); };
    }catch(e){
      sseStatus.textContent = 'error';
      sseLog('[exception] '+(e.message||String(e)));
    }
  });
  document.getElementById('sse-stop').addEventListener('click', ()=>{
    if (es){ es.close(); es = null; }
    sseStatus.textContent = 'disconnected';
  });
</script>

{{/layout}}