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

  async function loadValidators() {
    C.setStatus('Loading…', 'warn');
    try {
      var data = await C.fetchJSON('/api/validators');
      var validators = (data && Array.isArray(data.validators)) ? data.validators : [];
      var quorum = validators.length > 0 ? Math.floor(2 * validators.length / 3) + 1 : 0;

      document.getElementById('valCount').textContent   = validators.length;
      document.getElementById('quorumCount').textContent = quorum || '—';

      var tbody = document.getElementById('valBody');
      if (!validators.length) {
        tbody.innerHTML = '<tr><td colspan="4" class="tbl-empty">No validators found.</td></tr>';
        C.setStatus('No validators registered.', 'warn');
        return;
      }

      var rows = '';
      validators.forEach(function(v, i) {
        var addr   = v.address  || '—';
        var pubKey = v.pub_key  || '—';
        rows +=
          '<tr>' +
          '<td class="text-muted" style="font-size:12px">' + (i + 1) + '</td>' +
          '<td>' +
            '<a class="mono" href="/address?address=' + encodeURIComponent(pubKey) + '">' +
              C.esc(addr) +
            '</a>' +
          '</td>' +
          '<td class="mono" style="color:var(--muted);font-size:12px">' +
            C.esc(C.short(pubKey, 32)) +
          '</td>' +
          '<td>' +
            '<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(
        validators.length + ' validator' + (validators.length !== 1 ? 's' : '') +
        ' · quorum: ' + quorum,
        'ok'
      );
      C.refreshIcons();
    } catch (e) {
      C.setStatus('Load failed: ' + e.message, 'err');
    }
  }

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