// furtka.org logo poll — no cookies, no storage. The server tells us
// what this device already chose (salted hash of IP + user agent).
(function () {
  var root = document.querySelector('.poll');
  if (!root || !window.fetch) return;
  var api = root.dataset.api;
  var status = root.querySelector('.poll-status');
  var t = status.dataset;
  var buttons = root.querySelectorAll('[data-vote]');
  var busy = false;

  function pct(n, total) { return total ? Math.round((n / total) * 100) : 0; }

  function render(d) {
    var total = d.total || 0;
    root.classList.toggle('poll--voted', !!d.yours);
    Object.keys(d.counts).forEach(function (k) {
      var card = root.querySelector('[data-choice="' + k + '"]');
      if (!card) return;
      var n = d.counts[k], p = pct(n, total);
      card.classList.toggle('is-yours', d.yours === k);
      card.querySelector('.poll-bar i').style.width = p + '%';
      card.querySelector('[data-count]').textContent = d.yours ? p + ' % · ' + n : '';
      var b = card.querySelector('[data-vote]');
      b.disabled = d.yours === k;
      b.textContent = d.yours === k ? t.tVoted : (d.yours ? t.tChange : b.dataset.label);
    });
    status.textContent = d.yours ? t.tTotal.replace('{n}', total) : '';
  }

  function load() {
    fetch(api, { headers: { Accept: 'application/json' } })
      .then(function (r) { if (!r.ok) throw r; return r.json(); })
      .then(render)
      .catch(function () { status.textContent = t.tError; });
  }

  buttons.forEach(function (b) {
    b.dataset.label = b.textContent;
    b.addEventListener('click', function () {
      if (busy) return;
      busy = true; b.disabled = true;
      fetch(api, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
        body: JSON.stringify({ choice: b.dataset.vote })
      })
        .then(function (r) { if (!r.ok) throw r; return r.json(); })
        .then(render)
        .catch(function () { status.textContent = t.tError; b.disabled = false; })
        .then(function () { busy = false; });
    });
  });

  status.textContent = '';
  load();
})();