<!DOCTYPE html>

<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 4 & Angular 8
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<html lang="en">

	<!-- begin::Head -->
	<head>

		<!--begin::Base Path (base relative path fometronic of this page) -->
		<base href="./">

		<!--end::Base Path -->
		<meta charset="utf-8" />
		<link rel="icon" href="image/favicon.png" type="image/x-icon" />
		<link rel="apple-touch-icon" href="image/favicon.png">
		<title><?php echo APP_NAME; ?></title>
		<meta name="description" content="Login page example">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<!--begin::Fonts -->
		<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script>
		<script>
			WebFont.load({
				google: {
					"families": ["Poppins:300,400,500,600,700", "Roboto:300,400,500,600,700"]
				},
				active: function() {
					sessionStorage.fonts = true;
				}
			});
		</script>

		<!--end::Fonts -->

		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.10.4.min.js"></script>
		<script type="text/javascript" src="js/sbg-util.min.js"></script>

		<!--begin::Page Custom Styles(used by this page) -->
		<link href="metronic/css/pages/login/login-3.css" rel="stylesheet" type="text/css" />

		<!--end::Page Custom Styles -->

		<!--begin:: Global Mandatory Vendors -->
		<link href="metronic/vendors/general/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" type="text/css" />
        <link href="metronic/vendors/general/sweetalert2/dist/sweetalert2.min.css" rel="stylesheet" type="text/css" />

		<!--end:: Global Mandatory Vendors -->

		<!--begin::Global Theme Styles(used by all pages) -->
		<link href="metronic/css/style.bundle.css" rel="stylesheet" type="text/css" />

		<!--end::Global Theme Styles -->

		<!--begin::Layout Skins(used by all pages) -->
		<link href="metronic/css/skins/header/base/light.css" rel="stylesheet" type="text/css" />
		<link href="metronic/css/skins/header/menu/light.css" rel="stylesheet" type="text/css" />
		<link href="metronic/css/skins/brand/light.css" rel="stylesheet" type="text/css" />
		<link href="metronic/css/skins/aside/light.css" rel="stylesheet" type="text/css" />

		<!--end::Layout Skins -->
	</head>

	<!-- end::Head -->

	<!-- begin::Body -->
	<body class="kt-quick-panel--right kt-demo-panel--right kt-offcanvas-panel--right kt-header--fixed kt-header-mobile--fixed kt-subheader--enabled kt-subheader--fixed kt-subheader--solid kt-aside--enabled kt-aside--fixed kt-page--loading">

		<!-- begin:: Page -->
		<div class="kt-grid kt-grid--ver kt-grid--root">
			<div class="kt-grid kt-grid--hor kt-grid--root  kt-login kt-login--v3 kt-login--signin" id="kt_login">
				<div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" style="background-color:#ffffff;">
					<div class="kt-grid__item kt-grid__item--fluid kt-login__wrapper" >
						<div class="kt-login__container">
							<div class="kt-login__logo" style="margin-bottom: 20px;">
								<img src="image/logo-pservice.jpg" style="width: 270px;height: 110px;">
							</div>
							<div class="kt-login__signin">
								<div class="kt-login__head" style="margin-bottom: 0px;">
									<h3 class="kt-login__title"><?php echo APP_NAME; ?></h3>
								</div>
								<form class="kt-form" action="javascript:" method="post" style="width: 300px;">
									<div class="input-group">
										<input style="border: 1px solid #A0A0A0;border-radius:3px;" class="form-control" type="text" placeholder="Username" id="txtCode" name="txtCode" autocomplete="off">
										<span id="err_name" style="color:red;display:none"></span>
										<input class="form-control" type="hidden" id="txtCommand" value="<?php echo $this->getCommand(); ?>">
									</div>
									<div class="input-group">
										<input style="margin-top:15px;border: 1px solid #A0A0A0;border-radius:3px;" class="form-control" type="password" placeholder="Password" id="txtPwd" name="txtPwd">
										<span id="err_pwd" style="color:red;display:none"></span>
									</div>
									<div style="color:red;">
										<span>
											<?php
												if($this->getLicensing() == 1)
													echo "The license for this product is expired. Please contact system administrator.";
												else if($this->getLicensing() == 2)
													echo "The license for this product is expiring soon. Please contact system administrator. <br />";
											?>
										</span>
									</div>
									<div class="kt-login__actions">
										<button style="min-width: 300px;" <?php if($this->getLicensing() == 1) echo "style='display:none'" ?> id="btnLogin" class="btn btn-brand btn-elevate kt-login__btn-primary">Login</button>
									</div>
									<div class="row kt-login__extra" style="margin-top:15px;">
										<div class="col kt-align-center">
											<a onClick="resetPassword();" style="cursor: pointer" id="kt_login_forgot" class="kt-login__link text-center">Reset Password</a>
										</div>
									</div>
									<div id="err" style="color:red;padding: 10px 10px 10px 10px;">
										<span id="err_mesg"></span>
										<span id="err_summary"></span>
									</div>
								</form>
							</div>
							<div class="kt-login__account">
							<span class="kt-login__account-msg">
									<?php echo "Version ".$this->getVersion(); ?><br>
									&#169 2013 - <?php echo date('Y');?> Strategic Asia Pte Ltd<br>
									<a href="http://strategic.asia" target="_blank">Terms &amp; Privacy</a>&nbsp;|&nbsp;<a href="http://strategic.asia" target="_blank">Contact Us</a><br>
									Please use Google Chrome or Microsoft Edge as the browser.
							</span>
						</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- end:: Page -->

		<!--begin::Modal-->
		<div class="modal fade" id="modalNewPassword" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
		    <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
		        <div class="modal-content">
		            <div class="modal-header">
		                <h5 class="modal-title" id="exampleModalLabel">New Password</h5>
		                <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button> -->
		            </div>
		            <div class="modal-body">
		                <div class="kt-scroll" data-scroll="true">
		                   <form>
		                   		<div class="form-group row">
								   	<label class="col-6 col-form-label">New Password</label>
									<div class="col-6">
									<input class="form-control m-input" id="txtPwd1" maxlength="10" size="20" type="password">
									</div>
								</div>								
								<div class="form-group row">
								   	<label class="col-6 col-form-label">Confirm Password</label>
									<div class="col-6">
									<input class="form-control m-input" id="txtPwd2" maxlength="10" size="20" type="password">
									</div>
								</div>
							</form>
		                </div>
		            </div>
		            <div class="modal-footer">
		                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
		                <button type="button" id="btnChangePwd" class="btn btn-primary">Save changes</button>
		            </div>
		        </div>
		    </div>
		</div>

		<!--end::Modal-->

		<!-- begin::Global Config(global config for global JS sciprts) -->
		<script>
			var KTAppOptions = {
				"colors": {
					"state": {
						"brand": "#5d78ff",
						"dark": "#282a3c",
						"light": "#ffffff",
						"primary": "#5867dd",
						"success": "#34bfa3",
						"info": "#36a3f7",
						"warning": "#ffb822",
						"danger": "#fd3995"
					},
					"base": {
						"label": ["#c5cbe3", "#a1a8c3", "#3d4465", "#3e4466"],
						"shape": ["#f0f3ff", "#d9dffa", "#afb4d4", "#646c9a"]
					}
				}
			};
		</script>

		<!-- end::Global Config -->

		<!--begin:: Global Mandatory Vendors -->
		<script src="metronic/vendors/general/jquery/dist/jquery.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/popper.js/dist/umd/popper.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/js-cookie/src/js.cookie.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/moment/min/moment.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/tooltip.js/dist/umd/tooltip.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/perfect-scrollbar/dist/perfect-scrollbar.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/sticky-js/dist/sticky.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/wnumb/wNumb.js" type="text/javascript"></script>
        <script src="metronic/vendors/general/sweetalert2/dist/sweetalert2.min.js" type="text/javascript"></script>

		<!--end:: Global Mandatory Vendors -->

		<!--begin::Global Theme Bundle(used by all pages) -->
		<script src="metronic/js/scripts.bundle.js" type="text/javascript"></script>

		<!--end::Global Theme Bundle -->


		<!--end::Page Scripts -->
	</body>

	<!-- end::Body -->
</html>

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