<?php
session_start();
//Can't come in without logged in
if (!isset($_SESSION['loggedin'])) {
	header('Location: ./pages-signin.html');
	exit;
}
?>
<!doctype html>
<html class="fixed sidebar-left-collapsed">

<head>
	<!-- Basic -->
	<meta charset="UTF-8">
	<title>首頁 | MAA資訊系統</title>
	<meta name="keywords" content="HTML5 Admin Template" />
	<meta name="description" content="JSOFT Admin - Responsive HTML5 Template">
	<meta name="author" content="JSOFT.net">
	<!-- Mobile Metas -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

	<!-- Web Fonts  -->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">
	<!-- Vendor CSS -->
	<link rel="stylesheet" href="./assets/vendor/bootstrap/css/bootstrap.css" />
	<link rel="stylesheet" href="./assets/vendor/font-awesome/css/font-awesome.css" />
	<link rel="stylesheet" href="./assets/vendor/magnific-popup/magnific-popup.css" />
	<link rel="stylesheet" href="./assets/vendor/bootstrap-datepicker/css/datepicker3.css" />
	<link rel="stylesheet" href="./assets/vendor/pnotify/pnotify.custom.css" />
	<!-- Specific Page Vendor CSS -->
	<link rel="stylesheet" href="./assets/vendor/jquery-ui/css/ui-lightness/jquery-ui-1.10.4.custom.css" />
	<link rel="stylesheet" href="./assets/vendor/bootstrap-multiselect/bootstrap-multiselect.css" />
	<link rel="stylesheet" href="./assets/vendor/morris/morris.css" />
	<link rel="stylesheet" href="./assets/vendor/bootstrap-fileupload/bootstrap-fileupload.min.css" />
	<!-- Theme CSS -->
	<link rel="stylesheet" href="./assets/stylesheets/theme.css" />
	<!-- Skin CSS -->
	<link rel="stylesheet" href="./assets/stylesheets/skins/default.css" />
	<!-- Theme Custom CSS -->
	<link rel="stylesheet" href="./assets/stylesheets/theme-custom.css">

	<!-- Head Libs -->
	<script src="assets/vendor/modernizr/modernizr.js"></script>

	<!-- DataTable -->
	<script src="./assets/vendor/jquery/jquery.js"></script>
	<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.css">

	<!-- Icon -->
	<link rel="shortcut icon" href="./assets/images/favicon.ico" />
	<style>
		.widget-summary-col-icon {
			padding-right: 10px;
		}

		.widget-summary-col-icon img {
			height: 75px;
			width: 75px;
		}

		.bg-primary .widget-summary .summary-icon {
			background-color: rgba(0, 0, 0, 0);
		}

		.panel-heading-profile-picture img {
			display: block;
			margin: 0 auto;
			width: 100px;
			height: 100px;
			border: 0px;
			-webkit-border-radius: 0px;
			border-radius: 0px;
		}

		p {
			margin: 0 0 0px;
		}
	</style>
</head>

