<?
include($_SERVER['DOCUMENT_ROOT'] . "/vx/lib/ua.php");
?>
<center>
	<div id="loginForm" class="rb <?=$phone ? 'pb40' : 'pt40'?>" style="height:100%;">
		<form id="real_login_form" name="loginForm" method="post" enctype="multipart/form-data" class="p20" style="width:100%; height:100%;" action="" onsubmit="login_now(this); return false;">
			<div class="rb top">
				<div class="rb center f24 bold">
					Login To <?= $_SESSION['site_name'];?>
				</div>
				<div class="f14 gray p10 center">
					Please login to gain access to your member benefits
				</div>
				<div class="" style="height:10px;"></div>
				<div id="loginErrors" class="rb red center" style="display:none;">
					<div class="rib left bold f16 pb20" id="real_login_error"></div>
				</div>
				<?php if(!empty($_GET['account_exits'])) { ?>
				<div class="rb center">
					It looks like you already have an active account with this email address. Please log in below.
				</div>
				<?php } ?>
				<div class="rb center">
					<div class="rib left">
						<label>
							Username
							<input type="email" name="username" <?= (!empty($_GET['email'])) ? 'value="'.$_GET['email'].'"' : '';?> required
								   placeholder="Email or Username" class="loginInput" style="width:306px;max-width:90%;">
						</label>
					</div>
					<br>
					<div class="rib left">
						<label>
							Password
							<input type="password" name="password" required
								   ng-minlength="5" ng-maxlength="32"
								   placeholder="Password" class="loginInput" style="width:306px;max-width:90%;">
						</label>
						<div class="f12 blue rollover-underline pointer noselect"
							onclick="$('#real_forgot_password_form').show(); $('#real_login_form').hide();">
							Forgot Password/Username
						</div>
					</div>
				</div>
			</div>
			<div class="" style="height:80px;"></div>
			<div class="rb cc">
				<div class="aib noselect" style="left:0; right:0; margin-left:auto; margin-right:auto; bottom:0px;">
					<input type="submit" class="rib btn btn-success btn-lg" style="border-radius:0;" value="Login" />
				</div>
			</div>
		</form>
		<?php if(!empty($loginErrors)) { ?>
		<div style="background:red;color:white;"><h3><?= $loginErrors;?></h3></div>
		<?php } ?>
		<form id="real_forgot_password_form" name="forgotForm" method="post" enctype="multipart/form-data"
			  class="p20" onsubmit="submitForgotPassword(this); return false;"
			  style="width:100%; height:100%; display:none;">
			<div class="rb">
				<div class="rb center f24 bold noselect">
					Forgot Password/Username
				</div>
				<div class="rb" ng-show="!forgotPasswordSet">
					<div class="f14 gray p10 center">
						To have your password emailed to you enter your email address below.
					</div>
					<div class="rb center">
						<div class="rib left">
							<label>
								Email Address
								<br>
								<input type="text" name="email" required
									   placeholder="Email Address" class="loginInput" style="width:306px;max-width:90%;">
							</label>
						</div>
					</div>
				</div>
			</div>
			<div class="" style="height:80px;"></div>
			<div class="rb cc">
				<div class="aib noselect" style="left:0; right:0; margin-left:auto; margin-right:auto; bottom:0px;">
					<input type="submit" class="rib btn btn-success btn-lg" style="border-radius:0;" value="Send Email" />
				</div>
			</div>
		</form>
	</div>
</center>