uploadContainer.addEventListener("dragover", (e) =>{
    try {
        e.stopPropagation();
        e.preventDefault();
    } catch (error) {
        console.log("Error in renderer.js dragover listener function")
    }
    
});

//listener for when a file get dropped on the drag&drop field
uploadContainer.addEventListener("drop", (e) => {
    try {
        e.stopPropagation()
        e.preventDefault()
        const files = e.dataTransfer.files
        const filePath = window.explorer.onFileDrop(files[0])
        var holdy = filePath + "";
        if(holdy.endsWith(".mp4") || holdy.endsWith(".mov") || holdy.endsWith(".avi") || holdy.endsWith( ".mkv")){
            console.log(filePath)

            const files1 = e.dataTransfer.files;
            handleFiles(files1);
            generateThumbnail(filePath);
        }
    
    } catch (error) {
        console.log("Error in renderer.js with the listerner for the drop function");
    } 
})


 window.addEventListener('load', (e) => { 
    try {
        console.log("test");
        loadLanguageOptions(); 
    } catch (error) {
        
    }
    
});

language_option.addEventListener('change', (e)=>{
    try {
        const select = document.getElementById('language_option');
        changeLanguage(select.value);
    } catch (error) {
        
    }
    
});

videoUpload.addEventListener("change", () => {
  try {
    activateSubmitBtn(videoUpload.files.length > 0);
  } catch (error) {
    console.log(error);
  }
  
});

//listener for the file explorer search when something got selected
videoUpload.addEventListener('change', () => {
  try {
    handleFiles(videoUpload.files);
  } catch (error) {
    console.log("Error in manualBtn EventListener change");
    console.log(error);
  }
  
});

//listener for the file explorer search
manualUploadBtn.addEventListener('click', () => {
  try {
    videoUpload.click();
  } catch (error) {
    console.log("Error in manualBtn EventListener click");
    console.log(error);
  }
  
});