<style type="text/css">
 *
{
   font-size: 0.999rem !important;
}

	#lblOrganization {
		font-size: 25px!important;
	}
</style>
<!DOCTYPE html>
<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="Latest updates and statistic charts">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<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>
		<script type="text/javascript" src="js/sbg-upload.js"></script>
		<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
		<script type="text/javascript" src="ckeditor/adapters/jquery.js"></script>

		<!--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::Page Vendors Styles(used by this page) -->
		<!-- <link href="metronic/vendors/custom/fullcalendar/fullcalendar.bundle.css" rel="stylesheet" type="text/css" /> -->
		<!--end::Page Vendors 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/style.bundle.css" rel="stylesheet" type="text/css" />
		<!--end::Global Theme Styles -->
	</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--solid kt-aside--enabled kt-aside--fixed kt-page--loading">
	<!-- <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--solid kt-aside--enabled kt-aside--fixed kt-aside--minimize kt-page--loading"> -->

		<!-- begin:: Page -->

		<!-- begin:: Header Mobile -->
		<div id="kt_header_mobile" class="kt-header-mobile  kt-header-mobile--fixed ">
			<div class="kt-header-mobile__logo">
				<a href="index.html">
					<img alt="Logo" src="<?php echo $this->getLogo() ; ?>" width="100px;" height=50px"/>
				</a>
			</div>
			<div class="kt-header-mobile__toolbar">
				<div class="kt-header-mobile__toolbar-toggler kt-header-mobile__toolbar-toggler--left" id="kt_aside_mobile_toggler"><span></span></div>
				<div class="kt-header-mobile__toolbar-topbar-toggler" id="kt_header_mobile_topbar_toggler"><i class="flaticon-more"></i></div>
			</div>
		</div>

		<!-- end:: Header Mobile -->
		<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 -->
				<div class="kt-aside  kt-aside--fixed  kt-grid__item kt-grid kt-grid--desktop kt-grid--hor-desktop" id="kt_aside" style="margin-top: 20px;">

					<!-- begin:: Aside Menu -->
					<div class="kt-aside-menu-wrapper kt-grid__item kt-grid__item--fluid" id="kt_aside_menu_wrapper">
						<div id="kt_aside_menu" class="kt-aside-menu " data-ktmenu-vertical="1" data-ktmenu-scroll="1" data-ktmenu-dropdown-timeout="500">
							<ul class="kt-menu__nav ">
								<li class="kt-menu__item" aria-haspopup="true">
									<a class="kt-menu__link " id="btnDashboard">
										<i class="kt-menu__link-icon flaticon2-protection"></i>
										<span class="kt-menu__link-text">Dashboard</span>
									</a>
								</li>
								<?php echo $this->getMenuItem() ; ?>
							</ul>
						</div>
					</div>

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

				<!-- end:: Aside -->
				<div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper" id="kt_wrapper" style="height:100px;">

					<!-- begin:: Header -->
					<div id="kt_header" class="kt-header kt-grid kt-grid--ver  kt-header--fixed " style="height:100px;">

						<!-- begin:: Aside -->
						<div class="kt-header__brand kt-grid__item  " id="kt_header_brand" style="width:250px;height:100px;">
							<div class="kt-header__brand-logo" style="width:250px;height:100px;background-color:white;">
								<img alt="Logo" src="<?php echo $this->getLogo() ; ?>" style="width:250px;height:100px;"/>
							</div>
						</div>

						<!-- end:: Aside -->

						<!-- begin:: Title -->
						<h2 id="lblOrganization" class="kt-header__title">
							<?php echo $this->getOrganizationName() ; ?>
						</h2>

						<!-- end:: Title -->

						<!-- begin: Header Menu -->
						<div class="kt-header-menu-wrapper kt-grid__item kt-grid__item--fluid" id="kt_header_menu_wrapper">
							<div id="kt_header_menu" class="kt-header-menu kt-header-menu-mobile  kt-header-menu--layout-default ">
							</div>
						</div>

						<!-- end: Header Menu -->

						<!-- begin:: Header Topbar -->
						<div class="kt-header__topbar">
							<!--begin: User bar -->
							<div class="kt-header__topbar-item kt-header__topbar-item--user">
								<div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="10px,0px">
									<img class="kt-hidden" alt="Pic" src="metronic/media/users/300_21.jpg" />
									<span class="kt-header__topbar-icon kt-hidden-"><i class="flaticon2-user-outline-symbol"></i></span>
								</div>
								<div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-xl">

									<!--begin: Head -->
									<div class="kt-user-card kt-user-card--skin-dark kt-notification-item-padding-x" style="background-image: url(metronic/media/misc/bg-1.jpg)">
										<div class="kt-user-card__avatar">
											<img class="kt-hidden" alt="Pic" src="metronic/media/users/300_25.jpg" />

											<!--use below badge element instead the user avatar to display username's first letter(remove kt-hidden class to display it) -->
											<span class="kt-badge kt-badge--lg kt-badge--rounded kt-badge--bold kt-font-success"><?php echo substr($this->getFullName(),0,1); ?></span>
										</div>
										<div class="kt-user-card__name">
											<?php echo $this->getFullName() ;?>
										</div>
									</div>

									<!--end: Head -->

									<!--begin: Navigation -->
									<div class="kt-notification">
										<?php echo $this->getUserProfile() ; ?>
										<?php echo $this->getUserLogout() ; ?>
									</div>

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

							<!--end: User bar -->
						</div>
						<!-- end:: Header Topbar -->
					</div>
					<!-- end:: Header -->
						<div class="kt-content  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">
							<!-- begin:: Content -->
							<div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">
	
								<!--Begin::Dashboard 6-->
								<div class="row">
									<div class="col-xl-12">
									            <!--Begin::Main Portlet-->
										<div id="sbg-center-panel" class="ui-widget-content sbg-center-panel">
										</div>	
									</div> 		
	
							<!-- end:: Content -->
						</div>
					</div>

				</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": "#22b9ff",
						"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="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/scripts.bundle.js" type="text/javascript"></script>

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

		<!--begin::Page Vendors(used by this page) -->
		<!-- <script src="metronic/vendors/custom/fullcalendar/fullcalendar.bundle.js" type="text/javascript"></script> -->
		<!-- <script src="//maps.google.com/maps/api/js?key=AIzaSyBTGnKT7dt597vo9QgeQ7BFhvSRP4eiMSM" type="text/javascript"></script> -->
		<script src="metronic/vendors/custom/gmaps/gmaps.js" type="text/javascript"></script>

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

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

		<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
	</body>

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

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

<script type="text/javascript">
	$(document).ready(function() {
		$('#btnDashboard').click(function() {
			window.location.reload(true);
		});
	});
</script>