const ModalHandler = {

    openModalButton: null,
    closeButtons: null,
    modal: null,

    init: function () {

        ModalHandler.modal = document.querySelector('.js-modal');
        ModalHandler.openModalButton = document.querySelector('.js-open-modal');
        ModalHandler.closeButtons = document.querySelectorAll('.js-close-modal');


        // If modal isn't set, we stop the init
        if (!isset(ModalHandler.modal) || !isset(ModalHandler.openModalButton) || !isset(ModalHandler.closeButtons)) return;

        ModalHandler.openModalButton.addEventListener('click', function () {
            ModalHandler.modal.hidden = false;
            ModalHandler.modal.classList.add('is-visible');
        });


        ModalHandler.closeButtons.forEach(closeButton => {
            closeButton.addEventListener('click', function () {
                ModalHandler.modal.hidden = true;
                ModalHandler.modal.classList.remove('is-visible');
            });
        });

    },

};

ModalHandler.init();