<?php

	include('views/_header.tpl.php');
	
	if (isset($msg)) {
		$msg = "You've successfully confirmed your number and reminder signup.";
		$bgcolor = "#37a47c";
		echo "<center><b>$msg</b></center><br /><br />";
	}

	if (isset($_GET['ooops'])) {
		$msg = "Phone number not found";
		$bgcolor = "#bd0000";
		//echo "<center><b>$msg</b></center><br /><br />";
	}

	if (isset($_GET['error'])) {
		$msg = "Oooops something went wrong and we can't verify this number. Please re-check your phone number on the Reminder SlideUp screen to make sure it's correct or contact support@fantasytrivia.com";
		$bgcolor = "#bd0000";
		//echo "<center><b>$msg</b></center><br /><br />";
	}

	if (isset($_GET['nomatch'])) {
		$msg = "You cannot verify this phone number with this link. Please contact support at support@fantasytrivia.com";
		$bgcolor = "#bd0000";
		//echo "<center><b>$msg</b></center><br /><br />";
	}

	if (isset($_GET['msg'])) {
		$message = "You've successfully confirmed your number and reminder sign up.";
		$msg = htmlentities(strip_tags($message));
		$bgcolor = "#37a47c";
		// ORIG $msg = htmlentities(strip_tags($_GET['msg']));
	}
?>

<!-- AGENT UPGRADE PURCHASE -->

<link rel="stylesheet" type="text/css" href="/static/css/loader.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">

<!-- CART /  CHECKOUT INCLUDES -->
<link rel="stylesheet" type="text/css" media="screen, projection" href="3rdparty/jcart-1.3/jcart/css/jcart.css" /><!-- ?v=60 -->
<script type="text/javascript" src="3rdparty/jcart-1.3/jcart/js/jcart.js"> </script>
<!-- CART /  CHECKOUT INCLUDES END -->	

