<!DOCTYPE HTML>
<html>
	<head>
		<!-- Meta Data -->
		<title>PPDB Online | MAN 1 Magelang</title>
		<link rel="icon" type="image/png" href="<?php echo base_url();?>assets/images/favicon.png">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

		<!-- CSS -->
		<link href="<?php echo base_url();?>assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
		<link href="<?php echo base_url();?>assets/css/style.css" rel="stylesheet" type="text/css" />
		<link href="<?php echo base_url();?>assets/css/font-awesome.css" rel="stylesheet">
		<link href="<?php echo base_url();?>assets/css/SidebarNav.min.css" media="all" rel="stylesheet" type="text/css"/>
		<link href="<?php echo base_url();?>assets/css/custom.css" rel="stylesheet">
		<link href="<?php echo base_url();?>assets/css/owl.carousel.css" rel="stylesheet">
		<link href="<?php echo base_url();?>assets/css/google.css" rel="stylesheet">
		<link href="<?php echo base_url();?>assets/css/jquery.dataTables.min.css" rel="stylesheet">
		<link rel="stylesheet" href="<?php echo base_url();?>assets/css/export.css" type="text/css" media="all" />
 
		<!-- JavaScript -->
		<script src="<?php echo base_url();?>assets/js/jquery-1.11.1.min.js"></script>
		<script src="<?php echo base_url();?>assets/js/jquery-3.5.1.js"></script>
		<script src="<?php echo base_url();?>assets/js/jquery.dataTables.min.js"></script>
		<script src="<?php echo base_url();?>assets/js/modernizr.custom.js"></script>
		<script src="<?php echo base_url();?>assets/js/Chart.bundle.js"></script>
		<?php /**<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> **/ ?>
		<script src="<?php echo base_url();?>assets/js/metisMenu.min.js"></script>
		<script src="<?php echo base_url();?>assets/js/custom.js"></script>
		<script src="<?php echo base_url();?>assets/js/pie-chart.js" type="text/javascript"></script>
		<script src="<?php echo base_url();?>assets/js/owl.carousel.js"></script>
		<script src="<?php echo base_url();?>assets/js/amcharts.js"></script>
		<script src="<?php echo base_url();?>assets/js/serial.js"></script>
		<script src="<?php echo base_url();?>assets/js/export.min.js"></script>
		<script src="<?php echo base_url();?>assets/js/light.js"></script>
		<script src="<?php echo base_url();?>assets/js/index1.js"></script>
		<script src="<?php echo base_url();?>assets/js/ribuan.js"></script>

		<!-- Manual CSS/JS -->
		<style>
			#chartdiv {
			  width: 100%;
			  height: 295px;
			}
		</style>
		<style>
			#canvas-holder {
				width: 100%;
				margin-top: 20px;
				text-align: center;
			}
			#chartjs-tooltip {
			  opacity: 1;
			  position: absolute;
			  background: rgba(0, 0, 0, .7);
			  color: white;
			  border-radius: 3px;
			  -webkit-transition: all .1s ease;
			  transition: all .1s ease;
			  pointer-events: none;
			  -webkit-transform: translate(-50%, 0);
			  transform: translate(-50%, 0);
			}

			.chartjs-tooltip-key {
			  display: inline-block;
			  width: 10px;
			  height: 10px;
			}
		</style>
		<script type="text/javascript">
			$(document).ready(function () {
				$('#demo-pie-1').pieChart({
					barColor: '#2dde98',
					trackColor: '#eee',
					lineCap: 'round',
					lineWidth: 8,
					onStep: function (from, to, percent) {
						$(this.element).find('.pie-value').text(Math.round(percent) + '%');
					}
				});

				$('#demo-pie-2').pieChart({
					barColor: '#8e43e7',
					trackColor: '#eee',
					lineCap: 'butt',
					lineWidth: 8,
					onStep: function (from, to, percent) {
						$(this.element).find('.pie-value').text(Math.round(percent) + '%');
					}
				});

				$('#demo-pie-3').pieChart({
					barColor: '#ffc168',
					trackColor: '#eee',
					lineCap: 'square',
					lineWidth: 8,
					onStep: function (from, to, percent) {
						$(this.element).find('.pie-value').text(Math.round(percent) + '%');
					}
				});
			});
		</script>
		<script>
			$(document).ready(function() {
				$("#owl-demo").owlCarousel({
					items : 3,
					lazyLoad : true,
					autoPlay : true,
					pagination : true,
					nav:true,
				});
			});
		</script>
	</head>
	<?php
		$session_data	= $this->session->userdata('admin');
		$id_admin		= $session_data['id_admin'];
		$nama_admin		= $session_data['nama_admin'];
		$role			= $session_data['role'];
	?>
	<body class="cbp-spmenu-push">
		<div class="main-content">
			<div class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
				<!-- Navigation Bar -->
				<aside class="sidebar-left">
					<nav class="navbar navbar-inverse">
						<div class="navbar-header" style="background-color:#fff;">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".collapse" aria-expanded="false">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
							<h1>
								<img src="<?php echo base_url();?>assets/images/logo.png" height="40px">
							</h1>
						</div>
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="sidebar-menu">
								<li class="treeview <?php echo $act1;?>">
									<a href="<?php echo base_url();?>admin/Admin">
										<i class="fa fa-users"></i> <span>Calon Siswa</span>
									</a>
								</li>
								<?php
									if($role == "Admin")
									{
										?>
										<li class="treeview <?php echo $act2;?>">
											<a href="<?php echo base_url();?>admin/Pewawancara">
												<i class="fa fa-microphone"></i> <span>Pewawancara</span>
											</a>
										</li>
										<li class="treeview <?php echo $act3;?>">
											<a href="<?php echo base_url();?>admin/Jurusan">
												<i class="fa fa-bullseye"></i> <span>Master Jurusan</span>
											</a>
										</li>
										<li class="treeview <?php echo $act4;?>">
											<a href="<?php echo base_url();?>admin/Pertanyaan">
												<i class="fa fa-question-circle"></i> <span>Master Pertanyaan</span>
											</a>
										</li>
										<li class="treeview <?php echo $act6;?>">
											<a href="<?php echo base_url();?>admin/Gelombang">
												<i class="fa fa-calendar"></i> <span>Gelombang Pendaftaran</span>
											</a>
										</li>
										<li class="treeview <?php echo $act5;?>">
											<a href="<?php echo base_url();?>admin/Pengaturan">
												<i class="fa fa-gears"></i> <span>Pengaturan</span>
											</a>
										</li>
										<?php
									}
								?>
								<li class="treeview">
									<a href="<?php echo base_url();?>admin/Login/logout" onclick="return confirm('Apakah Anda ingin logout?');">
										<i class="fa fa-power-off"></i> <span>Logout</span>
									</a>
								</li>
							</ul>
						</div>
					</nav>
				</aside>
			</div>
			<div class="sticky-header header-section ">
				<?php /**<div class="header-left">
					<div class="profile_details_left">
						<h2 style="margin:10px 0 10px 0;">Sistem Informasi Kelembagaan dan Anggota Pramuka</h2>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>**/ ?>
				<div class="header-right">
					<div class="profile_details">		
						<ul>
							<li class="dropdown profile_details_drop">
								<div class="profile_img">
									<div class="user-name">
										<p><?php echo $nama_admin;?></p>
										<span><?php echo $role;?></span>
									</div>
									<div class="clearfix"></div>	
								</div>	
							</li>
						</ul>
					</div>
					<div class="clearfix"> </div>				
				</div>
				<div class="clearfix"> </div>	
			</div>