<!-- Sidebar -->
<ul class="navbar-nav sidebar sidebar-light accordion" id="accordionSidebar">
      <a class="sidebar-brand d-flex align-items-center justify-content-center" href="index.php" style="background-color:#FFFFFF">
        <div class="sidebar-brand-icon">
          <img src="img/devajuLogo.jpeg">
        </div>
        <div class="sidebar-brand-text mx-3" style="color:#000000">Dejavu CRM</div>
      </a>
      <hr class="sidebar-divider my-0">
      <li class="nav-item active">
        <a class="nav-link" href="index.php">
          <i class="fas fa-fw fa-tachometer-alt text-danger"></i>
          <span>Dashboard</span></a>
      </li>
      <hr class="sidebar-divider">
      <div class="sidebar-heading">
        Features
      </div>
      <!--  -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseBootstrap"
          aria-expanded="true" aria-controls="collapseBootstrap">
          <i class="fas fa-users fa-2x text-danger"></i>
          <span>CUSTOMERS</span>
        </a>
        <div id="collapseBootstrap" class="collapse" aria-labelledby="headingBootstrap" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">CUSTOMERS</h6>
            <a class="collapse-item" href="acustomer.php">ADD A CUSTOMER</a>
            <a class="collapse-item" href="vcustomers.php">CUSTOMERS LIST</a>
            <!-- <a class="collapse-item" href="vcustomers.php">EDIT A CUSTOMER</a> -->
          </div>
        </div>
      </li>
      <!--  -->

      
      <!--  -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseBootstrap1"
          aria-expanded="true" aria-controls="collapseBootstrap">
          <i class="fas fa-users fa-2x text-danger"></i>
          <span>DEVICES</span>
        </a>
        <div id="collapseBootstrap1" class="collapse" aria-labelledby="headingBootstrap" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">DEVICES</h6>
            <a class="collapse-item" href="addDevice.php">ADD A DEVICE</a>
            <a class="collapse-item" href="allDevices.php">ADDED DEVICES</a>
            <!-- <a class="collapse-item" href="vcustomers.php">EDIT A CUSTOMER</a> -->
          </div>
        </div>
      </li>


      
      <!-- -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseForm" aria-expanded="true"
          aria-controls="collapseForm">
          <i class="fas fa-ticket-alt fa-2x text-danger"></i>
          <span>TICKETS</span>
        </a>
        <div id="collapseForm" class="collapse" aria-labelledby="headingForm" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">TICKETS</h6>
            <a class="collapse-item" href="aticket.php">CREATE A TICKET</a>
            <a class="collapse-item" href="cticket.php">ALL TICKETS</a>
            <a class="collapse-item" href="resoltickets.php">RESOLVED TICKETS</a>
            <!--<a class="collapse-item" href="cticket.php">TRANSFER A TICKET</a> -->
            
          </div>
        </div>
      </li>
     <!--  -->
     <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#jobCards"
          aria-expanded="true" aria-controls="collapseBootstrap">
          <i class="fas fa-users fa-2x text-danger"></i>
          <span>JOB CARDS</span>
        </a>
        <div id="jobCards" class="collapse" aria-labelledby="headingBootstrap" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">JOB CARDS</h6>
            <a class="collapse-item" href="newjobCard.php">ADD A JOB CARD</a>
            <a class="collapse-item" href="jobCards.php">JOB CARDS</a>
            <!-- <a class="collapse-item" href="vcustomers.php">EDIT A CUSTOMER</a> -->
          </div>
        </div>
      </li>
      <!--  -->
      
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTable" aria-expanded="true"
          aria-controls="collapseTable">
          <i class="fas fa-chart-line fa-2x text-danger"></i>
          <span>USERS</span>
        </a>
        <div id="collapseTable" class="collapse" aria-labelledby="headingTable" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">users</h6>
            <a class="collapse-item" href="register.php">ADD USER</a>
            <a class="collapse-item" href="editusers.php">USERS</a>
            <a class="collapse-item" href="addteam.php">TEAMS</a>
            <a class="collapse-item" href="addDpmt.php">DEPARTMENTS</a>
          </div>
        </div>
      </li>
      <!--  -->
 <!--  -->
 <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseBootstrapmsg"
          aria-expanded="true" aria-controls="collapseBootstrapmsg">
          <i class="fas fa-users fa-2x text-danger"></i>
          <span>MESSAGING</span>
        </a>
        <div id="collapseBootstrapmsg" class="collapse" aria-labelledby="headingBootstrap" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">MESSAGES</h6>
            <a class="collapse-item" href="emailrh.php">EMAILS</a>
            <a class="collapse-item" href="smsrh.php">SMS</a>
            <!-- <a class="collapse-item" href="vcustomers.php">EDIT A CUSTOMER</a> -->
          </div>
        </div>
      </li>
      <!--  -->
      

      <!--  -->
      <li class="nav-item">
        <a class="nav-link" href="reportM.php">
          <i class="fas fa-landmark fa-2x text-danger"></i>
          <span>REPORTS</span>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="">
          <i class="fas fa-landmark fa-2x text-danger"></i>
          <span>FEEDBACK</span>
        </a>
      </li>

      
      <li class="nav-item">
        <a class="nav-link" href="">
          <i class="fas fa-satellite-dish fa-2x text-danger"></i>
          <span>COMMUNICATION</span>
        </a>
      </li>
      <hr class="sidebar-divider">
      <div class="sidebar-heading">
        MY ACCOUNT
      </div>
      
      <li class="nav-item">
        <a class="nav-link" href="cp.php">
          <i class="fas fa-fw fa-chart-area"></i>
          <span>CHANGE PASSWORD</span>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="edituser.php">
          <i class="fas fa-fw fa-chart-area"></i>
          <span>EDIT MY PROFILE</span>
        </a>
      </li>
      <hr class="sidebar-divider">
      <div class="version" id="version-ruangadmin"></div>
    </ul>
    <!-- Sidebar -->