const uploadContainer = document.getElementById('uploadContainer');
const fileInput = document.getElementById('videoUpload');
const fileName = document.getElementById('fileName');
const manualBtn = document.getElementById('manualUploadBtn');
const videoPreview = document.getElementById('videoPreview');


// Drag & Drop Events
uploadContainer.addEventListener('dragover', (e) => {
  e.preventDefault();
  uploadContainer.classList.add('dragover');
});


uploadContainer.addEventListener('dragleave', () => {
  uploadContainer.classList.remove('dragover');
});


uploadContainer.addEventListener('drop', (e) => {
  e.preventDefault();
  uploadContainer.classList.remove('dragover');


  const files = e.dataTransfer.files;
  handleFiles(files);
});


manualBtn.addEventListener('click', () => {
  fileInput.click();
});


fileInput.addEventListener('change', () => {
  handleFiles(fileInput.files);
});




function handleFiles(files) {
  if (files.length > 0) {
    const file = files[0];
    if (file.type.startsWith('video/')) {
      fileInput.files = files;
      fileName.textContent = `Chosen video: ${file.name}`;
    }
}
}