

 <!-- 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">
                <div class="sidebar-brand-icon rotate-n-15">
                    <img src="img/piano_3639426.png" style="width:50px;">
                </div>
                <div class="sidebar-brand-text mx-3">Outlet <sup>v2.0.</sup></div>
            </a>

                   <!-- Nav Item - Dashboard -->
    <center><div class="col-md-offset-2 col-md-lg-12 ">
<a href="javascript:history.back();"><span class="btn btn-warning" title='back'>&laquo;</span></a>
<a href="" class="btn btn-danger" title='Reload Page'><i class="fa fa-spinner"></i></a>
   <a href="javascript:history.forward();" title='Forward'><span class="btn btn-primary">&raquo;</span> </a>
</div></center>

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

<li class="nav-item active"><a class="nav-link" href="index"><i class="fas fa-fw fa-tachometer-alt"></i><span>Dashboard </span></a></li>

<!-- <li class="nav-item"><a class="nav-link" href="index" data-toggle="modal" data-target="#loadItem"><i class="fas fa-briefcase"></i><span>Stock Up </span></a></li> -->
<?php  if(!isset($_SESSION['supr'])){?>
<li class="nav-item"><a class="nav-link" href="payFirst"><i class="fas fa-briefcase"></i><span>Sell Item </span></a></li><?php  } ?>
           
            <li class="nav-item">
                <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseUtilities"
                    aria-expanded="true" aria-controls="collapseUtilities">
                    <i class="fas fa-fw fa-wrench"></i>
                    <span>Customers</span>
                </a>
                <div id="collapseUtilities" class="collapse" aria-labelledby="headingUtilities"
                    data-parent="#accordionSidebar">
                    <div class="bg-white py-2 collapse-inner rounded">
                       
<a class="collapse-item" href="" data-toggle="modal" data-target="#Register">Add Customer</a>
<a class="collapse-item" href="out_sales_partners">Partners</a>

                <?php  if(isset($_SESSION['supr'])){
echo '<a class="collapse-item" href="manage_reg">Manage Customers</a> ';
                }?>
                    
                       
                    </div>
                </div>
            </li>

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

            

            <!-- Nav Item - Pages Collapse Menu -->
            <li class="nav-item">
                <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages"
                    aria-expanded="true" aria-controls="collapsePages">
                    <i class="fas fa-fw fa-folder"></i>
                    <span>Finance</span>
                </a>
                <div id="collapsePages" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
                    <div class="bg-white py-2 collapse-inner rounded">
                   
                        <a class="collapse-item" href="manage_debt">Debtors List</a>
         <a class="collapse-item" href="payments">Payments</a>
         <a class="collapse-item" href="out_payments">Partners Pay</a>
                        
                    </div>
                </div>
            </li>


<!-- <li class="nav-item"><a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages6" aria-expanded="true" aria-controls="collapsePages6"><i class="fas fa-fw fa-folder"></i><span>Stocks</span></a><div id="collapsePages6" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar"><div class="bg-white py-2 collapse-inner rounded"><a class="collapse-item" href="" data-toggle="modal" data-target="#viewProdStats">View Single</a><a class="collapse-item" href="stocks">Manage Stock</a> </div></div></li> -->


<!-- <li class="nav-item"><a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages2" aria-expanded="true" aria-controls="collapsePages2">
<i class="fas fa-fw fa-folder"></i> <span>Purchase</span></a><div id="collapsePages2" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar"><div class="bg-white py-2 collapse-inner rounded"><a class="collapse-item" href="payments?itemPreview">Manage Sales</a><a class="collapse-item" href="" data-toggle="modal" data-target="#loadItem">Load Items</a></div></div></li> -->


<li class="nav-item"><a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages5" aria-expanded="true" aria-controls="collapsePages5"><i class="fas fa-fw fa-folder"></i><span>Products</span></a><div id="collapsePages5" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar"><div class="bg-white py-2 collapse-inner rounded">

<!-- <a class="collapse-item" href="" data-toggle="modal" data-target="#addProduct">Add Product</a> -->

    <a class="collapse-item" href="products">Manage Product</a> </div></div></li>


            <!--  <li class="nav-item">
                <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages3"
                    aria-expanded="true" aria-controls="collapsePages3">
                    <i class="fas fa-fw fa-folder"></i>
                    <span>Add Panel</span>
                </a>
                <div id="collapsePages3" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
                    <div class="bg-white py-2 collapse-inner rounded">
                     <a class="collapse-item" href="" data-target="#addSize" data-toggle="modal">Add Size</a>
                     <a class="collapse-item" href="" data-target="#addColour" data-toggle="modal">Add Colour</a>

                        <a class="collapse-item" href="" data-target="#addbrand" data-toggle="modal">Add Brand</a>
                        <a class="collapse-item" href="payments" data-toggle="modal" data-target="#addCompany">Add Company</a>
                        <a class="collapse-item" href="" data-toggle="modal" data-target="#addStaff">Add Staff</a>
                    </div>
                </div>
            </li> -->


            <li class="nav-item">
                <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages4"
                    aria-expanded="true" aria-controls="collapsePages4">
                    <i class="fas fa-fw fa-folder"></i>
                    <span>Views</span>
                </a>
<div id="collapsePages4" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar"><div class="bg-white py-2 collapse-inner rounded">
    <a class="collapse-item" href="stocks">Stocks</a>
     <a class="collapse-item" href="bigView">Search Sales</a>
    <!-- <a class="collapse-item" href="stocks?staffs">Staff</a> -->
                          
                    </div>
                </div>
            </li>

         

           

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

           
            <div class="sidebar-card d-none d-lg-flex">
               
                <p class="text-center mb-2"><strong>Last Logged In</strong> 
                    <?php  echo date('jS D M, Y h:i:s A',$results['lastlog']);  ?></p>
                
            </div>

        </ul>