// Live filter daftar pemilih by owner (V11). Tanpa JS: form GET ?q= tetap jalan.
(function () {
  'use strict';

  var input = document.getElementById('search-input');
  var rows = document.getElementById('rows');
  var pager = document.getElementById('pager');
  var result = document.getElementById('search-result');

  if (!input || !rows || !pager) {
    return;
  }

  var timer = null;
  var originalRows = null;
  var originalPager = null;
  var originalBands = null;
  var DEBOUNCE_MS = 200;

  var GROUP_LABEL = {
    baru: 'BARU',
    revote: 'REVOTE',
    valid: 'VALID',
    kadaluarsa: 'KADALUARSA'
  };

  function escapeHtml(text) {
    var el = document.createElement('div');
    el.textContent = text == null ? '' : String(text);
    return el.innerHTML;
  }

  function vex(value) {
    return Number(value).toLocaleString('id-ID', {
      minimumFractionDigits: 4,
      maximumFractionDigits: 4
    });
  }

  function shortdate(value) {
    if (!value) {
      return '—';
    }
    return String(value).slice(0, 10);
  }

  function hideBands(on) {
    var bands = document.querySelectorAll('.band-list');
    if (on && originalBands === null) {
      originalBands = Array.prototype.map.call(bands, function (el) {
        return el.style.display || '';
      });
      Array.prototype.forEach.call(bands, function (el) {
        el.style.display = 'none';
      });
    } else if (!on && originalBands !== null) {
      Array.prototype.forEach.call(bands, function (el, i) {
        el.style.display = originalBands[i] || '';
      });
      originalBands = null;
    }
  }

  function setSearchMode(on) {
    if (on && originalRows === null) {
      originalRows = rows.innerHTML;
      originalPager = pager.style.display || '';
      hideBands(true);
    } else if (!on && originalRows !== null) {
      rows.innerHTML = originalRows;
      pager.style.display = originalPager;
      originalRows = null;
      originalPager = null;
      hideBands(false);
      if (result) {
        result.textContent = '';
      }
    }
  }

  function renderResults(data) {
    if (!data.results.length) {
      rows.innerHTML = '<div class="empty">TAK ADA AKUN COCOK</div>';
    } else {
      rows.innerHTML = data.results.map(function (r) {
        var tag = '<span class="group-tag tag-' + r.group + '">' +
          (GROUP_LABEL[r.group] || r.group) + '</span>';
        var badge = r.expired ?
          '<span class="expired-badge">VOTE ULANG</span>' : '';
        var warn = r.expiring ?
          '<span class="warn-badge">VOTE ULANG SEGERA</span>' : '';
        return '<div class="list-row' + (r.expired ? ' expired' : '') + '">' +
          '<span class="rank">' + r.rank + '</span>' +
          '<span class="owner">' + escapeHtml(r.owner) + tag + warn + badge + '</span>' +
          '<span class="stake" data-label="STAKE (VEX)">' + vex(r.staked) + '</span>' +
          '<span class="reward" data-label="TOTAL REWARD (VEX)">' + vex(r.total_reward) + '</span>' +
          '<span class="vote-date" data-label="VOTE TERAKHIR">' + shortdate(r.last_vote) + '</span>' +
          '</div>';
      }).join('');
    }
    if (result) {
      result.textContent = 'HASIL · ' + data.count + ' AKUN UNTUK "' + data.query + '"';
    }
    pager.style.display = 'none';
  }

  function liveSearch(q) {
    fetch('/api/search?q=' + encodeURIComponent(q))
      .then(function (res) {
        return res.json();
      })
      .then(renderResults)
      .catch(function () {
        // Biarkan baris server tetap tampil bila fetch gagal.
      });
  }

  input.addEventListener('input', function () {
    clearTimeout(timer);
    var q = input.value.trim();
    if (q === '') {
      setSearchMode(false);
      return;
    }
    setSearchMode(true);
    timer = setTimeout(function () {
      liveSearch(q);
    }, DEBOUNCE_MS);
  });
})();