<!DOCTYPE html>
<html lang="en">
  <head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title><?php echo $title ?></title>
	<meta name="generator" content="Bootply" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link href="<?php echo base_url()?>asset/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<!--[if lt IE 9]>
		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<link href="<?php echo base_url()?>asset/css/styles.css" rel="stylesheet">
	<link href="<?php echo base_url()?>asset/css/customadmin.css" rel="stylesheet">
	<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
	<script type="text/javascript" charset="utf-8">
		/*
		var loading = "<div id='contents'><img src='<?php echo base_url(); ?>asset/img/loading7.gif' alt='loading' style='float:right;margin:100px 500px;'/></div>";
		var imgloading = "<img src='<?php echo base_url(); ?>asset/img/ajax_loading.gif' alt='loading' id='imgloading' width='20px;' style='float:right;margin-top:12px;display:block;' />";
		// $(document).ready(function() {
			// setTimeout(function(){
			  // $("div.alert").fadeOut("slow", function () {
				// $("div.alert").remove();
				// });
			// }, 3000);
			// $('#content').html(loading);
			// $("#content").load("user/loadform");
		// });
		
		$(document).on('click','.sidebar li:not(.nav) a', function(event) {
			//$('#imgloading').remove();
			//$(imgloading).appendTo($(this));
			//$('#contents').html(loading);
			//$(".selected", event.delegateTarget).removeClass("selected");
			//$(this).parent().addClass("selected");
			event.preventDefault();
			var href = $(this).attr('href');
			var base_url = 'http://localhost/toko2/index.php/su/'
			$.ajax({
			  url: base_url+href,
			  success: function() 
			  {
				$("#contents").load(href);
				$('#contents').fadeIn(3000);
				//$('#imgloading').remove();
			  },
			  error: function(XMLHttpRequest, textStatus, errorThrown)
			  { 
				//alert("Status: " + textStatus); 
				alert("Error: " + errorThrown);
				
			  } 
		  });
		});
		*/
	</script>
  </head>
  
<body>
<!-- header -->
<div id="top-nav" class="navbar navbar-inverse navbar-static-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Dashboard</a>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#"><i class="glyphicon glyphicon-user"></i> <?php echo $User ?> <span class="caret"></span></a>
          <ul id="g-account-menu" class="dropdown-menu" role="menu">
            <li><a href="#">My Profile</a></li>
            <li><a href="<?php echo site_url('welcome') ?>">Toko</a></li>
			<li role="separator" class="divider"></li>
			<li><a href="<?php echo site_url('user/logout') ?>"><i class="glyphicon glyphicon-lock"></i> Logout</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</div>