<script type="text/javascript">
$(document).ready(function() {
//	$({ Counter: 0 }).animate({
//		Counter: $('.mybalance').val()
//	}, {
//		duration: 1000,
//		easing: 'swing',
//		step: function() {
//			$('.animatedbalance').text(Math.ceil(this.Counter).toLocaleString('en'));
//		}
//	});
	var totalLoaded = $('.mybalance').val();
	$({ Counter: 0 }).animate({
		Counter: totalLoaded
	}, {
		duration: 1000,
		easing: 'swing',
		step: function() {
			//$('.animatedcoins').text(Math.ceil(this.Counter).toFixed(2).toLocaleString('en'));
			$('.animatedbalance').text(Math.ceil(this.Counter*100)/100).toLocaleString('en');
		},
		complete : function() {
			$('.animatedbalance').text(parseFloat(totalLoaded, 10).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1,").toString());
		}
	});	
	
	var totalTickets = $('.myloyaltytix').val();
	$({ Counter: 0 }).animate({
		Counter: totalTickets
	}, {
		duration: 1000,
		easing: 'swing',
		step: function() {
			//$('.animatedcoins').text(Math.ceil(this.Counter).toFixed(2).toLocaleString('en'));
			//$('.animatedloyaltytix').text(Math.ceil(this.Counter*100)/100).toLocaleString('en');
			$('.animatedloyaltytix').text(Math.ceil(this.Counter).toLocaleString('en'));
		},
		complete : function() {
			$('.animatedloyaltytix').text(Math.ceil(this.Counter).toLocaleString('en'));
			//$('.animatedloyaltytix').text(parseFloat(totalTickets, 10).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1,").toString());
		}
	});	

//	$('#add-to-cart').submit(function() {
//		//alert('Yes');
//		$.ajax({
//			type: 'POST',
//			url: $(this).attr('action'),
//			dataType: 'json',
//			success: function(json) {
//				alert('Redirect');
//				window.location.href = "https://joincrossfireiq.com/checkout";
//			}
//		})
//		return false;
//	});
});	
</script>

<!-- MAY WANT TO REMOVE THE OVERFLOW HIDDEN STYLES, SO THE PAGE IS SCROLLABLE -->
<style type="text/css">
	html {
		/*overflow:hidden !important;*/
		font-family:Poppins,Montserrat,Raleway,Helvetica, sans-serif;
		overflow:auto;
	}
	body {
		min-height: 100%; /*overflow:hidden;*/
		font-family: Poppins,Montserrat,Raleway,Helvetica, sans-serif;
		overflow:auto;
	}
	.spacer { padding-top: 0px; 
	}
	#mmen {
		display: none; 
	}
	
	#errordiv a,
	#errordiv a:active,
	#errordiv a:visited {
		background: #fff;
		color: #28d52d;
		border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;
		padding: 3px 10px;
		font-weight: 800;
	}

	#errordiv a:hover {
		color: #fff;
		background: #28d52d;
	}	
	
	/* //////////////////////////// */
	/* ////   SQUARE BUTTONS   //// */
	/* //////////////////////////// */ 

	input.squaretopaz {
		background: #0297CF;
		color: #fff;
		border: 1px solid #0088bb;
		padding: 15px 40px;
		font-size: 16px;
		display: inline-block;
		box-shadow: 0 3px 10px rgb(0 0 0 / 30%);
		margin-bottom:20px;
	}
	input.squaretopaz:hover {
		background: #00a2df;
		color: #fff;
		border: 1px solid #0088bb;
		text-shadow: 0px 0px 0px rgba(0,0,0,.4);
	}	
	
	input.squareblue {
		background: #28397E;
		color: #fff;
		border: 1px solid #28397E;
		padding: 15px 40px;
		font-size: 16px;
		display: inline-block;
		box-shadow: 0 3px 10px rgb(0 0 0 / 30%);
		margin-bottom:20px;
	}
	input.squareblue:hover {
		background: #2b4090;
		color: #fff;
		border: 1px solid #2e459c;
		text-shadow: 0px 0px 0px rgba(0,0,0,.4);
	}	
	
	/* //////////////////////////// */
	/* ////   ROUNDED BUTTONS  //// */
	/* //////////////////////////// */
	
	input.roundedwhite {
		background:#fff;
		color:#283A7E;	
		border: 1px solid #3650b7;
		border-radius: 30px ;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		padding: 15px 70px;
		font-size: 16px;
		display: inline-block;
		box-shadow: 0 3px 10px rgb(0 0 0 / 30%);		
	}
	input.roundedwhite:hover {
		background:#3752bc;
		color:#fff;	
		border: 1px solid #003e6c;
		text-shadow: 0px 0px 0px rgba(0,0,0,.4);
	}
	input.roundedblue {
		background: #28397E;
		color: #fff;
		border: 1px solid #3650b7;
		border-radius: 30px ;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		padding: 15px 70px;
		font-size: 16px;
		display: inline-block;
		box-shadow: 0 3px 10px rgb(0 0 0 / 30%);
	}
	input.roundedblue:hover {
		background: #fff;
		color: #28397E;
		border: 1px solid #eee;
		text-shadow: 0px 0px 0px rgba(0,0,0,.4);
	}	
	.rounded2 a, input.rounded2 {
		background: #00AF14;
		color: #fff;
		border: 1px solid #059813;
		border-radius: 30px ;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		padding: 15px 70px;
		font-size: 16px;
		display: inline-block;
		box-shadow: 0 3px 10px rgb(0 0 0 / 30%);
	}
	.rounded2 a:hover, input.rounded2:hover {
		color: #fff;
		background: #004172; /* 00355B */
		border: 1px solid #003e6c;
		text-shadow: 0px 0px 0px rgba(0,0,0,.4);
	}
	.rounded a {
		background: #eee;
		border-radius: 25px ;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
		padding: 15px 20px;
		font-size: 15px;
		display: inline-block;
	}
	.rounded a:hover {
		color: #fff;
		background: #00355B;
		text-shadow: 0px 0px 0px rgba(0,0,0,.4);
	}
	
	h1.introh1 {
		margin-top: 150px;
	}
	
	.pricingcard { float: left; width:475px; }
	.balancediv {  width:50%; }
	.loadlinks { padding-top:30px; }
	.successmsg { margin-bottom:40px; }
	
