<?php defined('ABSPATH') || die('Cheatin\' uh?');?>

<?php 
// $postBody = array(
//     'method'      => 'POST',  
//     'timeout'     => 50,
//     'redirection' => 5,
//     'httpversion' => '1.0',
//     'blocking'    => true,
//     'headers'     =>array('Content-Type' => 'application/json','x-authorization'=>'ZbHACrqv3vba'),
//     'body'        => wp_json_encode(array(
//         "token"=>'19Ju1bqj1i4rk3m90TPYSY45b'
//     )),
//     'cookies' => array()
// );
// error_reporting(E_ERROR | E_PARSE);
// $body = wp_remote_post("https://app.nextlevelmarketing.ai/api/connection/connect_account/1",$postBody);
// echo $body['body'];

// return;

include_once _NXTLVL_CLASSES_DIR_ . 'helpers/Tools.php';
// Load helpers
if(NXTLVL_Classes_Helpers_Tools::getOption("check_activate")=='true'){
    wp_redirect(STRB_Classes_Helpers_Tools::getAdminUrl('next_lvl','activationfinish'));
}
?>


<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;backdrop-filter: blur( 13.5px ); -webkit-backdrop-filter: blur( 18px );">
            <div>
                <div style="font-size:1.3vw;color:white;font-weight:500;"><?php echo esc_html__("License Token", 'starbox'); ?></div>
                    <div style="display:flex;margin-top:1vw;">
                        
                    </div>
                </div>
        
                <div class="input-fields" style="">
                    <input type="text" class="nxt-input-token"  value=""  style="height:3vw; width:29.5vw;border-radius:3vw;border:none;background:transparent;background: rgba(255, 255, 255, 0.7);font-weight:800;"/>
                </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>
            
                <div style="background-color:aqua;font-size:1.1vw;font-weight:800;margin-top:2vw;height:2.5vw;width:10vw;display:flex;justify-content: center;align-items:center;border:none;cursor:pointer;border-radius:3vw;"  class="nxt-check-token" ><?php echo esc_html__("Activate", '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-check-token:hover{
        opacity:0.9;
    }

</style>

