<!-- Font Awesome (Latest CDN) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

<!-- jQuery and Bootstrap JS (required for collapse functionality) -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>

<!-- Sidebar Code -->
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion font-weight-bold" id="accordionSidebar">

    <!-- Sidebar - Brand -->
    <a class="sidebar-brand d-flex align-items-center justify-content-center py-3" href="dashboard.php">
        <div class="sidebar-brand-icon">
            <img src="../../img/logo231.png" width="50" height="50">
        </div>
    </a>

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

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

    <!-- Nav Item - Subjects Collapse Menu -->
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsesb"
            aria-expanded="false" aria-controls="collapsesb">
            <i class="fas fa-fw fa-book-reader"></i>
            <span>Subjects</span>
        </a>
        <div id="collapsesb" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Subject Management:</h6>
                <a class="collapse-item" href="d.php">Database</a>
                <a class="collapse-item" href="tw.php">Technical Writing</a>
                <a class="collapse-item" href="se.php">Software Engeenring</a>
                <a class="collapse-item" href="ml.php">Machine Learning</a>
            </div>
        </div>
    </li>

    <!-- Nav Item - Result Report Collapse Menu -->
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapserp"
            aria-expanded="false" aria-controls="collapserp">
            <i class="fas fa-fw fa-question"></i>
            <span>Result Report</span>
        </a>
        <div id="collapserp" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Report Management:</h6>
                <a class="collapse-item" href="report.php">View Report</a>
            </div>
        </div>
    </li>

    <!-- Sidebar Toggler -->
    <div class="text-center d-none d-md-inline">
        <button class="rounded-circle border-0" id="sidebarToggle"></button>
    </div>

</ul>
