<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <link rel="icon" type="image/png" href="<?php echo base_url(); ?>assets/img/favicon.ico">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>One Code</title>
  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
  <meta name="viewport" content="width=device-width" />
  <link href="<?php echo base_url(); ?>assets/css/bootstrap.min.css" rel="stylesheet" />
  <link href="<?php echo base_url(); ?>assets/css/light-bootstrap-dashboard.css" rel="stylesheet"/>
  <link href="<?php echo base_url(); ?>assets/css/font-awesome.min.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700,700i" rel="stylesheet">
  <link href="<?php echo base_url(); ?>assets/css/pe-icon-7-stroke.css" rel="stylesheet" />
  
  
</head>
<body>

<div class="wrapper">
  <div class="sidebar" data-color="orange" data-image="<?php echo base_url(); ?>assets/img/full-screen-image-3.jpg">
    <div class="logo"><a href="#" class="logo-text">Dashborad</a></div>
    <div class="logo logo-mini"><a href="#" class="logo-text">OC</a></div>
    <div class="sidebar-wrapper">
      <ul class="nav">
        <li class="active" id="admin">
          <a href="<?php echo base_url(); ?>admin#admin">
            <i class="pe-7s-note2"></i><p>COUPON CAMPAIGNS</p>
          </a>
        </li>
        <li id="keyword">
          <a href="<?php echo base_url(); ?>keyword/campaigns#keyword">
            <i class="pe-7s-global"></i><p>KEYWORD CAMPAIGNS</p>
          </a>
        </li>  
      </ul>
    </div>
  </div>
  
 <script>

var lights = document.getElementsByClassName("active");
while (lights.length)
    lights[0].className = lights[0].className.replace(/\bactive\b/g, "");
    
    if(window.location.hash=="#keyword")
    {
        document.getElementById('keyword').setAttribute('class','active');
    }
    
    if(window.location.hash=="#admin")
    {
        document.getElementById('admin').setAttribute('class','active');
    }
    

    </script>
  <div class="main-panel">
    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <div class="navbar-minimize">
          <button id="minimizeSidebar" class="btn btn-warning btn-fill btn-round btn-icon">
            <i class="fa fa-ellipsis-v visible-on-sidebar-regular"></i>
            <i class="fa fa-navicon visible-on-sidebar-mini"></i>
          </button>
        </div>
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="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="#">Welcome!&nbsp;&nbsp;&nbsp;&nbsp;</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown dropdown-with-icons">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-list"></i>
                  <p class="hidden-md hidden-lg">
                      More
                      <b class="caret"></b>
                  </p>
              </a>
              <ul class="dropdown-menu dropdown-with-icons">
                <li>
                  <a href="<?php echo base_url(); ?>admin/reset">
                    <i class="pe-7s-lock"></i> Password Reset
                  </a>
                </li>
                <li>
                  <a href="<?php echo base_url(); ?>admin/logout" class="text-danger">
                    <i class="pe-7s-close-circle"></i>Log Out
                  </a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    
   