<!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 for assets of this page) -->
		<base href="../mobile/">

		<!--end::Base Path -->
		<meta charset="utf-8" />
		<title>eService</title>
		<meta name="description" content="Latest updates and statistic charts">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<link rel="icon" href="media/logos/favicon.png" type="image/x-icon" />
		<link rel="apple-touch-icon" href="media/logos/favicon.png">

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

		<!--begin:: Global Optional Vendors -->
		<link href="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="css/style.bundle.css" rel="stylesheet" type="text/css" />

		<!--end::Global Theme Styles -->
		
		<link rel="shortcut icon" href="media/logos/favicon.png" />
		
		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="js/sbg-util.min.js"></script>
	</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--fixed kt-subheader--enabled kt-subheader--solid kt-aside--enabled kt-aside--fixed kt-page--loading">

		<!-- begin:: Page -->
		
		<div class="kt-grid kt-grid--hor kt-grid--root">
			<div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">

				<!-- begin:: Aside -->
				<button class="kt-aside-close " id="kt_aside_close_btn"><i class="la la-close"></i></button>
				<div class="kt-aside  kt-aside--fixed  kt-grid__item kt-grid kt-grid--desktop kt-grid--hor-desktop" id="kt_aside">

					<!-- begin:: Aside -->
					<div class="kt-aside__brand kt-grid__item  " id="kt_aside_brand">
						<div class="kt-aside__brand-logo">
							<a href="index.pzx">
								<img alt="Logo" src="media/logos/logo.png" width="80px;" />
							</a>
						</div>
					</div>

					<!-- end:: Aside -->
				</div>

				<!-- end:: Aside -->

				<!-- end:: Aside -->
				<div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper" id="kt_wrapper">

					<!-- begin:: Header -->
					<div id="kt_header" class="kt-header kt-grid__item  kt-header--fixed ">

						<!-- begin: Header Menu -->
						<button class="kt-header-menu-wrapper-close" id="kt_header_menu_mobile_close_btn"><i class="la la-close"></i></button>
						<div class="kt-header-menu-wrapper" id="kt_header_menu_wrapper">
							<div id="kt_header_menu" class="kt-header-menu kt-header-menu-mobile  kt-header-menu--layout-tab ">
							</div>
						</div>

						<!-- end: Header Menu -->
					</div>

					<!-- end:: Header -->
					<div class="kt-content  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">

						<!-- begin:: Content Head -->
						<div class="kt-subheader  kt-grid__item" id="kt_subheader">
						</div>

						<!-- end:: Content Head -->

						<!-- begin:: Content -->
						<div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid" style="padding-top:5%;">

							<!--Begin::Dashboard 3-->

							<!--Begin::Row-->
							<div class="row">
								<div class="col-xl-4 col-lg-6 order-lg-2 order-xl-1" style="margin-left:10%;margin-right:10%;">
									<div class="kt-portlet kt-portlet--tabs kt-portlet--height-fluid" style="margin:auto;">
										<img src="media/logos/logo.png" style="border-radius:4px;" />
									</div>
								</div>
								
								<div class="col-xl-4 col-lg-6 order-lg-2 order-xl-1" style="margin:auto;">
									<h3 style="white-space:nowrap;margin-top:1rem;margin-bottom:1rem;text-align:center;"><?php echo $this->getOrganizationName(); ?></h3>
								</div>
								
								<div class="col-xl-4 col-lg-6 order-lg-2 order-xl-1" style="margin-left:10%;margin-right:10%;">
									<!--begin:: Widgets/Login -->
									<div class="kt-portlet kt-portlet--tabs kt-portlet--height-fluid" style="margin:auto;">
										<div class="kt-portlet__head">
											<div class="kt-portlet__head-label">
												<h3 class="kt-portlet__head-title">
													Login
												</h3>
											</div>
										</div>
										<div class="kt-portlet__body">
											<div class="tab-content">
												<div class="tab-pane active" id="kt_widget4_tab1_content">
													<div class="kt-widget4">
														<div class="kt-widget4__item" style="border-bottom:none;">
															<div class="kt-widget4__info">
																<input type="text" id="txtCode" placeholder="Username" class="form-control" />
															</div>
														</div>
														<div class="kt-widget4__item" style="border-bottom:none;">
															<div class="kt-widget4__info">
																<input type="password" id="txtPwd" placeholder="Password" class="form-control" />
															</div>
														</div>
														<div style="text-align:center;border-bottom:none;">
														<button type="button" class="btn btn-primary" style="width:100%;" id="btnLogin"><i class="fa fa-sign-in-alt"></i> Login</button>
														</div>
												</div>
											</div>
										</div>
									</div>

									<!--end:: Widgets/Login-->
								</div>
							</div>

							<!--End::Row-->

							<!--End::Dashboard 3-->
						</div>

						<!-- end:: Content -->
					</div>					

					<!-- begin:: Footer -->
					<div class="kt-footer  kt-grid__item kt-grid kt-grid--desktop kt-grid--ver-desktop" id="kt_footer">
						<div class="kt-container  kt-container--fluid ">
							<div class="kt-footer__copyright">
								2020&nbsp;&copy;&nbsp;<a href="#" target="_blank" class="kt-link"><?php echo $this->getOrganizationName(); ?></a>
							</div>
						</div>
					</div>

					<!-- end:: Footer -->
				</div>
			</div>
		</div>

		<!-- end:: Page -->

		<!-- begin::Scrolltop -->
		<div id="kt_scrolltop" class="kt-scrolltop">
			<i class="fa fa-arrow-up"></i>
		</div>

		<!-- end::Scrolltop -->

		<!-- begin::Global Config(global config for global JS sciprts) -->
		<script>
			var KTAppOptions = {
				"colors": {
					"state": {
						"brand": "#2c77f4",
						"light": "#ffffff",
						"dark": "#282a3c",
						"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="vendors/general/jquery.js" type="text/javascript"></script>
		<script src="vendors/general/bootstrap.min.js" type="text/javascript"></script>
		<script src="vendors/general/js.cookie.js" type="text/javascript"></script>
		<script src="vendors/general/tooltip.min.js" type="text/javascript"></script>
		<script src="vendors/general/perfect-scrollbar.js" type="text/javascript"></script>
		<script src="vendors/general/sticky.min.js" type="text/javascript"></script>
		<script src="vendors/general/wNumb.js" type="text/javascript"></script>
		<script src="vendors/general/owl.carousel.js" type="text/javascript"></script>

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

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

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

		<!--begin::Page Vendors(used by this page) -->
		<script src="vendors/custom/fullcalendar.bundle.js" type="text/javascript"></script>

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

	<!-- end::Body -->
	
	<script type="text/javascript">
	var signin_url =  "<?php echo Util::convertLink("MobileSignIn") ; ?>" ;
	<?php include (PATH_CODE . "js/mobile/signin.js") ; ?>
	</script>
	
</html>