/* ######################################################### */
/*                       MOBILE STYLES                       */
/* ######################################################### */

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
}

/* Landscape phones and down */
@media (max-width: 586px) {
	.spacer {
		padding-top: 0px !important;
	}
	.grid_12 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 20px;
	}	
	h1.introh1 {
		width:90%;
		margin:45px auto 20px;
	}
	#leftbalancediv { margin-bottom:40px; }
	.balancediv { width:100%; display:block; }
	
	.loadlinks { padding-top:10px; text-align:center; }
	.successmsg { margin-bottom:40px; }
	.loadlinks a { font-size:15px; }
	
	.pricingcard { float: none; display:block; width:100%; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
	#firstpricingcard { margin-bottom:35px; }
}

/* Landscape phones and down */
@media (max-width: 480px) {

}	

/* Older phones with super small screens */
@media (max-width: 320px) {

}	
</style>


<div class="home-feature-category" style="background: url('/static/images/pagebg.jpg') no-repeat;
	background-size:cover; background-position:center center; border:none; min-height:900px; padding-top:30px; 
	margin-top:0px !important;">
    <div class="container_12 clearfix" style="min-height:900px;">
		<div class="grid_12" style="font-size:17px; color:#fff; 
		font-family:Poppins,Montserrat,Raleway,Helvetica, sans-serif; line-height:27px;">
        
			<h1 class="introh1" style="font-family:Poppins,Montserrat,Raleway,Helvetica, sans-serif; font-weight:600;
					font-size:38px; line-height:48px; color:#fff; text-shadow:0px 1px 1px rgba(0,0,0,.7); text-align:center;">

				Thank you for verifying!
			</h1>

			<div style="font-size:19px; line-height:29px; text-shadow:0px 1px 1px rgba(0,0,0,.5); max-width:700px;
					text-align:center; margin:0 auto;">

				<div class="successmsg" style="text-align:center; margin:0 auto;">
					<center><span style="font-weight:600;">Your phone number has been verified.
						We&rsquo;ll send out a no more than 2 reminder text messages and/or emails (if
						you turned the email toggle on) before the Trivia Challenge you are interested
						in goes live.</span>
						<br /><br />
						<div style="font-size:15px; line-height: 21px;">
							Note: You can unsubscribe at any time on the same SlideUp screen where
							you entered your number.
						</div>

						<?php
							if (isset($msg)) {
								echo "<br />
								<div id='errordiv' style='line-height:23px; background:$bgcolor; 
								color:#fff; padding:11px 15px;
								margin:5px 0px 15px 0px; border:1px solid #fff; font-weight:300; 
								text-align:center; border-radius: 50px; -moz-border-radius: 50px; 
								-webkit-border-radius: 50px;
								font-size:15px;'>$msg</div>";
							}
						?>
					</center>
				</div>
				<div class="clear"></div>

			</div>
			<div class="clear"></div>
			
			<!--<a href="/auth/checkaccount"
			title="Click here to check for an existing account"
			style="font-weight:600; color:#57d4ff;">Check to see</a> if you already have an
			existing Agent/Affiliate Account.-->

			<div style="width:100%; height:200px; background:none; text-align:center; padding:15px 25px;
				font-family: Montserrat,Arial, sans-serif; box-sizing:border-box; 
				-moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#fff; 
				font-size:11px; font-weight:400;">
				powered by<br />
				<a href="/ft"><img src="/static/client/crest.png" alt="FT"
					style="height:70px; width:70px; margin:5px 0 -15px;" align="absmiddle" /></a>
			</div>
			<div class="clear"></div>
			<br /><br /><br /><br /><br /><br /><br />
		
		</div><!-- GRID 12 DIV ENDS HERE -->
	</div><!-- CONTAINER 12 DIV END HERE -->
</div><!-- HOME FEATURE CATEGORY DIV ENDS HERE -->

<!-- //////////////////////////////////////////////////////////////////////////////////////// -->
<!-- ////////////////////               NOTHING BELOW HERE               //////////////////// -->
<!-- //////////////////////////////////////////////////////////////////////////////////////// -->

<?php
	include('views/_footer.tpl.php');
?>