/* eslint-env browser */
const elDrop = document.querySelector('#dropzone');
const submitBtn = document.querySelector('#submitbutton');
const fileInput = document.querySelector('#files');

elDrop.addEventListener('dragover', event => {
  event.preventDefault();
});

elDrop.addEventListener('drop', async event => {
  event.preventDefault();

  submitBtn.disabled = true;

  fileInput.files = event.dataTransfer.files;

  elDrop.textContent = `✓ ${fileInput.files.length} files selected`;
  elDrop.style.height = 'inherit';

  submitBtn.disabled = false;
});
elDrop.addEventListener('click', () => {
  fileInput.click();
});