<?
include($_SERVER['DOCUMENT_ROOT'] . "/vx/lib/ua.php");
?>
<center>
	<div id="loginForm" class="rb <?=$phone ? 'pb40' : 'pt40'?>" style="height:100%;">
		<form name="loginForm" method="post" enctype="multipart/form-data"
			  ng-show="!forgotPassword" class="p20"
			  style="width:100%; height:100%;"
			  action="">
			<div class="rb top">
				<div class="rb center f24 bold">
					Login To {{siteName}}
				</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"
					 ng-show="loginErrors && loginErrors.length > 0">
					<div class="rib left bold f16 pb20">
						{{loginErrors}}
					</div>
				</div>
				<div class="rb center">
					<div class="rib left">
						<label>
							Username
							<span class="rib f10 bred normal" ng-show="loginForm.username.$invalid"
								  style="top:-4px;">
								<i class="fa fa-asterisk" aria-hidden="true"></i>
							</span>
							<span class="rib f16 green normal" ng-show="loginForm.username.$valid"
								  style="top:-3px;">
								<i class="fa fa-check" aria-hidden="true"></i>
							</span>
							<br>
							<input type="email" name="username" ng-model="login.username" required
								   placeholder="Email or Username" class="loginInput" style="width:306px;">
						</label>
					</div>
					<br>
					<div class="rib left">
						<label>
							Password
							<span class="rib f10 bred normal" ng-show="loginForm.password.$invalid"
								  style="top:-4px;">
								<i class="fa fa-asterisk" aria-hidden="true"></i>
							</span>
							<span class="rib f16 green normal" ng-show="loginForm.password.$valid"
								  style="top:-3px;">
								<i class="fa fa-check" aria-hidden="true"></i>
							</span>
							<br>
							<input type="password" name="password" ng-model="login.password" required
								   ng-minlength="5" ng-maxlength="32"
								   placeholder="Password" class="loginInput" style="width:306px;">
						</label>
						<div class="f12 blue rollover-underline pointer noselect"
							 ng-click="forgotPassword = !forgotPassword">
							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;">
					<button class="rib btn btn-success btn-lg" style="border-radius:0;"
							ng-disabled="loginForm.username.$invalid || loginForm.password.$invalid">
						Login
					</button>
				</div>
			</div>
		</form>
		<form name="forgotForm" method="post" enctype="multipart/form-data"
			  ng-show="forgotPassword" class="p20" ng-submit="submitForgotPassword(forgot)"
			  style="width:100%; height:100%;">
			<div class="rb">
				<div class="rb center f24 bold noselect">
					Forgot Password/Username
				</div>
				<div class="rb center" ng-show="forgotPasswordSet">
					<div class="f18 bred bold p10">
						Your Account Was Found
					</div>
					<div class="f16 bold bgray pb20">
						Please check your email for login details
					</div>
				</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 class="rb f16 bold lred p10">
							{{forgotPasswordError}}
						</div>
					</div>
					<div class="rb center">
						<div class="rib left">
							<label>
								Email Address
								<br>
								<input type="text" name="email" ng-model="forgot.email" required
									   placeholder="Email Address" class="loginInput" style="width:306px;">
							</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;">
					<button class="rib btn btn-lg none noborder" style="margin-right:20px;"
							ng-click="forgotPassword = !forgotPassword; forgot.email = ''; forgotPasswordSet = false">
						Cancel
					</button>
					<button class="rib btn btn-primary btn-lg" style="border-radius:0;"
							ng-show="!forgotPasswordSet && (!forgotPasswordError || forgotPasswordError.length == 0)"
							ng-disabled="forgotForm.email.$invalid">
						Submit
					</button>
					<button class="rib btn btn-primary btn-lg" style="border-radius:0;"
							ng-show="forgotPasswordSet && (!forgotPasswordError || forgotPasswordError.length == 0)"
							ng-click="forgotPassword = !forgotPassword; forgot.email = ''; forgotPasswordSet = false">
						Done
					</button>
				</div>
			</div>
		</form>
	</div>
</center>