Uploader

// Inputul e FRATE al slotului, nu copil al zonei: handler-ul zonei apelează
// input.click(), iar un input în interiorul zonei ar re-intra în același handler.
var zone  = root.querySelector('.uploader-zone');
var input = root.querySelector('.uploader-input');

zone.addEventListener('click', function () { input.click(); });
zone.addEventListener('keydown', function (e) {
  if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); input.click(); }
});

// preventDefault pe amândouă, altfel browserul navighează la fișier
['dragenter', 'dragover'].forEach(function (ev) {
  zone.addEventListener(ev, function (e) { e.preventDefault(); zone.classList.add('is-over'); });
});
['dragleave', 'drop'].forEach(function (ev) {
  zone.addEventListener(ev, function (e) { e.preventDefault(); zone.classList.remove('is-over'); });
});
zone.addEventListener('drop', function (e) { accept(e.dataTransfer.files); });
input.addEventListener('change', function () { accept(input.files); input.value = ''; });

// Validarea rulează ÎNAINTE de upload, dar fișierul respins intră totuși în
// listă, ca rând de eroare — nu dispare în silence.
function validate(file) {
  if (!/\.(pdf|jpe?g|png)$/i.test(file.name)) return 'Tipul fișierului nu e acceptat.';
  if (file.size > 10 * 1024 * 1024)          return 'Fișierul e prea mare. Maxim 10 MB.';
  return null;
}

// Progresul vine din XHR; .uploader-fill primește width = procent, iar
// .uploader-meta textul „Se încarcă · 62% din 840 KB".
var xhr = new XMLHttpRequest();
xhr.upload.onprogress = function (e) {
  if (!e.lengthComputable) return;
  var pct = Math.round(e.loaded / e.total * 100);
  fill.style.width = pct + '%';
  meta.textContent = 'Se încarcă · ' + pct + '% din ' + size;
};
xhr.onload  = function () { done(row); };                       // thumb .is-done + „Am primit fișierul."
xhr.onerror = function () { fail(row, 'Ceva n-a mers. Încearcă din nou.', true); };  // + „Reîncearcă"
xhr.open('POST', '/api/documents');
xhr.send(formData);