<?php
	include('../_global.php');
	$notes = "";

	if(!isset($notes)) {
		$notes = "";
	}

	if(empty($_SESSION['sessionId'])){
		$_SESSION['sessionId'] = '';
	}

	$nextPage = 'shipping.php?' . (!empty($_SERVER['QUERY_STRING']) ? ( $_SERVER['QUERY_STRING']) : 'qs=');
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <title><?php echo $configs->page_title;?></title>
  <meta content="" name="description">
  <meta name="viewport" content="width=340, user-scalable=no">
  <meta content="NOINDEX, NOFOLLOW" name="ROBOTS">
  <link href="<?php echo $configs->mobile_path . "assets/css/fonts.css"; ?>" rel="stylesheet">
  <link href="<?php echo $configs->mobile_path . "assets/css/style-m.css"; ?>" rel="stylesheet">
  <link href="<?php echo $configs->mobile_path . "assets/css/custom.css"; ?>" rel="stylesheet">
  <link href="<?php echo $configs->mobile_path . "assets/css/loading.css"; ?>" rel="stylesheet">
  <link href="<?php echo $configs->mobile_path . "assets/css/common.css"; ?>" rel="stylesheet">
  <link rel="shortcut icon" type="./assets/image/x-icon" href="<?php echo $configs->mobile_path . "assets/brand/favicon.png"; ?>">

  <link href="<?php echo $configs->mobile_path . "assets/css/checkout.css"; ?>" rel="stylesheet">
  <link rel="preconnect" href="https://fonts.gstatic.com/">
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,500;1,900&amp;family=Oswald:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
  <?php include_once('../sentry.php'); ?>
