/*--Start--Manage All Feacture Hide Show*/
function __tagembed__manageAllFeactureHideShow() {
    let __tagembed__all_feacture_section = document.querySelector("#__tagembed__all_feacture_section");
    let __tagembed__all_feacture_button = document.querySelector("#__tagembed__all_feacture_button");
    if (__tagembed__all_feacture_section.style.display === "none") {
        __tagembed__all_feacture_section.style.display = "block";
        __tagembed__all_feacture_button.innerHTML = "Hide All Features";
    } else {
        __tagembed__all_feacture_section.style.display = "none";
        __tagembed__all_feacture_button.innerHTML = "Show All Features";
    }
}
/*--End--Manage All Feacture Hide Show*/
/*--Start--Manage All Feacture Hide Show*/
function __tagembed__manageSelectPlanPrice(timePeriod) {
    let __tagembbed__monthely_price_button = document.querySelector("#__tagembbed__monthely_price_button");
    let __tagembbed__yearly_price_button = document.querySelector("#__tagembbed__yearly_price_button");
    if (timePeriod == "monthely") {
        document.querySelectorAll('.__tagembed__yearly_plan').forEach(function (el) {
            el.style.display = 'none';
        });
        document.querySelectorAll('.__tagembed__monthely_plan').forEach(function (el) {
            el.style.display = 'block';
        });
        document.querySelectorAll('.__tagembed__selectbtn_yearly').forEach(function (el) {
            el.style.display = 'none';
        });
        document.querySelectorAll('.__tagembed__selectbtn_monthely').forEach(function (el) {
            el.style.display = 'block';
        });
        __tagembbed__monthely_price_button.classList.add("__tagembed__active");
        __tagembbed__yearly_price_button.classList.remove("__tagembed__active");
    } else if (timePeriod == "yearly") {
        document.querySelectorAll('.__tagembed__yearly_plan').forEach(function (el) {
            el.style.display = 'block';
        });
        document.querySelectorAll('.__tagembed__monthely_plan').forEach(function (el) {
            el.style.display = 'none';
        });
        document.querySelectorAll('.__tagembed__selectbtn_yearly').forEach(function (el) {
            el.style.display = 'block';
        });
        document.querySelectorAll('.__tagembed__selectbtn_monthely').forEach(function (el) {
            el.style.display = 'none';
        });
        __tagembbed__yearly_price_button.classList.add("__tagembed__active");
        __tagembbed__monthely_price_button.classList.remove("__tagembed__active");
    }
}
/*--End--Manage All Feacture Hide Show*/
/*--Start-- Get User Accounts Details*/
window.addEventListener ? window.addEventListener("load", __tagembed__get_account_details, false) : window.attachEvent && window.attachEvent("onload", __tagembed__get_account_details);
function __tagembed__get_account_details() {
    /*if (__tagembed__manageApiCall())
     return;*/
    let __tagembed__plan = document.querySelector("#__tagembed__plan");
    let __tagembed__toast = new TagembedToast;
    let formData = new FormData();
    formData.append('action', 'data');
    formData.append('__tagembed__ajax_action', '__tagembed__get_account_details');
    __tagembed__open_loader();
    fetch(__tagembed__ajax_url, {
        method: 'POST',
        headers: {
            'x-requested-with': 'XMLHttpRequest',
        },
        body: formData,
    }).then(response => {
        return response.json()
    }).then(response => {
        __tagembed__close_loader();
        if (response.status == true) {
            let elemHTML = "";
            for (let index in response.data) {
                for (let indexx in response.data[index].Product) {
                    if (indexx == "Plan") {
                        for (let indexxx in response.data[index].Product[indexx]) {
                            elemHTML = `${elemHTML}<div class="__tagembed__planbox ${(response.data[index].Product[indexx][indexxx].Plan.id == response.data[index].Product.Subscription.planId) ? '__tagembed__activeplan' : ''}">`;
                            if (response.data[index].Product[indexx][indexxx].Plan.id == response.data[index].Product.Subscription.planId)
                                elemHTML = `${elemHTML}<span class="__tagembed__currentplan">Current Plan</span>`;
                            elemHTML = `${elemHTML}<strong>${response.data[index].Product[indexx][indexxx].Plan.name}</strong>`;
                            /*Manage Plan Price*/
                            let monthelyPrice = "";
                            let yearlyPrice = "";
                            switch (response.data[index].Product[indexx][indexxx].Plan.id) {
                                case "1":
                                    yearlyPrice = "0";
                                    monthelyPrice = "0";
                                    break;
                                case "28":
                                    yearlyPrice = "1";
                                    monthelyPrice = "1";
                                    break;
                                case "42":
                                    yearlyPrice = "9";
                                    monthelyPrice = "11";
                                    break;
                                case "29":
                                    yearlyPrice = "19";
                                    monthelyPrice = "24";
                                    break;
                                case "13":
                                    yearlyPrice = "39";
                                    monthelyPrice = "49";
                                    break;
                            }
                            if (response.data[index].Product[indexx][indexxx].Plan.id == 28) {
                                elemHTML = `${elemHTML}<h2>Free</h2>`;
                            } else {
                                elemHTML = `${elemHTML}<h2 class="__tagembed__monthely_plan" style="display:none;">$${monthelyPrice}/Mo</h2>`;
                                elemHTML = `${elemHTML}<h2 class="__tagembed__yearly_plan">$${yearlyPrice}/Mo</h2>`;
                            }
                            elemHTML = `${elemHTML}<p>${response.data[index].Product[indexx][indexxx].Plan.description}</p>`;
                            elemHTML = `${elemHTML}<ul>`;
                            elemHTML = `${elemHTML}<li><img src="${TAGEMBED_PLUGIN_URL_JS}assets/images/plan-ok.svg" alt="access" />${response.data[index].Product[indexx][indexxx].PlanRule.feeds} ${response.data[index].Product[indexx][indexxx].Plan.id == 28 ? `Feed` : `Feeds`}</li>`;
                            let totalViews = "";
                            switch (response.data[index].Product[indexx][indexxx].Plan.id) {
                                case "1":
                                case "13":
                                    totalViews = "Unlimited";
                                    break;
                                case "28":
                                    totalViews = "2,000";
                                    break;
                                case "42":
                                    totalViews = "10,000";
                                    break;
                                case "29":
                                    totalViews = "100,000";
                                    break;
                            }
                            elemHTML = `${elemHTML}<li><img src="${TAGEMBED_PLUGIN_URL_JS}assets/images/plan-ok.svg" alt="access" />${totalViews} Views/Month</li>`;

                            let linkedinViews = "";
                            switch (response.data[index].Product[indexx][indexxx].Plan.id) {
                                case "13":
                                    linkedinViews = "LinkedIn Auto Update (Max 2 Feeds)";
                                    break;
                                case "28":
                                    linkedinViews = "LinkedIn Feed";
                                    break;
                                case "1":
                                case "42":
                                case "29":
                                    linkedinViews = "LinkedIn Manual";
                                    break;
                            }
                            if (response.data[index].Product[indexx][indexxx].Plan.id != 28) {
                                elemHTML = `${elemHTML}<li><img src="${TAGEMBED_PLUGIN_URL_JS}assets/images/plan-ok.svg" alt="access" />${linkedinViews}</li>`;
                            } else {
                                elemHTML = `${elemHTML}<li><img src="${TAGEMBED_PLUGIN_URL_JS}assets/images/plan-cross.svg" alt="no-access" />${linkedinViews}</li>`;
                            }
                            elemHTML = `${elemHTML}<li><img src="${TAGEMBED_PLUGIN_URL_JS}assets/images/plan-ok.svg" alt="access" />${response.data[index].Product[indexx][indexxx].PlanRule.updatesIntervalCron} ${(response.data[index].Product[indexx][indexxx].PlanRule.unit == 3600) ? "Hours" : "Mins"}  Update Time</li>`;
                            if (response.data[index].Product[indexx][indexxx].PlanRule.customCss == 0) {
                                elemHTML = `${elemHTML}<li><img src="${TAGEMBED_PLUGIN_URL_JS}assets/images/plan-cross.svg" alt="no-access" />No Custom CSS</li>`;
                            } else {
                                elemHTML = `${elemHTML}<li><img src="${TAGEMBED_PLUGIN_URL_JS}assets/images/plan-ok.svg" alt="access" />Custom CSS</li>`;
                            }
                            if (response.data[index].Product[indexx][indexxx].PlanRule.branding == 0) {
                                elemHTML = `${elemHTML}<li><img src="${TAGEMBED_PLUGIN_URL_JS}assets/images/plan-cross.svg" alt="no-access" />No Tagembed Branding</li>`;
                            } else {
                                elemHTML = `${elemHTML}<li><img src="${TAGEMBED_PLUGIN_URL_JS}assets/images/plan-ok.svg" alt="access" />Tagembed Branding</li>`;
                            }
                            elemHTML = `${elemHTML}</ul>`;

                            if (response.data[index].Product[indexx][indexxx].Plan.id != 1) {
                                if (response.data[index].Product[indexx][indexxx].Plan.id == response.data[index].Product.Subscription.planId) {
                                    if (response.data[index].Product[indexx][indexxx].Plan.id != 28) {
                                        elemHTML = `${elemHTML}<a href="javascript:void(0);" onclick="__tagembed__cancel_subscription('${response.data[index].Product[indexx][indexxx].Plan.id}');" class="__tagembed__selectbtn">Cancel Subscription</a>`;
                                    }
                                } else {
                                    elemHTML = `${elemHTML}<a href="javascript:void(0);" onclick="__tagembed__make_payment('${response.data[index].Product[indexx][indexxx].Plan.id}','${monthelyPrice}');" class="__tagembed__selectbtn  __tagembed__selectbtn_monthely" style="display:none;">Select</a>`;
                                    elemHTML = `${elemHTML}<a href="javascript:void(0);" onclick="__tagembed__make_payment('${response.data[index].Product[indexx][indexxx].Plan.id}','${yearlyPrice}');" class="__tagembed__selectbtn  __tagembed__selectbtn_yearly">Select</a>`;
                                }
                            }
                            elemHTML = `${elemHTML}</div>`;
                        }
                    }

                }
            }
            __tagembed__plan.innerHTML = elemHTML;
        } else {
            __tagembed__toast.danger({message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right'});
        }
    }).catch((error) => {
        console.log(error);
        __tagembed__close_loader();
        __tagembed__toast.danger({message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right'});
    });
}
/*--End-- Get User Accounts Details*/
/*--Start-- Manage Payment*/
function __tagembed__make_payment(plan, price) {
    let __tagembed__toast = new TagembedToast;
    if (!plan || !price) {
        __tagembed__toast.danger({message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right'});
    } else {
        __tagembed__open_loader();
        let formData = new FormData();
        formData.append('action', 'data');
        formData.append('__tagembed__ajax_action', '__tagembed__make_payment');
        formData.append('plan', plan);
        formData.append('price', price);
        fetch(__tagembed__ajax_url, {
            method: 'POST',
            headers: {
                'x-requested-with': 'XMLHttpRequest',
            },
            body: formData,
        }).then(response => {
            return response.json()
        }).then(response => {
            if (response.status == true) {
                window.open(response.data.redirectUrl + '?__tagembed__paymentData=' + response.data.__tagembed__paymentData + '&__tagembed__requestCallBackUrl=' + response.data.__tagembed__requestCallBackUrl, '_self');
            } else {
                __tagembed__close_loader();
                __tagembed__toast.danger({message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right'});
            }
        }).catch((error) => {
            console.log(error);
            __tagembed__close_loader();
            __tagembed__toast.danger({message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right'});
        });

    }
}
/*--End-- Manage Payment*/
function __tagembed__cancel_subscription(plan) {
    let __tagembed__toast = new TagembedToast;
    if (!plan)
        return __tagembed__toast.danger({message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right'});
    confirmDialog({title: 'Are you sure!', message: 'Do you want to cancel subscription?', buttonText: 'Yes', type: 'danger'}, function () {
        let formData = new FormData();
        formData.append('plan', plan);
        formData.append('action', 'data');
        formData.append('__tagembed__ajax_action', '__tagembed__cancel_subscription');
        __tagembed__open_loader();
        var __tagembed__toast = new TagembedToast;
        fetch(__tagembed__ajax_url, {
            method: 'POST',
            headers: {
                'x-requested-with': 'XMLHttpRequest', },
            body: formData,
        }).then(response => {
            return response.json()
        }).then(response => {
            __tagembed__close_loader();
            if (response.status == true) {
                if (response.data.hasOwnProperty("message")) {
                    __tagembed__toast.success({message: response.data.message, position: '__tagembed__is-top-right'});
                }
                setTimeout(function () {
                    window.open('https://tagembed.com/subscription-cancelled/', '_blank');
                }, 3000);
            } else {
                __tagembed__toast.danger({message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right'});
            }
        }).catch((error) => {
            console.log(error);
            __tagembed__close_loader();
            __tagembed__toast.danger({message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right'});
        });
    });
}
/*--Start--Hide  Account Upgrade Modal*/
function __tagembed__hide_upgrade_account_popup() {
    let __tagembed__upgrade_account_popup = document.querySelector("#__tagembed__upgrade_account_popup");
    __tagembed__upgrade_account_popup.style.display = "none";
}
/*--End--Hide  Account Upgrade Modal*/