<?php $pro_url = "https://go.premio.io/?edd_action=add_to_cart&download_id=860&edd_options[price_id]=" ?>
<div class="key-table">
    <div class="modal-upgrade upgrade-block" id="folder-modal">
        <div class="easy-modal-inner">
            <div class="container">
                <div class="pricing-table">
                    <div class="price-title">Unlock All Features</div>
                    <div class="pricing-table-header">
                        <div class="pricing-table-body">
                            <div class="pricing-table-content first active" data-option="1_year">
                                <div class="year-col">1 Year</div>
                                <div class="update-col">Updates &amp; Support</div>
                                <div class="pricing-discount-col"></div>
                            </div>
                            <div class="pricing-table-content second" data-option="2_year">
                                <div class="year-col">2 Years</div>
                                <div class="update-col">Updates &amp; Support</div>
                                <div class="pricing-discount-col"><span>32% off &#128526;</span></div>
                            </div>
                            <div class="pricing-table-content third" data-option="lifetime">
                                <div class="year-col">Lifetime</div>
                                <div class="update-col">Updates &amp; Support</div>
                                <div class="pricing-discount-col"><span>63% off &#129395;</span></div>
                            </div>
                        </div>
                    </div>
                    <div class="price-tables">
                        <div class="row">
                            <div class="col-md-4 col-sm-12">
                                <div class="price-table basic-feature">
                                    <div class="price-table-top">
                                        <div class="price-head">
                                            <div class="plan-name">Basic</div>
                                            <div class="plan-price">$25<span>/year</span></div>
                                        </div>
                                        <div class="plan-center">
                                            <div class="price-permonth">Less than <b>$2.5</b>/mo <span class="full-width-bold">Billed yearly</span></div>
                                            <div class="price-offer">Renewals for <b>25% off</b></div>
                                        </div>
                                    </div>
                                    <div class="price-table-middle">
                                        <ul>
                                            <li><a href="javascript:;" class="cus-tooltip">1 website<span class="has-tooltip">*</span><span class="tooltip__content">Use Subscribe Forms on 1 domain</span></a></li>
                                            <li><a href="javascript:;" class="cus-tooltip">All templates<span class="has-tooltip">*</span><span class="tooltip__content">Choose from 10+ different form designs</span></a></li>
                                            <li><a href="javascript:;" class="cus-tooltip">Unlimited forms<span class="has-tooltip">*</span><span class="tooltip__content">You can create and add unlimited forms</span></a></li>
                                            <li><a href="javascript:;" class="cus-tooltip">All customization features<span class="has-tooltip">*</span><span class="tooltip__content">Custom colors, background image, text, size and more</span></a></li>
                                            <li class="on-screen-pos"><a href="javascript:;" class="cus-tooltip">Send leads to email <span class="has-tooltip">*</span><span class="tooltip__content">Get emails notification when a visitor subscribes </span></a></li>
                                            <li><a href="javascript:;" class="cus-tooltip">All integrations<span class="has-tooltip">*</span><span class="tooltip__content">Mailchimp, GetResponse, Active Campaign, iContact, Constant Contact, ConvertKit, HubSpot CRM, MailerLite, MailPoet, Gist, SendFox, Pipedrive, and local database</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="price-table-bottom">
                                        <div class="custom-dd">
                                            <select class="multiple-options">
                                                <option data-option="1_year" data-header="Renewals for 25% off" data-price="25" data-per-month="2.5" value="<?php echo esc_url($pro_url."22") ?>">
			                                        <?php esc_html_e("Updates & support for 1 year") ?>
                                                </option>
                                                <option data-option="2_year" data-header="Billed yearly after 2 years" data-price="39" data-per-month="2" value="<?php echo esc_url($pro_url."23") ?>">
			                                        <?php esc_html_e("Updates & support for 2 years") ?>
                                                </option>
                                                <option data-option="lifetime" data-header="For lifetime" data-price="79" data-per-month="" value="<?php echo esc_url($pro_url."24") ?>">
			                                        <?php esc_html_e("Updates & support for lifetime") ?>
                                                </option>
                                            </select>
                                        </div>
                                        <a class="cart-link" target="_blank" href="<?php echo esc_url($pro_url."22") ?>">Buy now</a>
                                    </div>
                                    <div class="bottom-position"></div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-12">
                                <div class="price-table plus-feature">
                                    <div class="price-table-top">
                                        <div class="price-head">
                                            <div class="plan-name">Plus</div>
                                            <div class="plan-price">$59<span>/year</span></div>
                                        </div>

                                        <div class="plan-center">
                                            <div class="price-permonth">Less than <b>$5</b>/mo <span class="full-width-bold">Billed yearly</span></div>
                                            <div class="price-offer">Renewals for <b>25% off</b></div>
                                        </div>
                                    </div>
                                    <div class="price-table-middle">
                                        <ul>
                                            <li><a href="javascript:;" class="cus-tooltip">5 website<span class="has-tooltip">*</span><span class="tooltip__content">Use Subscribe Forms on 5 domain</span></a></li>
                                            <li><a href="javascript:;" class="cus-tooltip">All templates<span class="has-tooltip">*</span><span class="tooltip__content">Choose from 10+ different form designs</span></a></li>
                                            <li><a href="javascript:;" class="cus-tooltip">Unlimited forms<span class="has-tooltip">*</span><span class="tooltip__content">You can create and add unlimited forms</span></a></li>
                                            <li><a href="javascript:;" class="cus-tooltip">All customization features<span class="has-tooltip">*</span><span class="tooltip__content">Custom colors, background image, text, size and more</span></a></li>
                                            <li class="on-screen-pos"><a href="javascript:;" class="cus-tooltip">Send leads to email <span class="has-tooltip">*</span><span class="tooltip__content">Get emails notification when a visitor subscribes </span></a></li>
                                            <li><a href="javascript:;" class="cus-tooltip">All integrations<span class="has-tooltip">*</span><span class="tooltip__content">Mailchimp, GetResponse, Active Campaign, iContact, Constant Contact, ConvertKit, HubSpot CRM, MailerLite, MailPoet, Gist, SendFox, Pipedrive, and local database</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="price-table-bottom">
                                        <div class="custom-dd">
                                            <select class="multiple-options">
                                                <option data-option="1_year" data-header="Renewals for 25% off" data-price="59" data-per-month="5" value="<?php echo esc_url($pro_url."25") ?>">
			                                        <?php esc_html_e("Updates & support for 1 year") ?>
                                                </option>
                                                <option data-option="2_year" data-header="Billed yearly after 2 years" data-price="89" data-per-month="4" value="<?php echo esc_url($pro_url."26") ?>">
			                                        <?php esc_html_e("Updates & support for 2 years") ?>
                                                </option>
                                                <option data-option="lifetime" data-header="For lifetime" data-price="149" data-per-month="6.5"  value="<?php echo esc_url($pro_url."27") ?>">
			                                        <?php esc_html_e("Updates & support for lifetime") ?>
                                                </option>
                                            </select>
                                        </div>
                                        <a class="cart-link" target="_blank" href="<?php echo esc_url($pro_url."25") ?>">Buy now</a>
                                    </div>
                                    <div class="bottom-position"></div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-12">
                                <div class="price-table agency-feature">
                                    <div class="price-table-top">
                                        <div class="price-head">
                                            <div class="plan-name">Agency</div>
                                            <div class="plan-price">$99<span>/year</span></div>
                                        </div>

                                        <div class="plan-center">
                                            <div class="price-permonth">Less than <b>$8.5</b>/mo · <span class="full-width-bold">Billed yearly</span></div>
                                            <div class="price-offer">Renewals for <b>25% off</b></div>
                                        </div>
                                    </div>
                                    <div class="price-table-middle">
                                        <ul>
                                            <li>
                                                <div class="website-package">
                                                    <select class="multiple-web-options">
                                                        <option value="50_websites">50 websites</option>
                                                        <option value="500_websites">500 websites</option>
                                                        <option value="1000_websites">1000 websites</option>
                                                    </select>
                                                </div>
                                            </li>
                                            <li><a href="javascript:;" class="cus-tooltip">All templates<span class="has-tooltip">*</span><span class="tooltip__content">Choose from 10+ different form designs</span></a></li>
                                            <li><a href="javascript:;" class="cus-tooltip">Unlimited forms<span class="has-tooltip">*</span><span class="tooltip__content">You can create and add unlimited forms</span></a></li>
                                            <li><a href="javascript:;" class="cus-tooltip">All customization features<span class="has-tooltip">*</span><span class="tooltip__content">Custom colors, background image, text, size and more</span></a></li>
                                            <li class="on-screen-pos"><a href="javascript:;" class="cus-tooltip">Send leads to email <span class="has-tooltip">*</span><span class="tooltip__content">Get emails notification when a visitor subscribes </span></a></li>
                                            <li><a href="javascript:;" class="cus-tooltip">All integrations<span class="has-tooltip">*</span><span class="tooltip__content">Mailchimp, GetResponse, Active Campaign, iContact, Constant Contact, ConvertKit, HubSpot CRM, MailerLite, MailPoet, Gist, SendFox, Pipedrive, and local database</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="price-table-bottom">
                                        <div class="custom-dd">
                                            <select class="multiple-options has-multiple-websites">
                                                <option data-option="1_year" data-header="Renewals for 25% off" data-price="79" value="<?php echo esc_url($pro_url."28") ?>">
			                                        <?php esc_html_e("Updates & support for 1 year") ?>
                                                </option>
                                                <option data-option="2_year" data-header="Billed yearly after 2 years" data-price="125" value="<?php echo esc_url($pro_url."29") ?>">
			                                        <?php esc_html_e("Updates & support for 2 years") ?>
                                                </option>
                                                <option data-option="lifetime" data-header="For lifetime" data-price="199" value="<?php echo esc_url($pro_url."30") ?>">
			                                        <?php esc_html_e("Updates & support for lifetime") ?>
                                                </option>
                                            </select>
                                        </div>
                                        <a class="cart-link" target="_blank" href="<?php echo esc_url($pro_url."28") ?>">Buy now</a>
                                    </div>
                                    <div class="bottom-position"></div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="text-center price-after">
                    <p class="money-guaranteed"><span class="dashicons dashicons-yes"></span>
                        <?php esc_html_e("30 days money back guaranteed"); ?>
                    </p>
                    <p class="money-guaranteed"><span class="dashicons dashicons-yes"></span>
                        <?php esc_html_e("The plugin will always keep working even if you don't renew your license"); ?>
                    </p>
                    <div class="payments">
                        <img src="<?php echo P_SUBSCRIBE_URL ?>/includes/images/payment.png" alt="Payment" class="payment-img" />
                    </div>
                </div>
                <div class="folder-testimonial-list">
                    <div class="folder-testimonial">
                        <div class="testimonial-image">
                            <img src="<?php echo P_SUBSCRIBE_URL ?>includes/images/client-image.jpg">
                        </div>
                        <div class="testimonial-data">
                            <div class="testimonial-desc">This was the exact kind of product I was looking for to collect emails through my website. It was simple to install and configure to my liking. I even created the exact design I wanted in minutes since everything is very friendly to use. I would recommend this product.</div>
                            <div class="testimonial-author">Kenny Maurice, <small>Consultant and speaker</small></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    (function (factory) {
        "use strict";
        if (typeof define === 'function' && define.amd) {
            define(['jquery'], factory);
        }
        else if(typeof module !== 'undefined' && module.exports) {
            module.exports = factory(require('jquery'));
        }
        else {
            factory(jQuery);
        }
    }(function ($, undefined) {
        var priceOptions = {
            "50_websites": {
                "1_year": {
                    "price": 99,
                    "per_month":8.5,
                    "link": "https://go.premio.io/?edd_action=add_to_cart&download_id=860&edd_options[price_id]=28"
                },
                "2_year": {
                    "price": 149,
                    "per_month":6.5,
                    "link": "https://go.premio.io/?edd_action=add_to_cart&download_id=860&edd_options[price_id]=29"
                },
                "lifetime": {
                    "price": 249,
                    "link": "https://go.premio.io/?edd_action=add_to_cart&download_id=860&edd_options[price_id]=30"
                }
            },
            "500_websites": {
                "1_year": {
                    "price": 179,
                    "per_month":15,
                    "link": "https://go.premio.io/?edd_action=add_to_cart&download_id=860&edd_options[price_id]=31"
                },
                "2_year": {
                    "price": 269,
                    "per_month":11.5,
                    "link": "https://go.premio.io/?edd_action=add_to_cart&download_id=860&edd_options[price_id]=32"
                },
                "lifetime": {
                    "price": 499,
                    "link": "https://go.premio.io/?edd_action=add_to_cart&download_id=860&edd_options[price_id]=33"
                }
            },
            "1000_websites": {
                "1_year": {
                    "price": 249,
                    "per_month":21,
                    "link": "https://go.premio.io/?edd_action=add_to_cart&download_id=860&edd_options[price_id]=34"
                },
                "2_year": {
                    "price": 375,
                    "per_month":16,
                    "link": "https://go.premio.io/?edd_action=add_to_cart&download_id=860&edd_options[price_id]=35"
                },
                "lifetime": {
                    "price": 619,
                    "link": "https://go.premio.io/?edd_action=add_to_cart&download_id=860&edd_options[price_id]=36"
                }
            }
        };
        $(document).ready(function(){
            $(document).on("click", ".pricing-table-content", function(){
                if(!$(this).hasClass("active")) {
                    $(".pricing-table-content").removeClass("active");
                    $(this).addClass("active");
                    var datFor = $(this).data("option");
                    $(".multiple-options").each(function(){
                        $(this).find("option").prop("selected", false);
                        $(this).find("option[data-option='"+datFor+"']").prop("selected", true);
                        $(this).trigger("change");
                    })
                }
            });
            if($(".multiple-options").length) {
                $(".multiple-options").select2({
                    minimumResultsForSearch: -1
                });
            }
            if($(".multiple-web-options").length) {
                $(".multiple-web-options").select2({
                    minimumResultsForSearch: -1
                });
            }
            $(document).on("change", ".multiple-options", function(){
                priceText = $(this).find("option:selected").attr("data-header");
                thisValue = $(this).val();
                thisPrice = $(this).find("option:selected").attr("data-price");
                thisperMonth = $(this).find("option:selected").attr("data-per-month");
                if(!$(this).hasClass("has-multiple-websites")) {
                    $(this).closest(".price-table").find("a.cart-link").attr("href", thisValue);
                    $(this).closest(".price-table").find(".plan-price").text("$" + thisPrice);
                } else {
                    var webOption = $(".multiple-web-options").val();
                    var priceSettings = priceOptions[webOption];
                    var yearPlan = $(".multiple-options.has-multiple-websites option:selected").attr("data-option");
                    if(priceSettings[yearPlan] != undefined) {
                        priceSettings = priceSettings[yearPlan];
                        thisValue = priceSettings.link;
                        thisPrice = priceSettings.price;
                        thisperMonth = priceSettings.per_month;
                    }
                }
                thisOption = $(this).find("option:selected").attr("data-option");
                if(thisOption == "1_year") {
                    thisPrice = thisPrice+"<span>/year</span>";
                    per_month = "Less than <b>$" + thisperMonth + "</b>/mo <span class='full-width-bold'>Billed yearly</span>";
                    priceText = "Per year, Renewals for <b>25% off</b>";
                } else if(thisOption == "2_year") {
                    thisPrice = thisPrice+"<span>/2 years</span>";
                    per_month = "Less than <b>$" + thisperMonth + "</b>/mo <span class='full-width-bold'>Billed yearly after 2 years</span>";
                    priceText = "Renewals for <b>25% off</b>";
                } else {
                    thisPrice = thisPrice+"<span>/lifetime</span>";
                    per_month = "<b>Best value</b>";
                    priceText = "For lifetime";
                }
                $(this).closest(".price-table").find("a.cart-link").attr("href", thisValue);
                $(this).closest(".price-table").find(".plan-price").html("$" + thisPrice);
                $(this).closest(".price-table").find(".price-permonth").html(per_month);
                if ( per_month == '' ) {
                    $(this).closest(".price-table").find(".price-permonth").hide();
                } else {
                    $(this).closest(".price-table").find(".price-permonth").show();
                }
                $(this).closest(".price-table").find(".price-offer").html(priceText);
            });

            $(document).on("change", ".multiple-web-options", function(){
                $(".multiple-options.has-multiple-websites").trigger("change");
            });

            if($(".multiple-options.has-multiple-websites").length) {
                $(".multiple-options.has-multiple-websites").trigger("change");
            }

            checkForPricingPos();
        });

        $(window).on("scroll", function(){
            checkForPricingPos();
        });

        $(window).on("resize", function(){
            checkForPricingPos();
        });

        function checkForPricingPos() {
            $(".bottom-position").each(function(){
                if($(this).closest(".price-table").find(".on-screen-pos").length) {
                    var toolPos = $(this).closest(".price-table").find(".on-screen-pos").offset().top - $(window).scrollTop() - $(window).height();
                    if(toolPos < 0) {
                        if ($(this).offset().top - $(window).scrollTop() - $(window).height() < -3) {
                            $(this).closest(".price-table").removeClass("is-fixed");
                            $(this).closest(".price-table").find(".price-table-bottom").prop("style", "");
                        } else {
                            $(this).closest(".price-table").addClass("is-fixed");
                            $(this).closest(".price-table").find(".price-table-bottom").css("top", ($(window).height() - 125) + "px");
                            $(this).closest(".price-table").find(".price-table-bottom").css("left", $(this).offset().left + "px");
                            $(this).closest(".price-table").find(".price-table-bottom").outerWidth($(this).closest(".price-table").width());
                        }
                    } else {
                        $(this).closest(".price-table").removeClass("is-fixed");
                        $(this).closest(".price-table").find(".price-table-bottom").prop("style", "");
                    }
                }
            });
            setTooltipPosition();
        }

        function setTooltipPosition() {
            if($(".html-tooltip:not(.no-position)").length) {
                $(".html-tooltip:not(.no-position)").each(function(){
                    if($(this).offset().top - $(window).scrollTop() > 540) {
                        $(this).addClass("top").removeClass("side").removeClass("bottom");
                        $(this).find(".tooltip-text").attr("style","");
                        $(this).find(".tooltip-text").removeClass("hide-arrow");
                    } else if($(window).height() - ($(this).offset().top - $(window).scrollTop()) > 460) {
                        $(this).addClass("bottom").removeClass("top").removeClass("side");
                        $(this).find(".tooltip-text").attr("style","");
                        $(this).find(".tooltip-text").removeClass("hide-arrow");
                    } else {
                        $(this).addClass("side").removeClass("top").removeClass("bottom");
                        if($(this).find(".tooltip-text").length) {
                            $(this).find(".tooltip-text").attr("style","");
                            $(this).find(".tooltip-text").removeClass("hide-arrow");

                            if($(this).find(".tooltip-text").offset().top - $(window).scrollTop() - 50 < 0) {
                                $(this).find(".tooltip-text").css("margin-top", Math.abs($(this).find(".tooltip-text").offset().top - $(window).scrollTop() - 50)+"px");
                                $(this).find(".tooltip-text").addClass("hide-arrow");
                            } else {
                                $(this).find(".tooltip-text").attr("style","");
                                if(($(this).find(".tooltip-text").offset().top + parseInt($(this).find(".tooltip-text").outerHeight()) - $(window).scrollTop() - $(window).height()) > 0) {
                                    $(this).find(".tooltip-text").css("margin-top", ((-1)*Math.abs($(this).find(".tooltip-text").offset().top + parseInt($(this).find(".tooltip-text").outerHeight()) - $(window).scrollTop() - $(window).height()) - 10)+"px");
                                    $(this).find(".tooltip-text").addClass("hide-arrow");
                                }
                            }
                        }
                    }
                });
            }
        }
    }));
</script>
