(function ($) {
    let coilPaywall = $('.coil-paywall');
    let coilWebmonetization = $('.coil-webmonetization');
    let page = $('.pagetitle a').attr('href');

    showPaymentMessage(coilPaywall, coilWebmonetization);

    if (document.monetization) {
        document.monetization.addEventListener('monetizationstart', event => {
            if (!document.monetization.state === 'started') {
                showPaymentMessage(coilPaywall, coilWebmonetization);
            }
        });
        document.monetization.addEventListener('monetizationprogress', event => {
            if (event.detail && event.detail.amount && event.detail.amount > 0) {
                showMonetizedContent(coilPaywall, coilWebmonetization);
            } else {
                showPaymentMessage(coilPaywall, coilWebmonetization);
            }
        });
        document.monetization.addEventListener('monetizationstop', event => {
            showPaymentMessage(coilPaywall, coilWebmonetization);
        });
        document.monetization.addEventListener('monetizationpending', event => {
            showPaymentMessage(coilPaywall, coilWebmonetization);
        });
    }

    function showPaymentMessage(coilPaywall, coilWebmonetization)
    {
        coilPaywall.show();
        if (coilWebmonetization.length > 0) {
            coilWebmonetization.empty();
        }
    }

    function showMonetizedContent(coilPaywall, coilWebmonetization)
    {
        if (coilWebmonetization.html() === '') {
            let url = page.indexOf('?') === -1 ? page + '?getcoildata' : page + '&getcoildata';

            ajaxLoadingShow('page-data');
            $.ajax({
                type: 'GET',
                url: url,
                success: function (data) {
                    let payedData = $(data).find('.coil-webmonetization');
                    let coilWebmonetization = $('.coil-webmonetization');

                    $.each(payedData, function (k, v) {
                        $(coilWebmonetization[k]).html($(v).html());
                    });

                    coilWebmonetization.show();
                    ajaxLoadingHide();

                    coilPaywall.hide();
                }
            });
        }
    }
})(jQuery);