$(document).ready(function() {
    var navOpen = false;
    var timeToNewsletterPopup = 10000; // 10s
    var isMobile = $(window).width() <= 768;

    $("a.nav-control").click(function() {
        $("div.mobile-navigation").toggleClass("show");
        $("body").toggleClass("menu-show");
    });

    $("button.close_announcement").bind("click tap", function() {
        $("div.announcement-bar").removeClass("open");
        localStorage.setItem("accouncementBarDismissed", new Date());
    });

    $("button.close_announcement2").bind("click tap", function() {
        $("#subscriberAlertBar").removeClass("d-flex");
        localStorage.setItem("subscriberAlertBarDismissed", new Date());
    });

    $("#shippingAction").bind("click tap", function() {
        $("#shippingAlertBar").removeClass("d-flex");
        localStorage.setItem("shippingAlertBarDismissed", new Date());
    });

    $("#defenseAction").bind("click tap", function() {
        $("#defenseAlertBar").removeClass("d-flex");
        localStorage.setItem("defenseAlertBarDismissed", new Date());
    });

    $("#offshoreAction").bind("click tap", function() {
        $("#offshoreAlertBar").removeClass("d-flex");
        localStorage.setItem("offshoreAlertBarDismissed", new Date());
    });

    $("button.slideInDefaultClose").bind("click tap", function() {
        $("#slideInDefault").hide({ effect: "slide", direction: "right" });
        localStorage.setItem("slideInDefaultDismissed", new Date());
    });

    $("button.slideInYearlyClose").bind("click tap", function() {
        $("#slideInYearly").hide({ effect: "slide", direction: "right" });
        localStorage.setItem("slideInYearlyDismissed", new Date());
    });

    $("button.memberfulDefaultPopup").bind("click tap", function() {
        $("#memberfulDefaultPopup").removeClass("d-flex");
        localStorage.setItem("memberfulDefaultPopup", new Date());
    });

    // $("button.memberfulYearlyPopup").bind("click tap", function() {
    //     $("#memberfulYearlyPopup").removeClass("d-flex");
    //     localStorage.setItem("memberfulYearlyPopup", new Date());
    // });

    $("div.close-button .bs-canvas-close").click(function() {
        console.log('Hello')
        $("div.mobile-navigation").removeClass("show");
        $("body").removeClass("menu-show");
    });

    $(".subscription-close").click(function() {
        $(".subscription-popup").removeClass("open");
    });

    $(".ad-300x600").css({
        "position": "sticky",
        "top": $(".main-nav").outerHeight() + 30
    });
    
//     function resp_nav() {
//         if ($(window).width() < 768) {
//             if ($(".search-form").hasClass("hidden")) {
//                 $(".search-form").removeClass("hidden");   
//             } else {
//                 $(".search-form").addClass("hidden");   
//             }
//         }
//     }

//     $("header .search-container a.search").click(function(event){
//         event.preventDefault();
//         resp_nav();   
//     })  

    $("#primary-search-icon").click(function() {
        var width = window.innerWidth;
        if (width > 768) {
            $("#main-search").toggle('100');
            $("#main-search input.form-control").focus();
        } else {
            $("div.mobile-navigation").show();
            $("#mobile-search input.form-control").focus();
        }
    });

    //popup close event
    $("#gcaptain-subscribe-modal .close-btn").click(function(){
        $(".gcaptain-subscribe-modal").hide();
        localStorage.setItem("gcaptainSubscribeModal", new Date());
        setCookie('displayedPopupNewsletter', 'yes', 1);
    }) 

    // when touched or scrolled, fire onScroll for the newsletter popup
    $(document.body).on("touchmove", function() { onScroll(mobile = true); });
    $(window).on("scroll", function() { onScroll(mobile = false); });

    //start a timer for the newsletter popup
    setInterval(function() {
        popNewsletterIfNotSubscribedOrRecentlyDismissed(isMobile);
    }, timeToNewsletterPopup);

    $("#butDismissSignup, #butDismissSignupMobile").bind("click tap", function() {
        setSignupDismissedLocalStorage();
        $("#newsletterModal").hide({ effect: "slide", direction: "right" });
        $("#newsletterModalMobile").hide({ effect: "fade" });
    });

    $("#newsletterModal, #newsletterModalMobile").on("hide.bs.modal", function(e) {
        setSignupDismissedLocalStorage();
    });

    $(".btn-subscribe").click(function () {
        const email = $('#subscribeEmail').val();
        const preEl = $('#preEl').val();
        if(email!==''){
            setCookie('mc_promo_user',email,365);
            $(`#${preEl}`).trigger("change");
            $('.subscription-popup').removeClass('open');
            $('#preEl').val();
            $('#subscribeForm')[0].reset();
        }
    });

    $(".btn-manage").change(function(){
        if(!getCookie('mc_promo_user')){
            $('.subscription-popup').addClass('open');
            $(this).prop('checked',false);
            $('#preEl').val($(this).attr('id'));
            return false;
        }

        const action = $(this).data('action');
        const type = $(this).data('type');
        const url = $('[name="wp_action_url"]').val();
        const security = $('[name="manage_security"]').val();
        const wp_action = $('[name="manage_action"]').val();

        const el = $(this);

        const postData = {
            'action':wp_action,
            'type':type,
            'event':action,
            'security':security,
        };
        $.ajax({
            type: "POST",
            url: url,
            data: postData,
            dataType: "json"
        }).done(function(res) {
            var p = $(el).parent().parent().parent().find("p.validation");
            console.log(p);
            p.show();
            if (res.result == "success") {
                const btnText = action=='subscribe'?'UnSubscribe':'Subscribe';

                // if(action=='subscribe'){
                //     el.addClass('subscribed');
                //     el.attr('data-action','unsubscribe');
                //     el.prop('checked',true);
                // }else{
                //     el.removeClass('subscribed');
                //     el.attr('data-action','subscribe');
                //     el.prop('checked',false);
                // }

                const message = action=='subscribe'?"Thanks for subscribing!":"You have sucessfully unsubscribed to this newsletter!";
                $(p).text(message);
                if(res.data.length>0){
                    $('.custom-control-input').each(function(){
                        const tags = res.data;
                        const currentType = $(this).data('type');
                        console.log(currentType);
                        if(tags.includes(currentType)){
                            $(`input#${currentType}Switch`).data('action','unsubscribe');
                            $(this).prop('checked',true);
                        }else{
                            $(`input#${currentType}Switch`).data('action','subscribe');
                            $(this).prop('checked',false);
                        }
                    });
                }
                // setTimeout(function(){
                //     location.reload();
                // },3000); 
            } else {
                $(p).html(res.msg);
            }

            p.delay(3000).slideUp(300);

        }).fail(function(err) {
            // check if we've done this before already
            $(el).parent().find("p.validation").show().text("Something went wrong. Please try again later.").delay(2500).slideUp(300);
        });
    });

    //handle membershipaccount-password submission
    $("[id^='membershipaccount-password'],[id^='membershipaccount-profile']").submit(function(e) {
        e.preventDefault();

        const form = this;

        $.ajax({
            type: "POST",
            url: $(this).attr("action"),
            data: $(this).serialize(),
            dataType: "json"
        }).done(function(data) {
            console.log(data)
            var p = $(form).find("p.validation");
            p.show();

            if (data.result != "error") {
                $(p).text(data.msg);
                $(form).find('[name="old_password"]').val('');
                $(form).find('[name="new_password"]').val('');
                $(form).find('[name="confirm_password"]').val('');
            } else {
                $(p).html(data.msg);
            }

            p.delay(3000).slideUp(300);

        }).fail(function(err) {
            // check if we've done this before already
            $(form).find("p.validation").show().text("Something went wrong. Please try again later.").delay(2500).slideUp(300);
        });
    });

    //handle category-alert-from submission
    $("[id^='category-alert-form']").submit(function(e) {
        e.preventDefault();

        var form = this;
        var email = form["EMAIL"].value;
        var type = form["alert_type"].value;
        var validationSpan = $(this).find("p.validation");

        // check if the email is at least somewhat valid
        if (!(/(.+)@(.+){2,}\.(.+){2,}/.test(email))) {
            validationSpan.show().text("Please use a valid email.").delay(2500).slideUp(300);
            return;
        }
        $.ajax({
            type: "POST",
            url: $(this).attr("action"),
            data: $(this).serialize(),
            dataType: "json"
        }).done(function(data) {
            console.log(data)
            var p = $(form).find("p.validation");
            p.show();

            if (data.result != "error") {
                $(p).text("Thanks for subscribing!");
                setTimeout(function(){
                    $(`#${type}Action`).trigger("click");
                }, 3000);
            } else {
                $(p).html(data.msg);
            }

            p.delay(3000).slideUp(300);

        }).fail(function(err) {
            // check if we've done this before already
            $(form).find("p.validation").show().text("Something went wrong. Please try again later.").delay(2500).slideUp(300);
        });
    });

    // listen for newsletter subscriptions
    $("#mc-embedded-subscribe-form, #mc-embedded-subscribe-form-rail, #mc-embedded-subscribe-form-footer, #mc-embedded-subscribe-form-content, #mc-embedded-subscribe-form-row").submit(function(e) {
        e.preventDefault();

        var form = this;
        var email = form["EMAIL"].value;
        var validationSpan = $(this).find("p.validation");

        // check if the email is at least somewhat valid
        if (!(/(.+)@(.+){2,}\.(.+){2,}/.test(email))) {
            validationSpan.show().text("Please use a valid email.").delay(2500).slideUp(300);
            return;
        }


        const url = $('[name="wp_action_url_global"]').val();
        const security = $('[name="manage_security_global"]').val();

        const postData = {
            'action':'add_category_subscription',
            'type':'daily',
            'event':'subscribe',
            'security':security,
            'EMAIL':email,
        };

        $.ajax({
            type: "POST",
            url: url,
            data: postData,
            dataType: "json"
        }).done(function(res) {
            var p = $(form).find("p.validation");
            p.show();

            if (res.result == "success") {
                $(p).text("Thanks for subscribing!");
                setSubscriberLocalStorage();
                form["EMAIL"].value='';
                // auto dismiss dialog
                if ($(form).parents("#newsletterModal").length == 1) {
                    setTimeout(function() { $("#newsletterModal").delay(2000).hide({ effect: "slide", direction: "right" }); });
                }
                // auto dismiss dialog
                if ($(form).parents("#gcaptain-subscribe-modal").length == 1) {
                    setTimeout(function() { $("#gcaptain-subscribe-modal").delay(2000).hide() });
                    setCookie('displayedPopupNewsletter', 'yes', 1);
                    localStorage.setItem("gcaptainSubscribeModal", new Date());
                }
            } else {
                $(p).html(res.msg);
            }

            p.delay(3000).slideUp(300);

        }).fail(function(err) {
            // check if we've done this before already
            $(form).find("p.validation").show().text("Something went wrong. Please try again later.").delay(2500).slideUp(300);
        });
    });

    // set localstorage for unique page visited count

    var visitedDate = localStorage.getItem('visitedPageDate');
    var currentDate = new Date();

    const pageVisionDefaultHrs = Math.abs(currentDate - Date.parse(visitedDate)) / 36e5;

    if (!visitedDate || pageVisionDefaultHrs >= 24) {
        // Reset or initialize your particular item here
        localStorage.setItem("visitedPages", '');
        localStorage.setItem('visitedPageDate', currentDate);
    }

    const pageVisitCount = localStorage.getItem("visitedPages");
    if (pageVisitCount) {
        var visitedPages = JSON.parse(pageVisitCount);
    } else {
        var visitedPages = [];
    }
    var currentPageUrl = window.location.href;
    if(visitedPages.indexOf(currentPageUrl) === -1) {
        visitedPages.push(currentPageUrl);
        localStorage.setItem("visitedPages", JSON.stringify(visitedPages));
    }
});

