<!-- Sidebar -->
<ul class="navbar-nav bg-gradient-dark sidebar sidebar-dark accordion" id="accordionSidebar">

    <!-- Sidebar - Brand -->
    <a class="sidebar-brand d-flex align-items-center justify-content-center" href="index.php">
        <div class="sidebar-brand-text mx-3"><?php echo strtoupper($_SESSION['roles'])?></div>
    </a>

    <!-- Divider -->
    <hr class="sidebar-divider my-0">

    <!-- Nav Item - Dashboard -->
    <li class="nav-item">
        <a class="nav-link" href="index.php">
            <i class="fas fa-fw fa-tachometer-alt"></i>
            <span>Dashboard</span></a>
    </li>

    <li class="nav-item">
        <a class="nav-link" href="user_listing.php">
        <i class="fa fa-users"></i>
            <span>User</span></a>
    </li>

      <!-- Nav Item - Dashboard -->
     <li class="nav-item">
        <a class="nav-link" href="stocks_listing.php">
            <i class="fa fa-tshirt"></i>
            <span>PPE</span></a>
    </li>
    
    <!-- Nav Item - Dashboard -->
    <li class="nav-item">
        <a class="nav-link" href="log_listing.php">
            <i class="fa fa-address-book"></i>
            <span>PPE History</span></a>
    </li>

    <!-- Nav Item - Dashboard -->
    <li class="nav-item">
        <a class="nav-link" href="tools_listing.php">
            <i class="fa fa-tools"></i>
            <span>Tools</span></a>
    </li>

       <!-- Nav Item - Dashboard -->
    <li class="nav-item">
        <a class="nav-link" href="electrical_listing.php?type=electrical">
            <i class="fa fa-bolt"></i>
            <span>Electrical</span></a>
    </li>

    <li class="nav-item">
        <a class="nav-link" href="electrical_listing.php?type=instrument">
            <i class="fa fa-microscope"></i>
            <span>Instrument</span></a>
    </li>

    <li class="nav-item">
        <a class="nav-link" href="electrical_listing.php?type=general">
            <i class="fa fa-globe"></i>
            <span>General</span></a>
    </li>

       
</ul>
<!-- End of Sidebar -->