let timeout;

function moveElement() {
    forms.forEach((form) => {
        if (form.elementToMove && form.targetLocation && form.container) {
            if (window.innerWidth < 1000 && !form.elementToMove.parentNode.isEqualNode(form.targetLocation)) {
                form.mode === 'append' ? form.targetLocation.appendChild(form.elementToMove) : form.targetLocation.prepend(form.elementToMove);
            } else if (window.innerWidth >= 1000 && !form.elementToMove.parentNode.isEqualNode(form.container)) {
                form.container.appendChild(form.elementToMove);
            }
        }
    });
}

const forms = [{
    elementToMove: document.getElementById('header-form'),
    targetLocation: document.getElementById('primary'),
    container: document.querySelector('.major-banner .container'),
    mode: 'prepend',
}, {
    elementToMove: document.querySelector('.site-footer__form .form'),
    targetLocation: document.getElementById('primary'),
    container: document.querySelector('.site-footer__form'),
    mode: 'append',
}];

function handleResize() {
    clearTimeout(timeout);

    timeout = setTimeout(() => {
        moveElement();
    }, 30);
}

// Вызвать функцию при загрузке страницы и начать слушать события ресайза
document.addEventListener('DOMContentLoaded', moveElement);
window.addEventListener('resize', handleResize);

// Также вызвать функцию при загрузке страницы
window.addEventListener('load', moveElement);