function setSubscriberLocalStorage() {
    localStorage.setItem("newsletterSubscriber", true);
}

function setSignupDismissedLocalStorage() {
    localStorage.setItem("newsletterSignupDismissed", new Date());
}

function onScroll(mobile = false) {
    var scrolled = mobile ? $("body").scrollTop() : $(this).scrollTop();
    var scrollDistanceToPop = 800;

    if (scrolled > scrollDistanceToPop) {
        popNewsletterIfNotSubscribedOrRecentlyDismissed(mobile);
    }
}

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

function getCookie(name) {
    var dc = document.cookie;
    var prefix = name + "=";
    var begin = dc.indexOf("; " + prefix);
    if (begin == -1) {
        begin = dc.indexOf(prefix);
        if (begin != 0) return null;
    }
    else
    {
        begin += 2;
        var end = document.cookie.indexOf(";", begin);
        if (end == -1) {
        end = dc.length;
        }
    }
    // because unescape has been deprecated, replaced with decodeURI
    //return unescape(dc.substring(begin + prefix.length, end));
    return decodeURI(dc.substring(begin + prefix.length, end));
} 

function popNewsletterIfNotSubscribedOrRecentlyDismissed(mobile) {
    var newsletterSignupDismissed = Date.parse(localStorage.getItem("newsletterSignupDismissed"));
    var newsletterSubscriber = localStorage.getItem("newsletterSubscriber") === "true" ? true : false;
    var accouncementBarDismissed = localStorage.getItem("accouncementBarDismissed")? true : false;
    var slideInYearlyDismissed = localStorage.getItem("slideInYearlyDismissed")? localStorage.getItem("slideInYearlyDismissed") : false;
    var slideInDefaultDismissed = localStorage.getItem("slideInDefaultDismissed")? localStorage.getItem("slideInDefaultDismissed") : false;
    var memberfulDefaultPopup = localStorage.getItem("memberfulDefaultPopup")? localStorage.getItem("memberfulDefaultPopup") : false;
    var memberfulYearlyPopup = localStorage.getItem("memberfulYearlyPopup")? localStorage.getItem("memberfulYearlyPopup") : false;
    var gcaptainSubscribeModal = localStorage.getItem("gcaptainSubscribeModal")? localStorage.getItem("gcaptainSubscribeModal") : false;
    var subscriberAlertBarDismissed = localStorage.getItem("subscriberAlertBarDismissed")? true : false;
    var shippingAlertBarDismissed = localStorage.getItem("shippingAlertBarDismissed")? true : false;
    var defenseAlertBarDismissed = localStorage.getItem("defenseAlertBarDismissed")? true : false;
    var offshoreAlertBarDismissed = localStorage.getItem("offshoreAlertBarDismissed")? true : false;
    var pageVisited = localStorage.getItem("visitedPages");
    var pageVisitCount = 0;

    if(pageVisited) {
        pageVisitCount = JSON.parse(pageVisited).length;
    }

    const currentDate = new Date();
    
    // are we NOT a subscriber?
    // have we dismissed the newsletter ?
    // if (!newsletterSubscriber &&
    //     (isNaN(newsletterSignupDismissed) || newsletterSignupDismissed < weekAgo)) {
    //     if (mobile) {
    //         $("#newsletterModalMobile").show({ effect: "fade" });
    //     } else {
    //         $("#newsletterModal").show({ effect: "slide", direction: "right" });
    //     }
    // }

    
    if (!jQuery("body").hasClass("home")) {
        var wantToShowSlideIn = true;
        const gcaptainSubscribeHrs = Math.abs(currentDate - Date.parse(gcaptainSubscribeModal)) / 36e5;
        if(!gcaptainSubscribeModal || gcaptainSubscribeHrs>=24){
            $("#gcaptain-subscribe-modal").show();
            wantToShowSlideIn = false;
        }

        // const memberfulDefaultHrs = Math.abs(currentDate - Date.parse(memberfulDefaultPopup)) / 36e5;
        // if((!memberfulDefaultPopup || memberfulDefaultHrs>=24) && pageVisitCount && pageVisitCount === 2){
        //     $("#memberfulDefaultPopup").addClass("d-flex");
        //     wantToShowSlideIn = false;
        // }
        
        // const memberfulYearlyHrs = Math.abs(currentDate - Date.parse(memberfulYearlyPopup)) / 36e5;
        // if((!memberfulYearlyPopup || memberfulYearlyHrs>=24) && pageVisitCount && pageVisitCount == 2){
        //     $("#memberfulYearlyPopup").addClass("d-flex");
        //     wantToShowSlideIn = false;
        // }

        if(!accouncementBarDismissed && (pageVisitCount && pageVisitCount > 4)){
            $("div.announcement-bar").addClass("open");
            wantToShowSlideIn = false;
        }

        if(!subscriberAlertBarDismissed && (pageVisitCount && pageVisitCount > 4)){
            $("#subscriberAlertBar").addClass("d-flex");
            wantToShowSlideIn = false;
        }

        // Added new condition page visited count
        if(!shippingAlertBarDismissed && (pageVisitCount && pageVisitCount > 4)) {
            $("#shippingAlertBar").addClass("d-flex");
            wantToShowSlideIn = false;
        }

        if(!defenseAlertBarDismissed && (pageVisitCount && pageVisitCount > 4)) {
            $("#defenseAlertBar").addClass("d-flex");
            wantToShowSlideIn = false;
        }

        if(!offshoreAlertBarDismissed && (pageVisitCount && pageVisitCount > 4)){
            $("#offshoreAlertBar").addClass("d-flex");
            wantToShowSlideIn = false;
        }

        var scrolled = mobile ? $("body").scrollTop() : $(this).scrollTop();

        var scrollDistanceToPop = 400;
        // if(scrolled>scrollDistanceToPop && wantToShowSlideIn){
        if(scrolled>scrollDistanceToPop && (pageVisitCount && pageVisitCount === 2)){
            const slideInDefaultHrs = Math.abs(currentDate - Date.parse(slideInDefaultDismissed)) / 36e5;
            const slideInYearlyHrs = Math.abs(currentDate - Date.parse(slideInYearlyDismissed)) / 36e5;
            if (mobile) {
                if(!slideInDefaultDismissed || slideInDefaultHrs>=24) $("#slideInDefault").show({ effect: "fade" });
                if(!slideInYearlyDismissed || slideInYearlyHrs>=24) $("#slideInYearly").show({ effect: "fade" });
            } else {
                if(!slideInDefaultDismissed || slideInDefaultHrs>=24) $("#slideInDefault").show({ effect: "slide", direction: "right" });
                if(!slideInYearlyDismissed || slideInYearlyHrs>=24) $("#slideInYearly").show({ effect: "slide", direction: "right" });
            }
        }
    }else{

        const gcaptainSubscribeHrs = Math.abs(currentDate - Date.parse(gcaptainSubscribeModal)) / 36e5;
        if(!gcaptainSubscribeModal || gcaptainSubscribeHrs>=24){
            $("#gcaptain-subscribe-modal").show();
            wantToShowSlideIn = false;
        }
    }
}