</head>
<body data-assets-id="5984" style="max-width: 600px;">
	<div id="app">
		<div id="pagecontainer">
			<div id="top-1">
				<center class="header-in">
					<img src="../assets/brand/logo2.png" alt="" class="logo" width="120" height="85">
				</center>
				<div class="delivery-b">
					<span><b>Fast, Free Shipping</b> For A Limited Time</span>
				</div>
				<div class="breadcrumbs">
					<ul class="breadcrumbs__list">
						<li class="breadcrumbs__item breadcrumbs__item_active">
							<span>Qualify Now</span>
						</li>
						<li class="breadcrumbs__item breadcrumbs__item_2">
							<span>Select Package</span>
						</li>
						<li class="breadcrumbs__item breadcrumbs__item_3">
							<span>Confirm Order</span>
						</li>
					</ul>
				</div>
				
        <div>
        <!-- <p class="top-text">
          <span style="color: #f60085;">Approved</span> - Select Your <br>
          CBD Gummies Package Below:
        </p> -->
        <div class="steps">
          <div class="approved-text">
            <strong><span class="emphasis">APPROVED!</span> Free Bottle Packages
              Confirmed</strong>
          </div>
          <p>
            Limited supply available as of
            <span class="full-date date-container2">PLACEHOLDER</span>. We
            currently have product <strong>in stock</strong> and ready to ship
            within 24 hours.
          </p>
          <p class="status-pr">Sell Out Risk: <span>HIGH</span></p>
        </div>

        <style>
          .package {
            max-width: inherit !important;
          }
          .package__bottle.bottles3 {
            background: url(assets/brand/product2-3.png) no-repeat center;
            background-size: contain;
          }

          .package__bottle.bottles2plus {
            background: url(assets/brand/product2-2.png) no-repeat center;
            background-size: contain;
          }

          .package__bottle.bottles1plus {
            background: url(assets/brand/product.png) no-repeat center;
            background-size: contain;
          }
        </style>
        <div class="package package1" data-order-type="1" id="pack5" data-prod="5B">
          <div class="package__left">
            <span class="package__name">Package 1</span>
            <span class="package__coll">3 BOXES</span>
            <span class="package__free">+ Get 2 Free!</span>
            <span class="package__price"><i class="price" style="font-style: normal ">$<?php echo $configs->bottle_per_5; ?></i>
              <span>/box</span></span>
            <span class="package-info__retail">Retail - <span class="silv">$<?php echo $configs->bottle_retail_5; ?>/ea</span></span>
            <span class="package-info__total">
              <!-- Today’s Price - <span class="full-price">$198.70</span> -->
            </span>
            <span class="package__stock">In Stock - Sell Out Risk: High</span>
            <span class="save-label">save over <span>50%</span></span>
          </div>

          <div class="package__right">
            <div class="bottle-block clearfix">
              <div class="package__bottle bottles3"></div>
              <div class="package__bottle bottles2plus"></div>
            </div>
            <span class="shipping-block"><span>Free shipping</span></span>
          </div>
          <span class="best-choise">Best <br>choice</span>
          <a href="javascript:void(0)" onclick="selectPackage(5)"><span class="package-btn btn_pulse">yes - choose this package <span>»</span></span></a>
          <div class="timer-block">
            Acceptance of applications ends in:
            <span id="demo">06:09</span>
          </div>
        </div>
        <div class="linebreak" style="margin: 13px 0 12px;"></div>
        <div class="package package2" data-order-type="2" id="pack3" data-prod="3B">
          <div class="package__left">
            <span class="package__name">Package 2</span>
            <span class="package__coll">2 BOXES</span>
            <span class="package__free">+ Get 1 Free!</span>
            <span class="package__price"><i class="price" style="font-style: normal ">$<?php echo $configs->bottle_per_3; ?></i>
              <span>/box</span></span>
            <span class="package-info__retail">Retail - <span class="silv">$<?php echo $configs->bottle_retail_3; ?>/ea</span></span>
            <span class="package-info__total">
              <!-- Today’s Price - <span class="full-price">$149.91</span> -->
            </span>
            <span class="package__stock">In Stock - Sell Out Risk: High</span>
          </div>
          <div class="package__right">
            <div class="bottle-block clearfix">
              <div class="package__bottle bottles2"></div>
              <div class="package__bottle bottles1plus"></div>
              <div class="save-block">
                <span class="save-block__title">Save</span>
                <span class="save-block__price"><span class="save-price">$<?php echo $configs->bottle_save_3; ?></span></span>
              </div>
            </div>
            <span class="shipping-block"><span>Free shipping</span></span>
          </div>
          <a href="javascript:void(0)" onclick="selectPackage(3)"><span class="package-btn">yes - choose this package <span>»</span></span></a>
        </div>
        <div class="linebreak" style="margin: 13px 0 12px;"></div>
        <div class="package package3" data-order-type="3" id="pack2" data-prod="2B">
          <div class="package__left">
            <span class="package__name">Package 3</span>
            <span class="package__coll">1 BOX</span>
            <span class="package__free">+ Get 1 Free!</span>
            <span class="package__price"><i class="price" style="font-style: normal ">$<?php echo $configs->bottle_per_1; ?></i>
              <span>/box</span></span>
            <span class="package-info__retail">Retail - <span class="silv">$<?php echo $configs->bottle_retail_1; ?>/ea</span></span>
            <span class="package-info__total">
              <!-- Today’s Price - <span class="st">$60.04</span> -->
            </span>
            <span class="package__stock">In Stock - Sell Out Risk: High</span>
          </div>
          <div class="package__right">
            <div class="bottle-block clearfix">
              <div class="package__bottle bottles1"></div>
              <div class="package__bottle bottles1"></div>
            </div>
            <span class="shipping-block"><span>Free shipping</span></span>
          </div>
          <a href="javascript:void(0)" onclick="selectPackage(1)"><span class="package-btn">yes - choose this package <span>»</span></span></a>
          <!-- <span class="package-btn">yes - choose this package <span>»</span></span> -->
        </div>
        </div>
			</div>
		</div>
		<div class="bottom-icons">
			<div class="delivery-b">
				<span><b>Fast, Free Shipping</b> For A Limited Time</span>
			</div>
		</div>
		<div class="footer-in">
			<ul>
				<li>
					<img src="<?php echo $configs->mobile_path . "assets/images/gd1.svg"; ?>" alt="">
				</li>
				<li>
					<img src="<?php echo $configs->mobile_path . "assets/images/gd2.svg"; ?>" alt="">
				</li>
				<li>
					<img src="<?php echo $configs->mobile_path . "assets/images/gd3.svg"; ?>" alt="">
				</li>
			</ul>
		</div>
		<div class="secure-in">
			<span>
				Secure Server <br>
				<span class="secure-in__text">Protected by</span> <br>
				<span class="secure-in__text2">SSL</span>
			</span>
		</div>
		<div id="footer">
			<br>
			<center>
				<p>
					<a href="javascript:void(0);" onclick="openNewWindow('../disclosures/terms.php','modal');">Terms and Conditions |</a>
					<a href="javascript:void(0);" onclick="openNewWindow('../disclosures/privacy.php','modal');">Privacy Policy |</a>
					<a href="javascript:void(0);" onclick="openNewWindow('../disclosures/contact.php','modal');">Contact us</a>
				</p>
				<br>
				<div class="text-center">
					<p>
						*The statements made on our websites have not been evaluated by
						the FDA (U.S. Food &amp; Drug Administration). Our products are
						not intended to diagnose, cure or prevent any disease. The
						information provided by this website or this company is not a
						substitute for a face-to-face consultation with your physician,
						and should not be construed as individual medical advice. The
						testimonials on this website are individual cases and do not
						guarantee that you will get the same results. Due to the nature of
						this product and to protect the disclosures/privacy.php of the individuals, actual
						names and photographs of the individuals depicted in the
						testimonials have been changed. Individuals are remunerated.
					</p>
				</div>
			</center>
			<p></p>
			<p></p>
			<p>
				<br>
			</p>
			<center>
				<br>
				<div class="text-center">
					<p class="cop-text">
						©
						<script>
							const date = new Date();
							document.write(date.getFullYear());
						</script>
						<span class="product-name"><?php echo $configs->corporate_name;?></span>. All Rights Reserved.
					</p>
				</div>
			</center>
			<p></p>
		</div>

		<!--popup processing wrapper-->
		<section id="loading-indicator" class="popup-loading-wrapper" style="display: none">
      <div class="popup">
          <img src="<?php echo $configs->mobile_path . "assets/images/icon-lock.png"; ?>" alt="" class="lock-image" />
          <p>Please wait a moment</p>
          <h3>Your Product Is Being Reserved</h3>
          <img src="<?php echo $configs->mobile_path . "assets/images/icon-loading.png"; ?>" alt="" class="loading-image" />
      </div>
	</section>
		<!--end popup processing wrapper-->
	</div>

	<script crossorigin="anonymous" src="<?php echo $configs->mobile_path . "assets/js/jquery-1.11.3.min.js"; ?>"></script>
  <script crossorigin="anonymous" src="<?php echo $configs->mobile_path . "assets/js/jquery.modal.js"; ?>"></script>
  <script crossorigin="anonymous" src="<?php echo $configs->mobile_path . "assets/js/scripts.js"; ?>"></script>

  <script type="text/javascript">
    var timeout = 15;
    var countDownDate = new Date();
    countDownDate.setMinutes(countDownDate.getMinutes() + timeout);

    var timestamp = countDownDate.getTime();
    localStorage.setItem("timestamp", timestamp);

    var x = setInterval(function() {
    var now = new Date().getTime();
    var distance = localStorage.getItem("timestamp") - now;
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);

    document.getElementById("demo").innerHTML = (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds);
      if (distance < 0) {
        clearInterval(x);
        document.getElementById("demo").innerHTML = "<span class='label label-danger'>Expired</span>";
      }
    }, 1000);

    function selectPackage(prodPackage) {
      $('#loading-indicator').show();
			setTimeout(function() {
				window.location.href = '<?php echo $nextPage; ?>&pk='+prodPackage;
			}, 500);
			return false
    }

    $(function() {
        $(document).on('click', '#app_common_modal_close', function() {
          $('#app_common_modal').remove();
        });	
    });

    function openNewWindow(page_url, type, window_name, width, height, top, left, features) {
        if (!type) {
            type = 'popup';
        }

        if (!width) {
            width = 480;
        }

        if (!height) {
            height = 480;
        }

        if (!top) {
            top = 50;
        }

        if (!left) {
            left = 50;
        }

        if (!features) {
            features = 'resizable,scrollbars';
        }

        if (type == 'popup') {
            var settings = 'height=' + height + ',';
            settings += 'width=' + width + ',';
            settings += 'top=' + top + ',';
            settings += 'left=' + left + ',';
            settings += features;

            win = window.open(page_url, window_name, settings);
            win.window.focus();
        } else if (type == 'modal') {
            var html = '';
            html += '<div id="app_common_modal">';
            html += '<div class="app_modal_body"><a href="javascript:void(0);" id="app_common_modal_close">X</a><iframe src="' + page_url + '" frameborder="0"></iframe></div>';
            html += '</div>';

            if (!$('#app_common_modal').length) {

                $('body').append(html);
            }
            $('#app_common_modal').fadeIn();
        }
    }
</script>
</body>
</html>