if (document.body.id == "product-mb") {

    var btnBuy = document.querySelector('.product-new .buy-in-page-button'),
        modal = document.querySelector('.product-new .modal__main'),
        modalClose = document.querySelector('.product-new .modal__close'),
        overlayModal = document.querySelector('.product-new .modal__overlay'),
        imgModal = document.querySelector('.product-new .thumbs img'),
        imgInnerModal = document.querySelector('.product-new .modal__info--imagem'),
        continueBtn = document.querySelector('.product-new .modal__button--comprando')

    imgInnerModal.insertAdjacentElement("afterbegin", imgModal)

    btnBuy.addEventListener('click', () => {
        modal.style.display = 'block'
        modal.style.opacity = '1' 
    })
    modalClose.addEventListener('click', () => {
        modal.style.display = 'none'
        modal.style.opacity = '0' 
    })
    overlayModal.addEventListener('click', () => {
        modal.style.display = 'none'
        modal.style.opacity = '0' 
    })
    continueBtn.addEventListener('click', () => {
        modal.style.display = 'none'
        modal.style.opacity = '0' 
    })
}

window.onload = () => {
    if (window.location.pathname.includes('login')) {
        console.log('%c Login - fixes.js ', 'background: black; color: yellow');
        const fecharModal = document.querySelector('.vtexIdUI-page.vtexIdUI-page-active .close.vtexIdUI-close'),
            modalOverlay = document.getElementById('vtexIdUI-global-loader'),
            modalContainer = document.getElementById('vtexIdContainer')

        fecharModal.onclick = () => {
            modalOverlay.style.display = "none"
            modalContainer.style.display = "none"
        }
    } else {
        console.log('%c sem modal de login aberto', 'background: black; color: yellow');
    }

    if (document.body.classList.contains('produto') && document.body.id != 'produto') {

        console.log('%c Produto - fixes.js ', 'background: black; color: yellow');

        var sliderContainer = document.querySelector('.slider-widget'),
            sliderThumbs = document.querySelector('.slider-widget-thumbnails'),
            dotPrev = `<span class="dot-prev" onclick="plusSlides(-1)"></span>`,
            dotNext = `<span class="dot-next" onclick="plusSlides(1)"></span>`,
            containerDots = `<div class="container-dots">${dotPrev} ${dotNext}</div>`

        if (sliderThumbs.childElementCount > 1) {
            sliderContainer.insertAdjacentHTML('beforeend', containerDots)
            var slidesThumbInner = sliderThumbs.querySelectorAll('.slider__slide');

            slidesThumbInner.forEach((el, index) => {
                el.setAttribute('onclick', `currentSlide(${index+1})`)
            });
        }
    } else {
        console.log('%c Não está na página de produto - fixes.js ', 'background: black; color: yellow');
    }
}
var slideIndex = 1;

function showSlides(n) {
    var slides = document.querySelectorAll('.slider__slide');

    for (var i = 0; i < slides.length; i++) {
        slides[i].className = slides[i].className.replace(" active", "");
    }
    // reseta
    if (n > slides.length) {
        slideIndex = 1
    }
    if (n < 1) {
        slideIndex = slides.length
    }
    slides[slideIndex - 1].className += " active";
    slides[slideIndex - 1].firstElementChild.click()
}

showSlides(slideIndex);

// Next/previous controls
function plusSlides(n) {
    showSlides(slideIndex += n);
}

// Thumbnail image controls
function currentSlide(n) {
    showSlides(slideIndex = n);
}