Как написать правильно об. связь на чистом JS?

Возникла задача реализовать модальное окно с отправкой формы без перезагрузки через PHP. Само окно с формой мы сделали и работает она безупречно и отправляет всё как нужно на почту, но перед нами встал вопрос, что если окон больше одного или содержимое в них разное, копировать код это глупо, что если форм на проекте 10-15? Данную проблему пытались решить добавлении дополнительного аргумента типа "moda1, modal2 и т.д." менялось содержимое окна.

Первая версия сайта - все работает как нужно, но чтобы форм было несколько на сайте, нужно дублировать формы и js код. - Рабочее окно, но одно

Вторая версия сайта - вроде тоже работает, но очень криво, в плане того, что h1 и p берутся старые, хотя это очень не логично, анимации нет, и когда закрываешь форму и открываешь её заново, она открывается, как-будто её и не открывали. - Много окон, но не рабочих

Очень прошу помочь, который день не могу понять в чём ошибка моей логики, код самописный.