<template>
<div>

	<nav class="nav navbar-default navbar-fixed-top">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="">MyKoPKB</a>
			</div>
		
			<div class="collapse navbar-collapse" id="myNavbar">
				<ul class="nav navbar-nav">
					<router-link :to="{name: 'Admin Home'}" tag="li" exact>
						<a href="#"><span class="fa fa-home"></span></a>
					</router-link>
					<router-link :to="{name: 'Kemaskini Jawatan'}" tag="li">
						<a href="#">Kemaskini Jawatan</a>
					</router-link>
				</ul>
			</div>
		</div>
	</nav>

	<router-view></router-view>
</div>
</template>

<script>
export default {
	created: function () {
		if (!this.util.isLogin())
			return this.$router.push({name: 'Log Masuk Admin ==='});
	}
}
</script>

<style>
.navbar-default {
	box-shadow: 0 1px 10px rgba(0,0,0,.5);
	background-color: 	#ffffff;
}

body {
	background-color: white;
	color: #000000;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: 70px;	
}
</style>