/*
 * ===========================================================
 * CUSTOM.JS 
 * ===========================================================
 * This is a custom file and it's used only on this template.
 *
*/

"use strict";
(function ($) {
    let fixed_area_menu = $('.fixed-area-menu');
    let fixed_area_menu_btn = $('.fixed-area-menu-mobile-btn');
    let active_menu = false;
    if (fixed_area_menu.length) {
        if (window.outerWidth < 992) {
            $(fixed_area_menu_btn).on('click', function () {
                $(this).toggleClass('active');
            });
            $(fixed_area_menu).on('click', function () {
                fixed_area_menu_btn.removeClass('active');
            });
            window.addEventListener('scroll', () => {
                let current_menu = fixed_area_menu.find('li.active a').html();
                if (active_menu !== current_menu) {
                    fixed_area_menu_btn.find('span').html(current_menu);
                }
            });
        } else {
            fixed_area_menu.css('max-height', (window.innerHeight - 200) + 'px');
        }
    }
    var URL = window.location.href;
    var menu_button = $('body > nav .menu-right .btn');

    // Top menu purchase button
    if (menu_button.length) {
        var link = false;
        if (URL.includes('/active-ecommerce')) {
            link = 'https://1.envato.market/00gWO';
        } else if (URL.includes('/dialogflow')) {
            link = 'https://board.support/shop/dialogflow';
        } else if (URL.includes('/messenger')) {
            link = 'https://board.support/shop/messenger?utm_source=website&utm_medium=page&utm_campaign=pricing';
        } else if (URL.includes('/tickets')) {
            link = 'https://board.support/shop/tickets';
        } else if (URL.includes('/woocommerce')) {
            link = 'https://1.envato.market/naWr6';
        } else if (URL.includes('/slack')) {
            link = 'https://board.support/shop/slack';
        } else if (URL.includes('/perfex')) {
            link = 'https://1.envato.market/GjXv3m';
        } else if (URL.includes('/ultimate-membership-pro')) {
            link = 'https://1.envato.market/b42kP';
        } else if (URL.includes('/whmcs')) {
            link = 'https://board.support/shop/whmcs';
        } else if (URL.includes('/active-ecommerce')) {
            link = 'https://1.envato.market/00gWO';
        }
        if (link) {
            menu_button.attr('href', link);
        }
    }

    // iframe
    if (inIframe()) {
        $('.btn').each(function () {
            if ($(this).attr('href').includes('envato')) {
                $(this).attr('target', '_blank');
            }
        });
    }
    function inIframe() {
        try {
            return window.self !== window.top;
        } catch (e) {
            return true;
        }
    }

    // Cloud landing page link changes
    let cloud_page = localStorage.getItem('cloud');
    if (URL.includes('?cloud') || URL.includes('?sf') || URL.includes('?promo')) {
        localStorage.setItem('cloud', 'yes');
        if (URL.includes('?sf')) {
            localStorage.setItem('shopify', 'yes');
        }
        if (URL.includes('?promo')) {
            localStorage.setItem('sb-cloud-promo', 'yes');
        }
        window.history.replaceState({}, document.title, URL.replace('?cloud', '').replace('?promo', '').replace('?sf', '').replace('?promo', ''));
    }
    if (cloud_page !== null) {
        $('[href="wordpress"],[href="../wordpress"]').attr('href', 'https://board.support/hire-us').html('Hire us');
        $('[href="php"],[href="../php"]').attr('href', 'https://board.support/more-features').html('More features');
        $('[href="docs/"],[href="../docs/"]').attr('href', 'https://board.support/docs/?cloud');
        $('.cloud-remove').remove();
        $('.cloud-show').removeClass('cloud-show');
        $('#sb-dashboard-btn').removeClass('hidden');
    }
    if (localStorage.getItem('sb-cloud-promo') && !URL.includes('/pricing') && !URL.includes('/docs')) {
        $('body > nav').before('<div class="banner-top"><div class="container">Mega Promotion - 67% OFF <a href="pricing" class="btn btn-xs btn-border btn-circle">GET IT NOW</a></div></div>');
    }
}(jQuery));