import {createEvent} from "../events";

export const Modal = (name, autoOpen) => {
    const modalEl = document.querySelector(`[data-widget="${name}"]`);
    const btnEl = document.querySelectorAll(`[data-role="${name}"]`);
    const btnCloseEl = document.querySelector(`[data-role="${name}-close"]`);

    if (btnEl.length === 0 && !modalEl) return false;

    const open = () => {
        if (['contacts', 'saas', 'saas2'].includes(name)) {
            createEvent({event:'saas_form_opening'});
        }
        return modalEl.classList.add('active');
    }

    const close = () => {
        return modalEl.classList.remove('active');
    }

    btnEl.forEach((item) => {
        item.addEventListener('click', () => {
            open();
        }, false);
    })

    if (autoOpen) {
        open();
    }

    if (btnCloseEl) {
        btnCloseEl.addEventListener('click', close, false);
    }
}