

 <!-- Sidebar -->
        <ul class="navbar-nav bg-gradient-info 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>v1.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 btn-sm" title='back'>&laquo;</span></a>
<a href="" class="btn btn-danger btn-sm" title='Reload Page'><i class="fa fa-spinner"></i></a>
   <a href="javascript:history.forward();" title='Forward'><span class="btn btn-primary btn-sm">&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 text-white" href="index" data-toggle="modal" data-target="#loadItem"><i class="fas fa-briefcase text-white"></i><span><strong>LOAD WHAREHOUSE</strong></span></a></li>


<li class="nav-item"><a class="nav-link text-white" href="index" data-toggle="modal" data-target="#distribute"><i class="fa fa-share text-white"></i><span><strong>DISTRIBUTE</strong></span></a></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="fa fa-reply"></i><span>SUPPLY</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="#distribute">Make Supply</a><a class="collapse-item" href="stocks">Manage</a> </div></div></li> -->


<li class="nav-item"><a class="nav-link collapsed text-white" href="#" data-toggle="collapse" data-target="#collapsePages5" aria-expanded="true" aria-controls="collapsePages5"><i class="fas fa-fw fa-folder text-white"></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>
<?php if(QueryDB("SELECT COUNT(*) FROM products")->fetchColumn()>400){?>
<a class="collapse-item" href="" data-toggle="modal" data-target="#viewmyProduct">Manage Product</a>
<?php }else{?>
  <a class="collapse-item" href="products">Manage Product</a> 
<?php  } ?>
  

</div></div></li>


             <li class="nav-item">
                <a class="nav-link collapsed text-white" href="#" data-toggle="collapse" data-target="#collapsePages3"
                    aria-expanded="true" aria-controls="collapsePages3">
                    <i class="fa fa-wrench text-white"></i>
                    <span>Settings</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="products?standard">View</a>


                     <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 Category</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="#addPayRoute">Add Pay Route</a>
<a class="collapse-item" href="" data-toggle="modal" data-target="#addStaff">Add Staff</a>
<?php  if(QueryDB("SELECT COUNT(*) FROM branch ")->fetchColumn() <3){?>
<a class="collapse-item" href="" data-toggle="modal" data-target="#addbranch">Add Branch</a>
<?php } ?>
                    </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="stocks?staffs">Staff</a></div></div></li> -->


<li class="nav-item bg-warning text-white"><a class="nav-link text-white" href="../admin/stocks?staffs"><i class="fa fa-male text-white"></i><span><strong>Manage Staff</strong></span></a></li>
         
<li class="nav-item bg-danger text-white"><a class="nav-link text-white" href="../admin"><i class="fa fa-reply text-white"></i><span><strong>ADMIN</strong></span></a></li>
   
<!-- <li class="nav-item bg-dark text-white"><a class="nav-link text-white" href="../admin"><i class="fa fa-reply text-white"></i><span><strong>e-Commerce</strong></span></a></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 bg-warning">
    <p class="text-center mb-2 text-dark" style="font-size:20px;"><strong>WHAREHOUSE</strong></p>
                <p class="text-center mb-2 text-dark"><strong>Last Logged In</strong><br> 
                    <?php  echo date('jS D M, Y h:i:s A',$results['lastlog']);  ?></p>
                
            </div>

        </ul>