<div class="page-sidebar-wrapper">
    <div class="page-sidebar navbar-collapse collapse">
        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
            <li class="sidebar-toggler-wrapper hide">
                <div class="sidebar-toggler">
                    <span></span>
                </div>
            </li>
            
            <li class="nav-item start <?php echo $home;?>">
                <a href="home.php" class="nav-link">
                    <i class="icon-home"></i>
                    <span class="title">Dashboard</span>
                    <span class="selected"></span>
                </a>
            </li>
           

         
            
            
               <!-- <li class="nav-item start <?php echo $news; ?>">
                <a href="product1.php" class="nav-link">
                    <i class="icon-tag" aria-hidden="true"></i>
                    <span class="title">Buy Business Enquiries</span>
                    <span class="selected"></span>
                </a>
            </li> -->
            
            
           
               <!-- <li class="nav-item start <?php echo $news; ?>">
                <a href="product.php" class="nav-link">
                    <i class="icon-tag" aria-hidden="true"></i>
                    <span class="title">Buy Business</span>
                    <span class="selected"></span>
                </a>
            </li>
            <li class="nav-item start <?php echo $news; ?>">
                <a href="sell_product.php" class="nav-link">
                    <i class="icon-tag" aria-hidden="true"></i>
                    <span class="title">Sell Business Enquiries</span>
                    <span class="selected"></span>
                </a>
            </li> -->
             <li class="nav-item start <?php echo $news; ?>">
                <a href="categories.php" class="nav-link">
                    <i class="icon-tag" aria-hidden="true"></i>
                    <span class="title">User Details</span>
                    <span class="selected"></span>
                </a>
            </li>
            <li class="nav-item start <?php echo $news; ?>">
                <a href="contactus.php" class="nav-link">
                    <i class="icon-tag" aria-hidden="true"></i>
                    <span class="title">Donation</span>
                    <span class="selected"></span>
                </a>
            </li>
            <li class="nav-item start <?php echo $news; ?>">
                <a href="greetings.php" class="nav-link">
                    <i class="icon-tag" aria-hidden="true"></i>
                    <span class="title">Greetings Details</span>
                    <span class="selected"></span>
                </a>
            </li>
            <li class="nav-item start <?php echo $news; ?>">
    <a href="javascript:void(0);" class="nav-link" onclick="toggleSubMenu(this)">
        <i class="icon-tag" aria-hidden="true"></i>
        <span class="title">Reports</span>
        <span class="selected"></span>
        <span class="arrow"></span>
    </a>
    <ul class="sub-menu" style="display: none;">
        <li class="nav-item">
            <a href="referencesreport.php" class="nav-link">
                <i class="icon-doc" aria-hidden="true"></i>
                <span class="title">Donation Reports</span>
            </a>
        </li>
    </ul>
</li>

<script>
function toggleSubMenu(element) {
    const subMenu = element.nextElementSibling;
    if (subMenu.style.display === "none" || subMenu.style.display === "") {
        subMenu.style.display = "block";
    } else {
        subMenu.style.display = "none";
    }
}
</script>


        
            
            <li class="nav-item start">
                <a href="logout.php?logout" class="nav-link">
                    <i class="icon-logout"></i>
                    <span class="title">Logout</span>
                    <span class="selected"></span>
                </a>
            </li>


            <!-- <li class="heading">
                <h3 class="uppercase">Layouts</h3>
            </li> -->
        </ul>
        <!-- END SIDEBAR MENU -->
        <!-- END SIDEBAR MENU -->
    </div>
    <!-- END SIDEBAR -->
</div>