<?php
	define(CURRENT_PAGE, basename(__FILE__, ".php"));
	require_once("system.engine/system.core.php");
	$l->setPrefix(CURRENT_PAGE);
	
	$systemSmilies = &$systemHandler->loadHandler("SMILIES");
	$systemUser = &$systemHandler->loadHandler("USER");
?>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title><?php echo $systemHandler->loadHandler("CONFIG")->mSocialName ?> - <?php echo $l->getValue("title"); ?></title>
		<meta name="viewport" content="width=device-width, user-scalable=no" />
		<link href="system.assets/bootstrap/css/bootstrap.css" rel="stylesheet">
		<link href="system.assets/css/flat-ui.css" rel="stylesheet">
		<link href="system.assets/css/elitenetwork.css" rel="stylesheet">
		<link href="system.assets/css/sweet-alert.css" rel="stylesheet">
		<link rel="shortcut icon" href="system.assets/images/favicon.ico">
		<!--[if lt IE 9]>
		<script src="system.assets/js/html5shiv.js"></script>
		<script src="system.assets/js/respond.min.js"></script>
		<![endif]-->
		<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
		<style type="text/css">
			body {
				font-family: 'Source Sans Pro', sans-serif;
			}
			center > a {
			margin-left: 0;
			font-size: 14px;
			font-weight: bold
			}
			.form-control {
			border: #fff
			}
			
			.form-box {
				width: 100%;
				margin-top: -70px;
				margin-bottom: 30px
				}
				.form-box .header {
				-webkit-border-top-left-radius: 4px;
				-webkit-border-top-right-radius: 4px;
				-webkit-border-bottom-right-radius: 0;
				-webkit-border-bottom-left-radius: 0;
				-moz-border-radius-topleft: 4px;
				-moz-border-radius-topright: 4px;
				-moz-border-radius-bottomright: 0;
				-moz-border-radius-bottomleft: 0;
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
				border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;
				background: rgb(246, 147, 132);;
				box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
				text-align: center;
				font-size: 26px;
				font-weight: 300;
				color: #fff;
				}

				.form-box .body, .form-box .footer {
				padding: 10px 10px;
				background: #fff;
				color: #444;
				}

				.bg-gray {
				background-color: #eaeaec !important;
				}

				.form-box .footer {
				-webkit-border-top-left-radius: 0;
				-webkit-border-top-right-radius: 0;
				-webkit-border-bottom-right-radius: 4px;
				-webkit-border-bottom-left-radius: 4px;
				-moz-border-radius-topleft: 0;
				-moz-border-radius-topright: 0;
				-moz-border-radius-bottomright: 4px;
				-moz-border-radius-bottomleft: 4px;
				border-top-left-radius: 0;
				border-top-right-radius: 0;
				border-bottom-right-radius: 4px;
				border-bottom-left-radius: 4px;
				}

				.form-box .body, .form-box .footer {
				padding: 10px 10px;
				background: #fff;
				color: #444;
				}

				.header {
					margin-left: 0px
				}

				.form-group:last-child {
					margin-bottom: 0px
				}
		</style>
	</head>
	<body class="bodyBackground">
		<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
			<div class="row">
				<div class="col-md-6 col-xs-10 col-md-offset-3 col-xs-offset-1">
					<div class="navbar-header">
						<a class="navbar-brand" href="#"><img src="http://elitecode.de/cc/elitenetwork/system.assets/images/logo.png" /></a>
					</div>
				</div>
			</div>
		</nav>
		<div class="row" id="rowBody">
			<div class="col-md-10 col-md-offset-1 hidden-xs">
				<center>
					<?php
						if(strlen($systemHandler->loadHandler("CONFIG")->mAds[2]) > 0)
							echo $systemHandler->loadHandler("CONFIG")->mAds[2];
					?>
				</center>
			</div>
			<div class="col-md-6 col-md-offset-3 col-xs-10 col-xs-offset-1">
				<div class="alert alert-danger" id="errorBox"><i class="glyphicon glyphicon-warning-sign"></i> <span id="errorText"></span></div>
			</div>
			<div class="col-md-4 col-xs-10 col-md-offset-3 col-xs-offset-1 hidden-sm" id="containerDesc">
				<div class="panel panel-default" style="height: 500px">
					<div class="panel-body" id="panelContent">
						<div style="position: absolute; top: calc(50% - 8px); left: calc(50% - 8px);">
							<img src="system.assets/images/loader.gif" />
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-2 col-xs-10 col-xs-offset-1 col-md-offset-0" id="containerForm">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title"><?php echo $l->getValue("policy"); ?> <i class="glyphicon glyphicon-bullhorn font14" style="float: right"></i></h3>
					</div>
					<div class="panel-body">
						<div class="list-group">
							<a href="#" class="list-group-item active" data-load="termsofuse">
								<?php echo $l->getValue("termsofuse"); ?>
							</a>
							<a href="#" class="list-group-item" data-load="privacypolicy">
								<?php echo $l->getValue("privacypolicy"); ?>
							</a>
							<a href="#" class="list-group-item" data-load="disclaimer">
								<?php echo $l->getValue("disclaimer"); ?>
							</a>
							<a href="#" class="list-group-item" data-load="about">
								<?php echo $l->getValue("about"); ?>
							</a>
						</div>
					</div>
				</div>
				
				<a class="btn btn-block btn-primary" href="index.php">&laquo; <?php echo $l->getValue("backtologin"); ?></a>
			</div>
		</div>
		<script src="system.assets/js/jquery-1.8.3.min.js"></script>
		<script src="system.assets/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script src="system.assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="system.assets/js/bootstrap.min.js"></script>
		<script src="system.assets/js/bootstrap-select.js"></script>
		<script src="system.assets/js/bootstrap-switch.js"></script>
		<script src="system.assets/js/flatui-checkbox.js"></script>
		<script src="system.assets/js/flatui-radio.js"></script>
		<script src="system.assets/js/jquery.tagsinput.js"></script>
		<script src="system.assets/js/jquery.placeholder.js"></script>
		<script src="system.assets/js/sweet-alert.js"></script>
		<script src="system.assets/jqvmap/jquery.vmap.js" type="text/javascript"></script>
		<script src="system.assets/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
		<script src="system.assets/jqvmap/data/jquery.vmap.userinfo.js" type="text/javascript"></script>
		<script src="system.jquery/system.index.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('[data-toggle="tooltip"]').tooltip();
				
				$.ajax({
					url: "system.ajax/ajax.handle.policy.php",
					type: "POST",
					dataType: "JSON",
					data: { currentTab: "termsofuse" },
					success: function(ajaxResponse) {
						$("#panelContent").html(ajaxResponse.policyContent);
					}
				});
				
				$("body").on("click", ".list-group-item", function () {
					$(".list-group-item").removeClass("active");
					$(this).addClass("active");
					
					var mTab = $(this).attr("data-load");
					$.ajax({
						url: "system.ajax/ajax.handle.policy.php",
						type: "POST",
						dataType: "JSON",
						data: { currentTab: mTab },
						success: function(ajaxResponse) {
							$("#panelContent").html(ajaxResponse.policyContent);
						}
					});
				});
			});
		</script>
	</body>
</html>