<nav class="sidebar animate" id="sidebar">
    <div class="px-3 pt-3 logo-area">
      <a class="d-block mb-4 navbar-brand text-center" href="dashboard.php">
        <img class="sidebar-brand-logo w-75 m-auto" src="images/logo.png" alt="">
      </a>
      <!-- <form class="d-flex mb-4 align-items-center" action="#">
        <div class="input-group">
          <div class="input-group-prepend">
            <i class="fas fa-search input-group-text"></i>
          </div>
          <input type="text" class="form-control border-0" placeholder="Search">
        </div>
      </form> -->
    </div>
    <!-- <hr /> -->
    <ul class="nav" id="setActiveOnNav">
      <li class="nav-item" id="dashboard_active">
        <a class="nav-link" href="dashboard.php">
          <i class="fas fa-tachometer-alt menu-icon"></i>
          <span class="menu-title">Dashboard</span>
        </a>
      </li> 
      <li class="nav-item 123" id="distributor_active"> 
        <a class="nav-link" href="investigator.php"><i class="fas fa-user-friends menu-icon"></i> <span class="menu-title">Investigator</span> </a>
      </li>
      <!-- <li class="pt-2 pb-1">
        <span class="nav-item-head txt_black">Case</span>
      </li>  --> 
      <li class="nav-item">
        <a class="nav-link" data-toggle="collapse" href="#case_list" aria-expanded="false" aria-controls="case_list">
          <i class="fas fa-suitcase menu-icon"></i>
          <span class="menu-title">Case Management</span>
          <i class="fas fa-angle-right menu-arrow"></i>
        </a>
        <div class="collapse" id="case_list">
          <ul class="nav flex-column sub-menu">
            <li class="nav-item" id="product_active"> 
              <a class="nav-link" href="case_type.php"><i class="fas fa-suitcase menu-icon"></i> <span class="menu-title">Case Type</span> </a>
            </li>
            <li class="nav-item" id="product_active"> 
              <a class="nav-link" href="case.php"><i class="fas fa-suitcase menu-icon"></i> <span class="menu-title">Case</span> </a>
            </li>
            <li class="nav-item" id="product_active"> 
              <a class="nav-link" href="task.php"><i class="fas fa-star-of-life menu-icon"></i> <span class="menu-title">Task</span> </a>
            </li>
            <li class="nav-item" id="product_active"> 
              <a class="nav-link" href="note.php"><i class="far fa-file-alt menu-icon"></i> <span class="menu-title">Note</span> </a>
            </li>
            <!-- <li class="nav-item" id="product_active"> 
              <a class="nav-link" href="products.php"><i class="fas fa-box menu-icon"></i> <span class="menu-title">Civil</span> </a>
            </li>
            <li class="nav-item" id="product_active"> 
              <a class="nav-link" href="products.php"><i class="fas fa-box menu-icon"></i> <span class="menu-title">Criminal</span> </a>
            </li>
            <li class="nav-item" id="product_active"> 
              <a class="nav-link" href="products.php"><i class="fas fa-box menu-icon"></i> <span class="menu-title">Trainig</span> </a>
            </li>
            <li class="nav-item" id="product_active"> 
              <a class="nav-link" href="products.php"><i class="fas fa-box menu-icon"></i> <span class="menu-title">Consulting</span> </a>
            </li> -->
          </ul>
        </div>
      </li>    
      <!-- <li class="mt-3 pt-2 pb-1">
        <span class="nav-item-head txt_black">Report</span>
      </li> -->
      <li class="nav-item">
        <a class="nav-link" data-toggle="collapse" href="#report_manage" aria-expanded="false" aria-controls="report_manage">
          <i class="fas fa-file-alt menu-icon"></i>
          <span class="menu-title">Report</span>
          <i class="fas fa-angle-right menu-arrow"></i>
        </a>
        <div class="collapse" id="report_manage">
          <ul class="nav flex-column sub-menu">
            <li class="nav-item" id="content_page_active"> 
              <a class="nav-link" href="report-case.php"><i class="fas fa-suitcase  menu-icon"></i> <span class="menu-title">Case</span> </a>
            </li>
            <li class="nav-item" id="terms_condition_active"> 
              <a class="nav-link" href="report-task.php"><i class="fas fa-star-of-life menu-icon"></i> <span class="menu-title">Task</span> </a>
            </li>
            <li class="nav-item" id="terms_condition_active"> 
              <a class="nav-link" href="report-investigator.php"><i class="fas fa-user-tie menu-icon"></i> <span class="menu-title">Investigator</span> </a>
            </li>
            <!-- <li class="nav-item"> <a class="nav-link" href="pages/apps/tickets.html"><i class="fas fa-file-alt menu-icon"></i> <span class="menu-title">Tickets</span> </a></li>
            <li class="nav-item"> <a class="nav-link" href="pages/apps/chats.html"><i class="fas fa-file-alt menu-icon"></i> <span class="menu-title">Chats</span> </a></li> -->
          </ul>
        </div>
      </li>     
      <!-- <li class="nav-item"> 
        <a class="nav-link" href="company_profile.php"><i class="fab fa-contao menu-icon"></i> <span class="menu-title">Profile Management</span> </a>
      </li> -->
    </ul>
</nav>