what i want to do is when i select multiple videos, for each of them I want dynamic progressbar | input field(so user can change the video name) | default video image | and save button (it will be clickable if the user add value name or default image, otherwise will be disabled).

please open this image to see what I mean:
explaination

So, in controller To get the videos,

function(Request $request){
   $request->all();
   return true;
}

what I’ve tried:

document.querySelector("input[type=file]").onchange = function(event) {
        var numberOfVideos = event.target.files.length;
        for (var i = 0; i < numberOfVideos; i++) {
         
            document.querySelector("#content").insertAdjacentHTML("afterbegin", `
                <form action="#">
                    <input type="text" />
                    <input type="text" />
                    <input type="submit"/>
                </form>
            `);
        }