jQuery(document).ready(function ($) {
    $(document).on('click', '.newsletter button', function (e) {
        e.preventDefault();

        const newsletterForm = $(this).closest('.newsletter');
        const email = newsletterForm.find('input[type="email"]').val();

        if (email === '') {
            alert(wg.enter_email_address);
            return;
        }

        if (!email.match(/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/)) {
            alert(wg.enter_valid_email);
            return;
        }

        $(this).prop('disabled', true).addClass('cursor-not-allowed bg-gray-300').off('mouseenter mouseleave');

        setTimeout(() => {
            newsletterForm.find('form').replaceWith('<div class="text-gray-500">' + wg.thanks_for_subscribe + '</div>');
        }, 500);
    });

    $(document).on('click', '.contact-form button', function (e) {
        e.preventDefault();

        const contactForm = $(this).closest('.contact-form');
        const email = contactForm.find('input[type="email"]').val();
        const message = contactForm.find('textarea').val();

        if (email === '') {
            alert(wg.enter_email_address);
            return;
        }

        if (!email.match(/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/)) {
            alert(wg.enter_valid_email);
            return;
        }

        if (message === '') {
            alert(wg.enter_message);
            return;
        }

        $(this).prop('disabled', true).addClass('cursor-not-allowed bg-gray-300').off('mouseenter mouseleave');

        setTimeout(() => {
            contactForm.find('form').replaceWith('<div class="text-gray-500">' + wg.thanks_for_message + '</div>');
        }, 500);
    });

    $(document).on('click', '.cookies button', function (e) {
        e.preventDefault();

        $(this).closest('.cookies').remove();

        const date = new Date();
        date.setTime(date.getTime() + (30 * 24 * 60 * 60 * 1000));
        const expires = "expires=" + date.toUTCString();
        document.cookie = "cookies_accepted=true;" + expires + ";path=/";
    });

    if (document.cookie.split(';').filter((item) => item.trim().startsWith('cookies_accepted=')).length) {
        $('.cookies').remove();
    }

    $(document).on('click', '.mobile-menu-button', function () {
        $('.mobile-menu').toggleClass('hidden');
    });

    $(document).on('click', '.js-add-to-cart', function (e) {
        e.preventDefault();
        const productId = $(this).data('product-id');
        const cart = $('.js-cart-count');

        const point = $(this).offset();

        const productImageUrl = $('.js-product-image[data-product-id="' + productId + '"]').attr('src');

        const $point = $('<img src="' + productImageUrl + '" class="point" style="position: absolute; z-index: 9999; width: 30px; height: 30px;">');
        $point.css({
            left: point.left,
            top: point.top,
        });

        $('body').append($point);

        $point.animate({
            left: cart.offset().left,
            top: cart.offset().top,
        }, 500, function () {
            $point.remove();
        });

        $.ajax({
            url: '/wp-admin/admin-ajax.php',
            type: 'POST',
            data: {
                action: 'wg_add_to_cart',
                productId
            },
            success: function (response) {
                $('.js-cart-count').text(response.data.cart_count);
                $('.js-mini-cart').replaceWith(response.data.mini_cart);
            }
        });
    });

    $(document).on('click', '.js-remove-from-cart', function (e) {
        e.preventDefault();
        const button = $(this);
        const productKey = $(this).data('product-key');

        $.ajax({
            url: '/wp-admin/admin-ajax.php',
            type: 'POST',
            data: {
                action: 'wg_remove_from_cart',
                productKey
            },
            success: function (response) {
                $('.js-cart-count').text(response.data.cart_count);
                button.closest('.js-cart-item').remove();

                if (response.data.cart_count === 0) {
                    window.location.reload();
                }
            }
        });
    });

    $(document).on('submit', '#checkout-form', function (e) {
        e.preventDefault();

        const data = {
            action: 'checkout',
        }

        $('#checkout-form').serializeArray().forEach(item => {
            data[item.name] = item.value;
        });

        $.ajax({
            url: '/wp-admin/admin-ajax.php',
            type: 'POST',
            data,
            success: function (response) {
                if (response.success) {
                    window.location.href = response.data.redirect;
                }
            }
        });

        return false;
    });

    $(document).on('click', '.js-notify-me', function () {
        const email = $('#email-address').val();

        if (!email) {
            alert(wg.enter_email_address);
            return;
        }

        $('.js-notify-form').hide();
        $('.js-notify-form-message').show();
    });

    function setCookie(name, value, days) {
        const date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        const expires = "expires=" + date.toUTCString();
        document.cookie = name + "=" + value + ";" + expires + ";path=/";
    }

    const html = $('html');

    $('#toggle_dark_mode').click(function () {
        if (html.hasClass('dark')) {
            html.removeClass('dark');
            setCookie('darkMode', 'disabled', -1);
        } else {
            html.addClass('dark');
            setCookie('darkMode', 'enabled', 365);
        }
    });
});

const hideAds = document.querySelectorAll('.adsbygoogle-hide');

hideAds.forEach((hideAd) => {
    hideAd.addEventListener('click', () => {
        hideAd.closest('.adsbygoogle').classList.add('hidden');
        hideAd.closest('.container').querySelector('.adsbygoogle-hidden').classList.remove('hidden');
    });
});

const closeAds = document.querySelectorAll('.adsbygoogle-close');

closeAds.forEach((closeAd) => {
    closeAd.addEventListener('click', () => {
        closeAd.closest('.adsbygoogle-hidden').classList.add('hidden');
    });
});

document.getElementById('closePopup').addEventListener('click', function() {
    document.getElementById('popup').classList.add('hidden');
});

document.getElementById('subscribe').addEventListener('click', function() {
    document.getElementById('popup').classList.remove('hidden');
});

document.querySelectorAll('.subscribe').forEach(function(button) {
    button.addEventListener('click', function() {
        document.getElementById('popup').classList.remove('hidden');
    });
});