<style>
.nav_link{color:white;text-decoration:none;display:
inline-block;padding:5px 5px 5px 20px;display:block;border-bottom:.5px #999999 solid;background-color:#535353}
.nav_link:hover{background-color:#0080FF;color:white;text-decoration:none;}
.header_nav{background-color:#292929;color:white;padding:5px;border-bottom:1px solid white;cursor:pointer;}
.header_nav:hover{text-decoration:underline}
.logout{color:red;text-decoration:none;display:inline-block;padding:5px;display:block;border-bottom:1px silver solid;}
.logout:hover{color:#fff;background-color:#CC3333;text-decoration:none;}

.nav_wrapper{background-color:#2A2A2A;width:15%;float:left;height:785px;border-right:2px white solid;}
</style>




<div class="nav_wrapper">

<div style="color:white;" class="tl">
	<div style="padding:8px 5px 10px 5px;">
    <img src="../../../image/logo.png" style="height:30px;" />
    </div>	

	<div style="padding:5px;border-top:1px white solid;border-bottom:1px white solid;background-color:#6A6A6A">
    User : <?php echo $userid?>
    </div>
    

    
    <div class="header_nav tl" onclick="$('#order').slideToggle()">
    	Order Online 
        </div>
    <div id="order" class="tl">
	    <a class="nav_link" href="../../sales/order/index">Daftar Pesanan</a>
		<a class="nav_link" href="../../sales/payment/index">Daftar Pembayaran</a>
        <a class="nav_link" href="../../sales/report/index">Laporan Pesanan</a>
	</div>
    
    <div class="header_nav" onclick="$('#inventory').slideToggle()">Invetory</div>
    	<div id="inventory" class="tl">
        	<a class="nav_link" href="../../inventory/delivery/index">Pengiriman Barang</a>
            
            <a class="nav_link" href="../../inventory/invstock/index">Stok Produk</a>
            <a class="nav_link" href="../../inventory/invstock/index">Mutasi Produk</a>
            
            <a class="nav_link" href="../../inventory/invstock/index">Laporan Stok</a>
        </div>
    </div>
    
	<div class="header_nav tl" onclick="$('#master').slideToggle()">Master Data</div>
        <div id="master" class="tl">
        <a class="nav_link" href="../../masterdata/kategori/index">Kategori</a>
	   	<a class="nav_link" href="../../masterdata/product/index">Produk</a>
        <a class="nav_link" href="../../masterdata/paket/index">Paket Produk</a>
    	<a class="nav_link" href="../../masterdata/customer/index">Customer</a>
    </div>
  
 	<div class="header_nav tl" onclick="$('#setting').slideToggle()">Setting</div>
        <div id="setting" class="tl">
        <a class="nav_link" href="../../setting/brosur/index">Brosur</a>
	   	<a class="nav_link" href="../../setting/banner/index">Banner Setup</a>
        <a class="nav_link" href="../../setting/web/index">Webite Setting</a>
        <a class="nav_link" href="../../setting/account/index">User Account</a>
    </div> 
    



   	 <a class="logout" href="../../processlogout">Logout</a>


</div>
</div>
