<!--<ul class="sidebar-menu" data-widget="tree">-->
<!--    <li class="header">MAIN NAVIGATION</li>-->
<!--    <li class="active treeview">-->
<!--    <a href="#">-->
<!--    <i class="fa fa-dashboard"></i> <span>Academics Staff</span>-->
<!--    <span class="pull-right-container">-->
<!--      <i class="fa fa-angle-left pull-right"></i>-->
<!--    </span>-->
<!--  </a>-->
  <ul class="sidebar-menu" data-widget="tree">
        <li class="header">MAIN NAVIGATION</li>
        <li class="active treeview">
          <a href="#">
            <i class="fa fa-dashboard"></i> <span>Academics Affairs Staff</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
          </a>
    
        <ul class="treeview-menu">
  
            <li><a href="?type=certificate_pending" ><i class="fa fa-circle-o"></i>Pending Certificate </a></li>
            <li><a href="?type=certificate_completed" ><i class="fa fa-circle-o"></i>Completed Certificate</a></li>
            
            <li><a href="?type=transcript_pending" ><i class="fa fa-circle-o"></i>Pending Transcript </a></li>
            <li><a href="?type=transcript_completed" ><i class="fa fa-circle-o"></i>Completed Transcript</a></li>
            
            <!--<li><a href="?type=verification_pending" ><i class="fa fa-circle-o"></i>Pending Verification </a></li>-->
            <!--<li><a href="?type=verification_completed" ><i class="fa fa-circle-o"></i>Completed Verification</a></li>-->
            
            
            <li><a href="?type=transcript_message" ><i class="fa fa-circle-o"></i>Transcript Success Message</a></li>
            
            
            <li><a href="?type=ticket_request" ><i class="fa fa-circle-o"></i>Enquiries</a></li>
            
             <li><a href="?type=logout"><i class="fa fa-circle-o"></i> Logout</a></li>

        </ul>
        <!--</div>-->
        </li>
    </ul>
</ul>


