
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head><title><?php echo APP_NAME ; ?> Portal Signin</title>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
	<meta http-equiv='Pragma' content='no-cache'>
	<meta http-equiv='Expires' content='Sat, 01 Jan 2000 06:00:00 GMT'>
	<meta http-equiv='Cache-Control' content='no-store, no-cache, must-revalidate, max-age=0'>
	<link type="text/css" href="<?php echo Util::asset('css/bootstrap.css'); ?>" rel="stylesheet" />
	<link type="text/css" href="<?php echo Util::asset('css/signin.css'); ?>" rel="stylesheet" />
	<script type="text/javascript" src="<?php echo Util::asset('js/jquery-2.2.4.min.js'); ?>"></script>
	<script type="text/javascript" src="<?php echo Util::asset('js/sbg-util.js'); ?>"></script>
	<script type="text/javascript" src="<?php echo Util::asset('js/bootstrap.min.js'); ?>"></script>
	<link rel="shortcut icon" href="<?php echo Util::getLogo(); ?>" />
	<style>
		.container {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
		}
	</style>
</head>
<body style="background-image: url(image/Background.png)"><form id="sbg-main" name="sbg-main" method="post" action=""><!-- class="sbg-signin-bg" -->
<div id="sbg-content" style="height:100%">
	<div class="container sbg-signin">
		
		<div class="row" >
			
			<div style="width:380px;margin:auto;display: block;background-color: white;border-radius: 15px;padding-top:20px;padding-bottom:5px;padding-left:20px;padding-right:20px" >
				<div>
					<div style="margin-bottom:40px;text-align:center;">
						<h5 class="m-login__welcome" style="color:#3C8DBC;margin-bottom: 20px;">
							<!--<img src="image/aoc.png" style="width: 40px;height: 40px;">--><strong>&nbsp;<?php echo APP_NAME; ?> </strong>
						</h5>
						<img src="<?php echo Util::getLogo() ; ?>" style="width: 200px;height: auto;">
						<h3 style="text-align:center;color:grey">
							
							<?php //echo $this->getLedgerBuName(); ?>
							
						</h3>
						<h4 style="margin-bottom: 20px;text-align:center;color:grey">
					
							<?php //echo $this->getLedgerBuReg(); ?>
						</h4>
					</div>
					<!-- <div class="panel-heading">
						<div class="panel-title">Please sign in</div>
					</div> -->
					<div class="panel-body" style="border-radius: 10px;background-color:#f2f2f2;padding-top:2%;padding-bottom:2%;padding-left:15px;padding-right:15px">
						
						
						<div class="col-lg-12" style="margin-bottom:15px">
							<!-- <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> -->
							<div class="col-lg-1"></div>
							<div class="col-lg-10">
							<p style="font-size:11px;">User ID</p>
								<input class="form-control" style="height: 43px;" placeholder="" name="txtCode" id="txtCode" type="text"></input>
								<span id="err_code" style="color:Red;display:none"></span>
							</div>
							<div class="col-lg-1"></div>
			    		</div>
			    
			    		<div class="col-lg-12" style="margin-bottom:25px">
							<div class="col-lg-1"></div>
							<div class="col-lg-10">
							<p style="font-size:11px">Password</p>
								<input class="form-control"  style="height: 43px;" placeholder="" name="txtPwd" id="txtPwd" type="password" value=""></input>
								<span id="err_pwd" style="color:Red;display:none"></span>	
							</div>
							<div class="col-lg-1"></div>
			    			
						</div>
						
						<div class="col-lg-12" >
							<div class="col-lg-1"></div>
							<div class="col-lg-10">
							<!-- <p style="font-size:11px">&nbsp;</p> -->
								<input id="btnLogin" name="btnLogin" <?php if($this->getLicensing() == 1) echo "style='display:none'" ?> style="width: 100%;height: 43px;color: white;background: #428bca;padding: 3px;margin-bottom:10px;border-radius: 3px;border-color:transparent;" class="" type="button" value="Sign In"></input>
							</div>
							<div class="col-lg-1"></div>
						</div>
						<div style="color:red;padding: 10px 10px 10px 10px;">
							<span><?php if($this->getLicensing() == 1)
										echo "The license for this product is expired (" . $this->getLicenseDate() . "). Please contact system administrator.";
										else if($this->getLicensing() == 2)
										echo "The license for this product is expiring soon (" . $this->getLicenseDate() . "). Please contact system administrator. <br />";
									?></span>
						</div>
					</div>
					<div style="text-align:center;margin-top:20px;"><?php echo $this->getVersion(); ?></div>
					
					<div id="err" style="color:red;padding: 10px 10px 10px 10px;">
						<span id="err_mesg"></span>
						<span id="err_summary"></span>
					</div>
				</div>
			</div>
		</div>
	</div>
	
		<div class="sbg-signin-footer" style="background-color: white;">
			<ul>
				<li>&#169 2013 - <?php echo date('Y');?> Strategic Asia Pte Ltd&nbsp;|&nbsp;</li>
				<li><a href="#">Terms &amp; Privacy</a></li>
				<li>&nbsp;|&nbsp;<a href="javascript:showReport('http://www.strategic.asia')">Contact Us</a></li>
				<li>&nbsp;|&nbsp;Please use Google Chrome or Internet Explorer (version 10 above) as the browser.</li>
			</ul>
		</div>
	
</div>

<div class="modal fade" id="sbg-pwd" name="sbg-pwd">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title">Create Password</h4>
            </div>
            <div class="modal-body">
                <div class="input-group">
					<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
					<input class="form-control" placeholder="New Password" name="txtPwd1" id="txtPwd1" type="password" value=""></input>
				</div>
				<div class="input-group">
					<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
					<input class="form-control" placeholder="Confirm Password" name="txtPwd2" id="txtPwd2" type="password" value=""></input>
				</div>
            <br>
				<div>
                    <font color="red">The password has to be at least minimal 8 characters, have minimal of 1 uppercase letter, 1 lowercase letter and 1 numeric letter.</font>
				</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary" id="btnPwdOk" name="btnPwdOk">Ok</button>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="modalVersion" >
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title" id="modalVersionTitle">Change log</h4>
            </div>
            <div class="modal-body">
               <div id="modalVersionContent"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
			</div>
		</div>
	</div>
</div>

</form>
<script type="text/javascript">
var signin_url =  "<?php echo Util::convertLink("Signin") ; ?>" ;
<?php include (PATH_CODE . "js/signin/signin.js") ; ?>
</script>
</body>
</html>
