<?php
session_start();
?>

<div class="sidebar-wrapper">
	<div class="logo">
		<img src="/assets/img/logo.jpg" alt="logo" width="45%" style="display:block;margin:auto;"/>
		<a href="#" class="simple-text">
			<b>PENGILANG</b>
		</a>
	</div>

	<ul class="nav nav-list">
		<li id="app-menu-101" class="active">
			<a href="#" aria-disabled="disabled">
				<i class="ti-stats-up"></i>
				<p>DASHBOARD</p>
			</a>
		</li>

		<li style="background-color:#EAEAEA;">
			<a href="#" aria-disabled="disabled">
				<i class="ti-package"></i>
				<p>PRODUK</p>
			</a>
		</li>                
		<li id="app-menu-201">
			<a href="#" aria-disabled="disabled">
				<i class="ti-angle-right" style="font-size:12px;"></i>
				<p>&nbsp;TAMBAH PRODUK</p>
			</a>
		</li>         
		<li id="app-menu-202">
			<a href="#" aria-disabled="disabled">
				<i class="ti-angle-right" style="font-size:12px;"></i>
				<p>&nbsp;SENARAI PRODUK</p>
			</a>
		</li> 
		

		<li style="background-color:#EAEAEA;">
			<a href="#" aria-disabled="disabled">
				<i class="ti-ticket"></i>
				<p>PELEKAT MYORI</p>
			</a>
		</li>                
		<li id="app-menu-301">
			<a href="#" aria-disabled="disabled">
				<i class="ti-angle-right" style="font-size:12px;"></i>
				<p>&nbsp;TEMPAHAN PELEKAT</p>
			</a>
		</li>         
		<li id="app-menu-302">
			<a href="#" aria-disabled="disabled">
				<i class="ti-angle-right" style="font-size:12px;"></i>
				<p>&nbsp;REKOD PELEKAT</p>
			</a>
		</li> 		
		<li id="app-menu-303">
			<a href="#" aria-disabled="disabled">
				<i class="ti-angle-right" style="font-size:12px;"></i>
				<p>&nbsp;SENARAI INVOIS</p>
			</a>
		</li> 			
		

		<li style="background-color:#EAEAEA;">
			<a href="#" aria-disabled="disabled">
				<i class="ti-email"></i>
				<p>ADUAN</p>
			</a>
		</li>                
		<li id="app-menu-401">
			<a href="#" aria-disabled="disabled">
				<i class="ti-angle-right" style="font-size:12px;"></i>
				<p>&nbsp;SENARAI ADUAN</p>
			</a>
		</li>         			
		
				

		<li style="background-color:#EAEAEA;">
			<a href="#" aria-disabled="disabled">
				<i class="ti-location-pin"></i>
				<p>JEJAKAN</p>
			</a>
		</li>                
		<li id="app-menu-501">
			<a href="#" aria-disabled="disabled">
				<i class="ti-angle-right" style="font-size:12px;"></i>
				<p>&nbsp;JEJAKAN PRODUK</p>
			</a>
		</li>         			
		

		<li style="background-color:#EAEAEA;">
			<a href="#" aria-disabled="disabled">
				<i class="ti-settings"></i>
				<p>TADBIR</p>
			</a>
		</li>                
		<li id="app-menu-601">
			<a href="#" aria-disabled="disabled">
				<i class="ti-angle-right" style="font-size:12px;"></i>
				<p>&nbsp;SENARAI PENGGUNA</p>
			</a>
		</li>         
		<li id="app-menu-602">
			<a href="#" aria-disabled="disabled">
				<i class="ti-angle-right" style="font-size:12px;"></i>
				<p>&nbsp;KEMASKINI MAKLUMAT</p>
			</a>
		</li> 		
		<li id="app-menu-603">
			<a href="#" aria-disabled="disabled">
				<i class="ti-angle-right" style="font-size:12px;"></i>
				<p>&nbsp;SETTINGS</p>
			</a>
		</li> 			               

	</ul>
</div>

    <!--   Core JS Files   -->
    <script src="/assets/js/jquery-1.10.2.js" type="text/javascript"></script>
	<script src="/assets/js/bootstrap.min.js" type="text/javascript"></script>

	<!--  Checkbox, Radio & Switch Plugins -->
	<script src="/assets/js/bootstrap-checkbox-radio.js"></script>

    <!--  Notifications Plugin    -->
    <script src="/assets/js/bootstrap-notify.js"></script>

    <!-- Paper Dashboard Core javascript and methods for Demo purpose -->
	<script src="/assets/js/paper-dashboard.js"></script>


<script type="text/javascript">
    $(document).ready(function(){
		
		//pageload
        setPage(this, 'Dashboard', './dashboard.php');
		
		$('.nav-list').on('click', 'li', function() {
			$('.nav-list li.active').removeClass('active');
			$(this).addClass('active');
		});		

		
		//-------- DASHBOARD
		$("#app-menu-101").click(function(){
			//alert("#app-menu-101");
            setPage(this, 'Dashboard', './dashboard.php');
        });
		
		
		//-------- PRODUK
		$("#app-menu-201").click(function(){
			//alert("#app-menu-201");
            setPage(this, 'Tambah Produk', './add_produk.php');
        });
		$("#app-menu-202").click(function(){
			//alert("#app-menu-202");
            setPage(this, 'Senarai Produk', './list_produk.php');
        });	
		
		
		//-------- PELEKAT	
		$("#app-menu-301").click(function(){
			//alert("#app-menu-201");
            setPage(this, 'Tempahan Pelekat', './list_tempahan.php');
        });
		$("#app-menu-302").click(function(){
			//alert("#app-menu-202");
            setPage(this, 'Rekod Pelekat', './list_pelekat.php');
        });	
		$("#app-menu-303").click(function(){
			//alert("#app-menu-202");
            setPage(this, 'Senarai Invois', './list_invois.php');
        });	

		
		//-------- ADUAN	
		$("#app-menu-401").click(function(){
			//alert("#app-menu-201");
            setPage(this, 'Senarai Aduan', './list_aduan.php');
        });
		
		
		//-------- JEJAKAN	
		$("#app-menu-501").click(function(){
			//alert("#app-menu-201");
            //setPage(this, 'Jejakan Produk', './list_jejakan.php');
        });		

		
		//-------- TADBIR	
		$("#app-menu-601").click(function(){
			//alert("#app-menu-201");
            //setPage(this, 'Senarai Pengguna', './list_pengguna.php');
        });			
		
	});
</script>