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');





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}`;
    }
}
}

function updateProgressBar(bar, value){
  value = Math.round(value);
  bar.querySelector(".progress_fill").style.width = `${value}%`;
  bar.querySelector(".progress_text").textContent = `${value}%`;
}