<!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; ?> Administration</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/demo1/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" />

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

		<!--begin:: Global Optional Vendors -->
		<link href="metronic/vendors/general/tether/dist/css/tether.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/bootstrap-datetime-picker/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/bootstrap-timepicker/css/bootstrap-timepicker.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/bootstrap-select/dist/css/bootstrap-select.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/select2/dist/css/select2.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/ion-rangeslider/css/ion.rangeSlider.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/nouislider/distribute/nouislider.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/owl.carousel/dist/assets/owl.carousel.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/owl.carousel/dist/assets/owl.theme.default.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/dropzone/dist/dropzone.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/summernote/dist/summernote.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/bootstrap-markdown/css/bootstrap-markdown.min.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/animate.css/animate.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/toastr/build/toastr.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/morris.js/morris.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/sweetalert2/dist/sweetalert2.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/socicon/css/socicon.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/custom/vendors/line-awesome/css/line-awesome.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/custom/vendors/flaticon/flaticon.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/custom/vendors/flaticon2/flaticon.css" rel="stylesheet" type="text/css" />
		<link href="metronic/vendors/general/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css" />

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

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

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

		<!--begin::Layout Skins(used by all pages) -->
		<link href="metronic/css/demo1/skins/header/base/light.css" rel="stylesheet" type="text/css" />
		<link href="metronic/css/demo1/skins/header/menu/light.css" rel="stylesheet" type="text/css" />
		<link href="metronic/css/demo1/skins/brand/dark.css" rel="stylesheet" type="text/css" />
		<link href="metronic/css/demo1/skins/aside/dark.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-image: url(metronic/media//bg/bg-3.jpg);">
				<span style="text-align:right;margin: 5px "><?php echo $this->getVersion(); ?></span>
					<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; ?><br/>Administration</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="txtName" name="txtName" autocomplete="off">
										<span id="err_name" style="color:red;display:none"></span>
									</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;padding: 10px 10px 10px 10px;">
										<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" style="margin-top:5px;">
										<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">Sign In</button>
									</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="#">Terms &amp; Privacy</a>&nbsp;|&nbsp;<a href="javascript:showReport('http://www.strategic.asia')">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" 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" data-height="200">
		                   <form>
		                   		<div class="form-group m-form__group">
									<input class="form-control m-input" placeholder="Password" id="txtPwd1" maxlength="10" size="20" type="password">
								</div>
								<div class="form-group m-form__group">
									<input class="form-control m-input" placeholder="Confirm Password" id="txtPwd2" maxlength="10" size="20" type="password">
								</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>

		<!-- 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>

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

		<!--begin:: Global Optional Vendors -->
		<script src="metronic/vendors/general/jquery-form/dist/jquery.form.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/block-ui/jquery.blockUI.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/custom/js/vendors/bootstrap-datepicker.init.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/bootstrap-datetime-picker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/bootstrap-timepicker/js/bootstrap-timepicker.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/custom/js/vendors/bootstrap-timepicker.init.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/bootstrap-maxlength/src/bootstrap-maxlength.js" type="text/javascript"></script>
		<script src="metronic/vendors/custom/vendors/bootstrap-multiselectsplitter/bootstrap-multiselectsplitter.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/bootstrap-select/dist/js/bootstrap-select.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/bootstrap-switch/dist/js/bootstrap-switch.js" type="text/javascript"></script>
		<script src="metronic/vendors/custom/js/vendors/bootstrap-switch.init.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/select2/dist/js/select2.full.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/ion-rangeslider/js/ion.rangeSlider.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/typeahead.js/dist/typeahead.bundle.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/handlebars/dist/handlebars.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/inputmask/dist/jquery.inputmask.bundle.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/inputmask/dist/inputmask/inputmask.date.extensions.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/inputmask/dist/inputmask/inputmask.numeric.extensions.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/nouislider/distribute/nouislider.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/owl.carousel/dist/owl.carousel.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/autosize/dist/autosize.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/clipboard/dist/clipboard.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/dropzone/dist/dropzone.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/summernote/dist/summernote.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/markdown/lib/markdown.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/bootstrap-markdown/js/bootstrap-markdown.js" type="text/javascript"></script>
		<script src="metronic/vendors/custom/js/vendors/bootstrap-markdown.init.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/bootstrap-notify/bootstrap-notify.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/custom/js/vendors/bootstrap-notify.init.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/jquery-validation/dist/jquery.validate.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/jquery-validation/dist/additional-methods.js" type="text/javascript"></script>
		<script src="metronic/vendors/custom/js/vendors/jquery-validation.init.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/toastr/build/toastr.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/raphael/raphael.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/morris.js/morris.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/chart.js/dist/Chart.bundle.js" type="text/javascript"></script>
		<script src="metronic/vendors/custom/vendors/bootstrap-session-timeout/dist/bootstrap-session-timeout.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/custom/vendors/jquery-idletimer/idle-timer.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/waypoints/lib/jquery.waypoints.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/counterup/jquery.counterup.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/es6-promise-polyfill/promise.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/sweetalert2/dist/sweetalert2.min.js" type="text/javascript"></script>
		<script src="metronic/vendors/custom/js/vendors/sweetalert2.init.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/jquery.repeater/src/lib.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/jquery.repeater/src/jquery.input.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/jquery.repeater/src/repeater.js" type="text/javascript"></script>
		<script src="metronic/vendors/general/dompurify/dist/purify.js" type="text/javascript"></script>

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

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

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

		<!--begin::Page Scripts(used by this page) -->
		<script src="metronic/js/demo1/pages/login/login-general.js" type="text/javascript"></script>

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

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

<script type="text/javascript">
var login_url =  "<?php echo Util::convertLink("Login") ; ?>" ;
<?php include (PATH_CODE . "js/general/login.js") ; ?>
</script>