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

<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('.plugins_url(). "/nextlevel/view/assets/img/Rocket.png".');border-radius:12px;z-index:11;height:70%;background-repeat:no-repeat;opacity: 0.9;background-size: cover;display:flex;align-items:center;width:50vw;position:absolute;top:50px;left:10vw;flex-direction:column;background-color:rgba(0,0,0,0.4);">
        ';?>
       
        <div style="color:white;font-size:2vw;font-weight:600;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;">
            <div  style="display:flex; justify-content:space-between; align-items:center;max-width:50em;">
            <div style="">
                <h3 style="font-size:2vw;color:white;font-weight:500;"><?php echo esc_html__("License Token", 'starbox'); ?><br><p style="opacity:90%;font-size:1.1vw;margin-top:4px;font-weight:500;">Enter the 32 chars token from Order/Licence on</p></h3>
                <a  style="text-decoration: underline;color:white;opacity:100%;font-size:1.1vw;position:relative;top:-20px;" href='https://customer.digitalpackglobal.com' target="_blank">https://customer.digitalpackglobal.com</a>
            </div>
         
            </div>
            <div class="input-fields" style="margin-top:-10px;">
                <input type="text" class="nxt-input-token"  value=""  style="height:3vw; width:20vw;border-radius:10px;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>
            <br>
           
            <div style="background-color:aqua;font-size:1.1vw;font-weight:800;margin-top:1vw;height:3vw;width:10vw;display:flex;justify-content: center;align-items:center;border:none;"  class="nxt-check-token" ><?php echo esc_html__("Activate", 'squirrly-seo'); ?></div>
        </div>
    </div>
    

    <div style="position:absolute;right:0;height:100%;background-color:white;width:20vw;">
        <div class="col-12 p-0" style="width:300px;height:100%;">
            <div class="col-12 p-3 m-0 bg-white">
                <div style="margin-top:10px;font-size:1.5vw;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="font-size:1rem;color:blue;font-size:1vw;width:100%;">Once you bought the plugin, you will receive the Next Level Marketing credentials for your account by email.</div>
                <br/>
                <p style="font-size:1vw;">Please visit
                <a  class="" href='' target="_blank">Next Level Marketing</a>
                to get more information about our product.
                </p>
                <br/>
                <p style="font-size:1vw;">By activating, you agree to our Terms of Use and Privacy Policy</p>
                    <br/>
                    <h3 style="font-size:1.1vw;">NOTE:<p style="font-size:1vw;">If you didn't receive the credentials, please access
                    <a class="" href='https://customer.digitalpackglobal.com' target="_blank">Next Level Marketing</a>
                </p> 
                </h3>
                </p>
            </div>
        </div>
    </div>
</div>  


<style>
    html {
    position: relative;
    min-height: 840px;
    height: 100%;
}
</style>

