document.querySelectorAll(".modal-container").forEach((element)=>{
    if(element.querySelector(".openBtn")==null){
        document.getElementById(element.dataset.id).addEventListener("click",(ev)=>{
            var btn=ev.target;
            var modal=document.getElementById(btn.dataset.id);
            var content=modal.querySelector(".modal");
            content.style.display="flex";
        });
    }else{
    element.querySelector(".openBtn").addEventListener("click",(ev)=>{
        var btn=ev.target
        var modal=btn;
        do{
            modal=modal.parentElement;
        }while(!modal.classList.contains("modal-container"));
        var content=modal.querySelector(".modal");
        content.style.display="flex";
    });
}
    element.querySelector(".closeBtn").addEventListener("click",(ev)=>{
        var btn=ev.target;
        var modal=btn.parentElement.parentElement.parentElement;
        var content=modal.querySelector(".modal");
        content.style.display="none";
    });
});

document.querySelector("#eventmodals").querySelectorAll(".closelink").forEach((el)=> {
    el.addEventListener("click",(ev)=>{
        let div=ev.target;
        while(!div.classList.contains("modal-content")){
            div=div.parentElement;
        }
        console.log(div.querySelector(".close"));
        div.querySelector(".close").click();
    });
});