<nav class="navbar-default navbar-static-side" role="navigation">
    <div class="sidebar-collapse">
        <ul class="nav metismenu" id="side-menu">
            <li class="nav-header">
                <div class="dropdown profile-element"> 
                    <!-- <span>
                        <img alt="image" class="thumbnail no-borders" style="max-height:30px;" src="img/logo-small.png" />
                    </span> -->
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <span class="clear"> 
                            <span class="block m-t-xs"> <strong class="font-bold"><?php echo $_SESSION['user_session'];?></strong></span>
                            <span class="text-muted text-xs block"><i class="fa fa-circle success-text"></i> Online <b class="caret"></b></span> 
                        </span> 
                    </a>
                    <ul class="dropdown-menu animated fadeInRight m-t-xs">
                        <!-- <li><a href="profile.html">Profile</a></li>
                        <li><a href="contacts.html">Contacts</a></li>
                        <li><a href="mailbox.html">Mailbox</a></li>
                        <li class="divider"></li> -->
                        <li><a href="javascript:;" onclick="logout()">Logout</a></li>
                    </ul>
                </div>
                <!-- <div class="logo-element">
                    <img alt="image" class="img-circle" style="max-width:40px;" src="../images/logo_white.png"/>
                </div> -->
            </li>
            
            <li id="dashboard">
                <a href="../admin/"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboard</span></a>
            </li>
            <li id="category">
                <a href="category_list"><i class="fa fa-diamond"></i> <span class="nav-label">Category</span></a>
            </li>
            <li id="article">
                <a href="article_list"><i class="fa fa-diamond"></i> <span class="nav-label">Articles</span></a>
            </li>
            
            <li id="event">
                <a href="event_list"><i class="fa fa-credit-card"></i> <span class="nav-label">Events</span></a>
            </li>
            <li id="gen">
                <a href="gen_list"><i class="fa fa-credit-card"></i> <span class="nav-label">Power Generation</span></a>
            </li>
        </ul>
    
    </div>
</nav>