<?php
/*
 * HeatMapTracker
 * (c) 2013. HeatMapTracker
 * http://heatmaptracker.com
 */
if(!is_user_logged_in() && current_user_can('manage_options')) die("Only admin can access this section");
?>
<!doctype html>
<html lang="en">
<head>
<title>HeatMapTracker View</title>
<?php
	$this->includeCSS();
	$this->includeJS();
	$option = $this -> OPTIONS;
?>
<style>
	body{
		padding: 0;
		margin: 0;
		font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif !important;
		overflow: hidden;
		font-size: 13px;
	}
</style>
</head>
<body>
<script type="text/javascript">
	jQuery(document).ready(function(){
		
		jQuery("iframe", top.document).height(jQuery(document).height());		
		jQuery("#loader").animate({ opacity: 0 }, 100);
	
	})
</script>
<div class="wrap viber-boot">
	<span class="pull-right"><sub style="font-size: 10px">v. <?php echo $option['version']; ?></sub></span>
	<h2><img src="<?php echo $this -> PLUGIN_URL ?>images/viber-logo.png" height="64" width="170" /> <span id="loader" style="line-height: 40px;" ><img src="<?php echo $this -> PLUGIN_URL ?>images/loader.gif" height="9" width="36" /></span></h2>
	<a href="<?php echo admin_url() ?>?viberboot" role="button" class="btn btn-primary pull-right">Close</a>
	<br/>
	<h2>How to use Viber Spy Pro Version</h2><br>
	<iframe width="720" height="515" src="http://www.youtube.com/embed/ZkVhYl6xUJA" frameborder="0" allowfullscreen></iframe>
	<br><br>
	<h2>How to use Viber Spy</h2><br>
	<iframe width="720" height="515" src="http://www.youtube.com/embed/DD5uSq-kAoY" frameborder="0" allowfullscreen></iframe>
</div>
</body>
</html>