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 = String(filePath);
        const lower = holdy.toLowerCase();
        const validExt = [".mp4", ".mov", ".avi", ".mkv"];
        
       if(validExt.some(ext => lower.endsWith(ext))){
            console.log(filePath);
            const files1 = e.dataTransfer.files;
            handleFiles(files1);
        }else{
            console.log('Video format invalid!');
        }
    } catch (error) {
        console.log("Error in renderer.js with the listerner for the drop function");
        console.log(error);
    }
    
    
})