<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>:: Dashboard Monitoring ::</title>

    <!-- Bootstrap core CSS -->
    <link href="<?php echo HTTP_CSS_PATH; ?>bootstrap.css" rel="stylesheet">	
	<link href="<?php echo HTTP_CSS_PATH; ?>style.css" rel="stylesheet">	
    <link rel="stylesheet" href="<?php echo HTTP_CSS_PATH; ?>font-awesome.min.css" />
    <!-- Add custom CSS here -->
    <link href="<?php echo HTTP_CSS_PATH; ?>arkadmin.css" rel="stylesheet">
    <!-- JavaScript -->
    <script src="<?php echo HTTP_JS_PATH; ?>jquery-1.10.2.js"></script>
    <script src="<?php echo HTTP_JS_PATH; ?>bootstrap.js"></script>
    <script src="<?php echo HTTP_JS_PATH; ?>das.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="<?php echo HTTP_JS_PATH; ?>html5shiv.js"></script>
      <script src="<?php echo HTTP_JS_PATH; ?>respond.min.js"></script>
    <![endif]-->
    <!--  
    -->
 <script type="text/javascript">
      setInterval("auto_refresh_function();", 50000);
        function auto_refresh_function() {
			//window.location = location.href;
        }
</script>
  </head>

    <div id="wrapper">
      <!-- Sidebar -->
      <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
            <a class="navbar-brand" href="<?php echo base_url(); ?>admin">BAS/TAS Panel</a>
        </div>
 <?php 
// Define a default Page
  $pg = isset($page) && $page != '' ?  $page :'dash'  ;    
?>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
          <ul class="nav navbar-nav side-nav">
            <li <?php echo  $pg =='dash' ? 'class="active"' : '' ?>><a href="<?php echo base_url(); ?>index.php/dashboard">
			  <i class="fa fa-dashboard"></i> Dashboard</a>
			</li>
    	    <li <?php echo  $pg =='dash' ? 'class="active"' : '' ?>>
			  <a href="<?php echo base_url(); ?>index.php/outstanding"><i class="fa fa-dashboard"></i> Report Outstanding </a>
            </li>
          </ul>
          <ul class="nav navbar-nav navbar-right navbar-user">            
            <li class="dropdown user-dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <?php echo $_COOKIE['oc_username'];?> <!--<b class="caret"></b>--></a>
              <!--<ul class="dropdown-menu">
                <li><a href="<?php echo base_url(); ?>home/logout"><i class="fa fa-power-off"></i> Log Out</a></li>
              </ul>-->
            </li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>