<body>
	<section class="body">
		<!-- start: header -->
		<header class="header">
			<div class="logo-container">
				<div class="banner-txt">MAA資訊系統</div>
				<div class="visible-xs toggle-sidebar-left" data-toggle-class="sidebar-left-opened" data-target="html" data-fire-event="sidebar-left-opened">
					<i class="fa fa-bars" aria-label="Toggle sidebar"></i>
				</div>
			</div>
			<!-- start: search & user box -->
			<div class="header-right">
				<span class="separator"></span>
				<div id="userbox" class="userbox">
					<a href="#" data-toggle="dropdown">
						<figure class="profile-picture"> <img src="./assets/images/!logged-user.jpg" alt="Joseph Doe" class="img-circle" data-lock-picture="./assets/images/!logged-user.jpg" /> </figure>
						<div class="profile-info" data-lock-name="John Doe" data-lock-email="johndoe@JSOFT.com"> <span class="name"><?php echo $_SESSION['name'] ?></span> <span class="role"><?php if ($_SESSION['name'] == "maagis") {
																																																	echo "Tester";
																																																} else {
																																																	echo "Administrator";
																																																} ?></span> </div> <i class="fa custom-caret"></i>
					</a>
					<div class="dropdown-menu">
						<ul class="list-unstyled">
							<li class="divider"></li>
							<li> <a role="menuitem" tabindex="-1" href="./script/php/Logout.php"><i class="fa fa-power-off"></i> Logout</a> </li>
						</ul>
					</div>
				</div>
			</div>
			<!-- end: search & user box -->
		</header>
		<!-- end: header -->
		<div class="inner-wrapper">
			<!-- start: sidebar -->
			<aside id="sidebar-left" class="sidebar-left">
				<div class="sidebar-header">
					<div class="sidebar-title"> 導覽 </div>
					<div class="sidebar-toggle hidden-xs" data-toggle-class="sidebar-left-collapsed" data-target="html" data-fire-event="sidebar-left-toggle"> <i class="fa fa-bars" aria-label="Toggle sidebar"></i> </div>
				</div>
				<div class="nano">
					<div class="nano-content">
						<nav id="menu" class="nav-main" role="navigation">
							<ul class="nav nav-main">
								<li class="nav-active">
									<a href="home.php"> <i class="fa fa-home" aria-hidden="true"></i> <span>首頁</span> </a>
								</li>
							</ul>
						</nav>
					</div>
				</div>
			</aside>
			<!-- end: sidebar -->
			<section role="main" class="content-body">
				<header class="page-header">
					<h2>綜合登入入口</h2>
				</header>
				<div class="col-md-6 col-lg-6 col-xl-4">
					<section class="panel">
						<header class="panel-heading bg-primary">
							<div class="panel-heading-profile-picture">
								<img src="./assets/images/revit-icon.png" height="75px" alt="BIM">
							</div>
						</header>
						<div class="panel-body">
							<div class="panel-body-title">
								<h4 class="text-semibold mt-sm">BIM資訊系統</h4>
							</div>
							<hr class="solid short">
							<a href="/BIM-Monitor/home.php"><button type="button" class="mb-xs mt-xs mr-xs btn btn-primary">進入</button></a>
							<div class="panel-body-info" hidden>
								<p>本系統統合BIM監測查詢網及BIM支援網：</p>
								<p>
									1. BIM監測查詢網的目標為監測工地在各開挖階段時的工地安全，以及是否會影響到周遭環境，利用監測儀器回傳的數據以及工地模型，<br>
									以視覺化的模式回饋儀器回傳的數據，可根據有異數據進行會議討論，提出處理方案。<br>
									2. BIM支援網提供元件庫、API庫以及樣版庫，使用git管理元件、API以及樣板及其之版本控制，可瀏覽所有元件、API及樣板的內容及其相關屬性，<br>
									以利下載自己所需之檔案。<br>
								</p>
							</div>
						</div>
					</section>
				</div>
				<div class="col-md-6 col-lg-6 col-xl-4">
					<section class="panel">
						<header class="panel-heading bg-primary">
							<div class="panel-heading-profile-picture">
								<img src="./assets/images/db.png" height="75px" alt="BIM">
							</div>
						</header>
						<div class="panel-body">
							<div class="panel-body-title">
								<h4 class="text-semibold mt-sm">資料庫管理系統</h4>
							</div>
							<hr class="solid short">
							<a href="/DataBase/index.php"><button type="button" class="mb-xs mt-xs mr-xs btn btn-primary">進入</button></a>
							<div class="panel-body-info" hidden>
								<p>設計圖資料庫</p>
							</div>
						</div>
					</section>
				</div>
				<div class="col-md-6 col-lg-6 col-xl-4">
					<section class="panel">
						<header class="panel-heading bg-primary">
							<div class="panel-heading-profile-picture">
								<img src="./assets/images/ArcGIS.png" height="75px" alt="BIM">
							</div>
						</header>
						<div class="panel-body">
							<div class="panel-body-title">
								<h4 class="text-semibold mt-sm">ArcGIS 系統</h4>
							</div>
							<hr class="solid short">
							<a href="https://maaconsultants.maps.arcgis.com/apps/webappviewer/index.html?id=e95e23fbe1954895a5ded8e85972df77"><button type="button" class="mb-xs mt-xs mr-xs btn btn-primary">2D 地圖</button></a>
							<a href="https://maaconsultants.maps.arcgis.com/apps/instant/3dviewer/index.html?appid=653b6a2c89db404dbcd3db359d151e0d"><button type="button" class="mb-xs mt-xs mr-xs btn btn-primary">3D 地圖</button></a>
							<div class="panel-body-info" hidden>
								<p>地理資訊系統</p>
							</div>
						</div>
					</section>
				</div>
			</section>

		</div>

	</section>
	</div>
	<!-- Vendor -->
	<script src="./assets/vendor/jquery-browser-mobile/jquery.browser.mobile.js"></script>
	<script src="./assets/vendor/bootstrap/js/bootstrap.js"></script>
	<script src="./assets/vendor/nanoscroller/nanoscroller.js"></script>
	<script src="./assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
	<script src="./assets/vendor/magnific-popup/magnific-popup.js"></script>
	<script src="./assets/vendor/jquery-placeholder/jquery.placeholder.js"></script>

	<!-- Theme Base, Components and Settings -->
	<script src="assets/javascripts/theme.js"></script>

	<script>
		$(function() {
			$('.panel-body').hover(
				function( e ) {
				e.preventDefault();
				$( this ).closest( '.panel' ).find('.panel-body-info').slideDown( 200 );
				},
				function( e ) {
				e.preventDefault();
				$( this ).closest( '.panel' ).find('.panel-body-info').slideUp( 200 );
				}
			);
		});
	</script>
</body>

</html>