<!DOCTYPE html>

<html lang="en">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>Authorization</title>
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
	<link href="styles/bootstrap.min.css" rel="stylesheet" />
	<link href="styles/shortUrlPagesStyles.css" rel="stylesheet" />


	<!-- Init JS var using value passed from controller -->
	<script>
        /*<![CDATA[*/
        var shortCode = "sitemap.xml";
        var allRequestParams = {};
        console.log(shortCode);
        console.log(allRequestParams);
        /*]]>*/
	</script>
</head>
<body>


	<div id='loginFormPortal' class='loginForm'>
		<div class="panel panel-primary">
			<div class="panel-body">
				<div class="col-md-12 noppading">
					<div class="input-field-block">
						<label>Login:</label>
						<div class="input">
							<input class="form-control" name="username" value="" id="login" placeholder="Write login here..." />
						</div>
					</div>
					<div class="input-field-block">
						<label>Password:</label>
						<div class="input">
							<input class="form-control" type="password" name="password" value="" id="pass" placeholder="Write password here..." />
						</div>
					</div>
				</div>
				<div id='portal-warning-message' class="warning">
					<img class="warning-icon" alt="warning" align="top"	src="styles/resources/warning-icon.png" />
					<div id='portal-warning-login-message' class="warning-message"></div>
				</div>
			</div>
			<div class="panel-footer">
				<div class='row'>
					<div class="col-md-12"> 
						<div class="button-block">
							<button id='portal-form-submit' class="next-button" type='button'>Next</button>
						</div>		
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id='loginFormPin' class='loginForm'>
		<div class="panel panel-primary">
			<div class="panel-body">
				<div class="col-md-12 noppading">
					<div class="input-field-block">
						<label>Pin:</label>
						<div class="input">
							<input class="form-control" name="username" value="" id="pin" placeholder="Write pin here..." />
						</div>
					</div>
				</div>
				<div id='pin-warning-message' class="warning">
					<img class="warning-icon" alt="warning" align="top"	src="styles/resources/warning-icon.png" />
					<div id='pin-warning-login-message' class="warning-message"></div>
				</div>
			</div>
			<div class="panel-footer">
				<div class='row'>
					<div class="col-md-12"> 
						<div class="button-block">
							<button id='pin-form-submit' class="next-button" type='button'>Next</button>
						</div>		
					</div>
				</div>
			</div>
		</div>
	</div>	

	<div class="col-md-12">
		<div class="warning-block">
			<div id='warning-message' class="warning">
					<img class="warning-icon" alt="warning" align="top" src="styles/resources/warning-icon.png" />
					<div id='error-code' class="warning-message"></div>
					<div id='error-message' class="warning-message"></div>
			</div>
		</div>
	</div>

	<script src="js/jQuery-2.1.4.min.js"></script>
	<script src="js/shortUrlScript.js"></script>
	<script src='js/bootstrap.min.js'></script>
</body>
</html>