<?php
$html = '<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <title>$general[globaltitle]</title>
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/style.css">
    <style>
        body{
            background-image: url("images/bg-login.jpg");
			background-repeat: repeat-y;
			background-size: cover;
			background-position: top center;
        }
    </style>
	<script type="text/javascript">
		function checkform(obj){
			if (obj.username.value == ""){
				alert("$phrase[fillusername]");
				obj.username.focus();
			}
			else if (obj.password.value == ""){
				alert("$phrase[fillpassword]");
				obj.password.focus();
			}
			else{
				return true;
			}
			return false;
		}
		
		function checkregform(obj){
			if (obj.email.value == ""){
				alert("$phrase[fillemail]");
				obj.email.focus();
			}
			else if (obj.firstname.value == ""){
				alert("$phrase[fillname]");
				obj.firstname.focus();
			}
			else if (obj.companyphone.value == ""){
				alert("$phrase[fillcompanyphone]");
				obj.companyphone.focus();
			}
			/* else if (obj.bitcoin_account.value == ""){
				alert("$phrase[fillbitcoinaccount]");
				obj.bitcoin_account.focus();
			} */
			else if (obj.regpassword.value == ""){
				alert("$phrase[fillpassword]");
				obj.regpassword.focus();
			}
			else if (obj.conpassword.value == ""){
				alert("$phrase[passwordnullconfirmation]");
				obj.conpassword.focus();
			}
			else if (obj.scodes.value == ""){
				alert("$phrase[enterthecode]");
				obj.scodes.focus();
			}
			else if (obj.regpassword.value.length < 6){
				alert("$phrase[atleast6]");
				obj.regpassword.focus();
			}
			else if (obj.regpassword.value != obj.conpassword.value){
				alert("$phrase[password_confirmation]");
				obj.conpassword.focus();
			}
			else{
				var email_pattern = /^.+@.+\..+$/;
				var valid = email_pattern.test(obj.email.value);
				if (valid == false){
					alert("$phrase[email_address_correctly]");
					obj.email.focus();
					return false;
				}
				return confirm("$phrase[areyousure]");
			}
			return false;
		}
	</script>
</head>
<body>
 	<div class="form">
		<div class="logo"><a href="home"><img src="images/logo.png" border="0"></a></div>
		<ul class="tab-group">
			<li class="tab active"><a href="#login">Log In</a></li>
			<li class="tab"><a href="#signup" id="signup-tab">Sign Up</a></li>
		</ul>
		<div class="tab-content">
			<div id="login">   
				<h1>Welcome Back!</h1>
				<if criteria="!empty($error_login_message)">
				<div class="error-message">$error_login_message</div>
				</endif>
				<if criteria="!empty($success_message)">
				<div class="success-message">$success_message</div>
				</endif>
				<form action="login.php?log=1" method="post" onsubmit="return checkform(this)">
				<div class="field-wrap">
					<label>Email Address<span class="req">*</span></label>
					<input type="text" name="username" id="username" required autocomplete="off" />
				</div>
				<div class="field-wrap">
					<label>Password<span class="req">*</span></label>
					<input type="password" name="password" id="password" required autocomplete="off" />
				</div>
				<p class="forgot"><a href="forgot">Forgot Password?</a></p>
				<button type="submit" class="button button-block"/>Log In</button>
				</form>
			</div>
			<div id="signup">
				<h1>Sign Up for Free</h1>
				<if criteria="!empty($error_signup_message)">
				<div class="error-message">$error_signup_message</div>
				</endif>
				<form role="form" name="frmregister" action="home<if criteria="!empty($upline[\'email\'])">?u=$upline[email]</endif>" method="post" onsubmit="return checkregform(this)">
				<if criteria="!empty($_GET[\'u\']) && !empty($upline[\'userid\'])">
				<div class="field-wrap upline-text">
					<input type="hidden" name="upline" id="upline" value="$upline[userid]">
					Upline: <i><b>$upline[firstname] ($upline[email])</b></i>
				</div>
				</endif>
				<div class="field-wrap">
					<label>Email Address<span class="req">*</span></label>
					<input type="email" name="email" id="email" value="$email" required autocomplete="off" />
				</div>
				<div class="field-wrap">
					<label>Name<span class="req">*</span></label>
					<input type="text" name="firstname" id="firstname" value="$firstname" required autocomplete="off" />
				</div>
				<div class="field-wrap">
					<label>Phone Number<span class="req">*</span></label>
					<input type="text" name="companyphone" id="companyphone" value="$companyphone" required autocomplete="off" />
				</div>
				<div class="field-wrap" style="display:none;">
					<label>Bitcoin Account<span class="req">*</span></label>
					<input type="text" name="bitcoin_account" id="bitcoin_account" value="" autocomplete="off" />
				</div>
				<div class="top-row">
					<div class="field-wrap">
						<label>Password<span class="req">*</span></label>
						<input type="password" name="regpassword" id="regpassword" required autocomplete="off" />
					</div>
					<div class="field-wrap">
						<label>Confirm Password<span class="req">*</span></label>
						<input type="password" name="conpassword" id="conpassword" required autocomplete="off" />
					</div>
				</div>
				<div class="top-row">
					<div class="field-wrap">
						<label>Verification Code<span class="req">*</span></label>
						<input type="text" name="scodes" id="scodes" value="" required autocomplete="off" />
					</div>
					<div class="field-wrap">
						<img id="vcodeimg" src="random?bg=box_black" border="0" style="margin-top:3px;">
                        <img border="0" src="images/icon_refresh.png" style="cursor: pointer; vertical-align:top; margin-top:9px;" title="Refresh Code" onclick="refreshCode(\'vcodeimg\',\'random?bg=box_black\')">
					</div>
				</div>
				<input type="hidden" name="do" value="addmember">
				<button type="submit" class="button button-block">Get Started</button>
				</form>
			</div>
		</div><!-- tab-content -->
	</div> <!-- /form -->       
    <script src="js/jquery.min.js"></script>
    <script src="js/global.js"></script>
    <script src="js/index.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			<if criteria="$is_register">
			$("#signup-tab").click();
			$("#email").focus();
			<else>
			$("#username").focus();
			</if>
			$("input").keyup();
		});
	</script>
</body>
</html>';