(function() {
  var C = window.ExplorerCommon;

  function fmtFee(ut) {
    if (!ut) return '<span class="text-muted">Free</span>';
    if (ut < 1000) return ut + ' µT';
    return C.toToken(ut);
  }

  async function loadRelays() {
    C.setStatus('Loading…', 'warn');
    try {
      var data = await C.fetchJSON('/api/relays');
      var relays = Array.isArray(data) ? data : [];

      document.getElementById('relayCount').textContent = relays.length;

      var tbody = document.getElementById('relayBody');
      if (!relays.length) {
        tbody.innerHTML = '<tr><td colspan="6" class="tbl-empty">No relay nodes registered yet.</td></tr>';
        C.setStatus('No relay nodes found.', 'warn');
        return;
      }

      var rows = '';
      relays.forEach(function(info, i) {
        var pubKey   = info.pub_key  || '';
        var addr     = info.address  || '—';
        var x25519   = (info.relay && info.relay.x25519_pub_key) || '—';
        var feeUT    = (info.relay && info.relay.fee_per_msg_ut) || 0;
        var multiaddr = (info.relay && info.relay.multiaddr) || '';

        rows +=
          '<tr>' +
          '<td class="text-muted" style="font-size:12px">' + (i + 1) + '</td>' +
          '<td>' +
            (pubKey
              ? '<a class="mono" href="/address?address=' + encodeURIComponent(pubKey) + '">' + C.esc(addr) + '</a>'
              : C.esc(addr)) +
          '</td>' +
          '<td class="mono" style="font-size:11px;color:var(--muted)">' +
            C.esc(C.short(x25519, 28)) +
          '</td>' +
          '<td>' + fmtFee(feeUT) + '</td>' +
          '<td class="mono" style="font-size:11px;color:var(--muted);max-width:200px;overflow:hidden;text-overflow:ellipsis">' +
            (multiaddr ? C.esc(multiaddr) : '<span class="text-muted">—</span>') +
          '</td>' +
          '<td>' +
            (pubKey
              ? '<a href="/node?node=' + encodeURIComponent(pubKey) + '" class="pill-link" style="font-size:12px;padding:4px 10px">' +
                  '<i data-lucide="server"></i> Node' +
                '</a>'
              : '') +
          '</td>' +
          '</tr>';
      });
      tbody.innerHTML = rows;

      C.setStatus(relays.length + ' relay node' + (relays.length !== 1 ? 's' : '') + ' registered.', 'ok');
      C.refreshIcons();
    } catch (e) {
      C.setStatus('Load failed: ' + e.message, 'err');
    }
  }

  document.getElementById('refreshBtn').addEventListener('click', loadRelays);
  loadRelays();
})();