<?php defined('ABSPATH') || die('Cheatin\' uh?');?>
<?php if(NXTLVL_Classes_Helpers_Tools::getOption("check_finish_activate")=='true'){
        wp_redirect(STRB_Classes_Helpers_Tools::getAdminUrl('next_lvl','style'));
}?>

<div  style="display:flex;background-color:rgb(0,255,255,0.5);height:100%;">
    <div  style="opacity:100%;z-index:10; background: linear-gradient(to right, rgba(0,0,0,2) 60%, rgba(255,255,255,0) 100%); display:flex;justify-content:center;align-items:center;width:90%;height:100%;overflow:hidden;position:relative;right:9.3vw;flex-wrap:wrap;gap:2vw;"></div>
        <?php echo'<div style="background-image:url('."https://starbox-pro.s3.eu-west-1.amazonaws.com/images/Backgrounds/Tech/back2.png".');border-radius:12px;z-index:11;height:70%;background-repeat:no-repeat;opacity: 0.9;background-size: cover;display:flex;align-items:center;height:33vw;width:50vw;position:absolute;top:5vw;left:10vw;flex-direction:column;background-color:rgba(0,0,0,0.4);">';?>
       
        <div style="color:white;font-size:2vw;font-weight:700;display:flex;width:100%;padding-left:25px;margin-top:30px;">Next Level <div style="color:aqua;margin-left:10px;">Marketing</div></div>
       
        <div  style="padding-left:25px;width:100%;margin-top:5vw;background-color:rgba(0,0,0,0.5);padding:1vw;padding-bottom:2vw;backdrop-filter: blur( 13.5px ); -webkit-backdrop-filter: blur( 18px );">
            <div  style="display:flex; justify-content:space-between; align-items:center;max-width:50em;">
            </div>
            <div style="color:lime;font-weight:500;font-size:1.3vw;">Token activated succesfully!</div>
            <div style="color:white;">Finish authentication process.</div>
            <div class="token-alert" style="display:none;color:orange;font-size:1.2vw;margin-top:-5px;font-weight:600;">Please enter a valid token.</div>
            <br>
           
            <div style="background-color:aqua;font-size:1.1vw;font-weight:800;margin-top:1vw;height:2.5vw;width:10vw;display:flex;justify-content: center;align-items:center;border:none;cursor:pointer;border-radius:3vw;"  class="nxt-validate-token" ><?php echo esc_html__("Finish", 'squirrly-seo'); ?></div>
        
        </div>
    </div>
    

    <div style="position:absolute;right:0;height:100%;background-color:rgba(255,255,255,0.8);width:20vw;padding-left:1vw;">
        <div class="col-12 p-0" style="width:300px;height:100%;">
            <div class="col-12 p-3 m-0">
                <div style="margin-top:10px;font-size:1.2vw;font-weight:500;">
                    <?php echo esc_html__("Activation Help", 'starbox'); ?>
                    <div class="strb_help_question d-inline">
                        <a href="#" target="_blank"><i class="fa-solid fa-question-circle m-0 p-0"></i></a>
                     </div>
                </div>

                <div style="color:blue;font-size:0.9vw;width:100%;font-weight:500;">Once you bought the plugin, you will receive the Next Level Marketing credentials for your account by email.</div>
                <br/>
                <p style="font-size:0.9vw;font-weight:500;">Please visit
                <a  class="" href='https://www.squirrly.co/marketingtools/next-level-marketing-ai-by-squirrly/' target="_blank">Next Level Marketing</a>
                to get more information about our product.
                </p>
                <br/>
                <p style="font-size:0.9vw;font-weight:500;">By activating, you agree to our Terms of Use and Privacy Policy</p>
                    <br/>
                    <div style="font-size:0.9vw;font-weight:500;">NOTE:<p style="font-size:0.9vw;font-weight:500;">If you didn't receive the credentials, please access
                    <a class="" href='https://customer.digitalpackglobal.com' target="_blank">customer.digitalpackglobal.com</a>
                </p> 
                </h3>
                </p>
            </div>
        </div>
    </div>
</div>  


<style>
    html {
        position: relative;
        min-height: 840px;
        height: 100%;
    }
    .nxt-validate-token:hover{
        opacity:0.9;
    }
</style>

