<section class="sidebar">
      <!-- Sidebar user panel -->
     
      <!-- /.search form -->
      <!-- sidebar menu: : style can be found in sidebar.less -->
      <ul class="sidebar-menu" data-widget="tree">
       
          <li><a href="admin.php"><i class="fa fa-circle-o text-aqua"></i> <span>Customers Payments (<span id="count"></span>)</span></a></li>
           <li><a href="vendor.php"><i class="fa fa-circle-o text-aqua"></i> <span>Vendors Payments (<span id="count1"></span>)</span></a></li>
           <li><a href="admin_completed_history.php"><i class="fa fa-circle-o text-aqua"></i> <span>Customers Payment History</span></a></li>
            <li><a href="vendor_completed_history.php"><i class="fa fa-circle-o text-aqua"></i> <span>Vendor Payment History</span></a></li>
<li><a href="pdc.php"><i class="fa fa-circle-o text-aqua"></i> <span>PDC Status(<span id="count2"></span>)</span></a></li>
 <li><a href="pdc_honoured_history.php"><i class="fa fa-circle-o text-aqua"></i> <span>PDC History</span></a></li>
<li><a href="production.php"><i class="fa fa-circle-o text-aqua"></i> <span>Production Status(<span id="count3"></span>)</span></a></li>
 <li><a href="production_history.php"><i class="fa fa-circle-o text-aqua"></i> <span>Production History</span></a></li>
<li><a href="quotation.php"><i class="fa fa-circle-o text-aqua"></i> <span>Quotation</span></a></li>
<li><a href="proforma_invoice.php"><i class="fa fa-circle-o text-aqua"></i> <span>Proforma Invoice</span></a></li>
<li><a href="purchase_order.php"><i class="fa fa-circle-o text-aqua"></i> <span>Purchase Order</span></a></li>
<li><a href="smtp_details.php"><i class="fa fa-circle-o text-aqua"></i> <span>SMTP Details</span></a></li>
           <li><a href="password.php"><i class="fa fa-circle-o text-aqua"></i> <span>Change Password</span></a></li>
            <li><a href="master_data_customer.php"><i class="fa fa-circle-o text-aqua"></i> <span>Customer Details</span></a></li>
           <li><a href="product_details.php"><i class="fa fa-circle-o text-aqua"></i> <span>Product Details</span></a></li>
            <li><a href="login_history.php"><i class="fa fa-circle-o text-aqua"></i> <span>Login History</span></a></li>
            <li><a href="logout.php"><i class="fa fa-circle-o text-aqua"></i> <span>Logout</span></a></li>
      </ul>
    </section>
<script>
//$('ul li a[href="/' + location.pathname.split("/")[1] + '"]').parent().addClass('active');

$("ul.sidebar-menu  li").each(function(){
    var page=$(this).find("a").attr("href");
    var url=location.pathname;
  
    page1=url.substring(url.lastIndexOf('/')+1, url.length);
    //alert(page+"<>"+page1);
    if(page.trim()==page1.trim()){
        
        $(this).addClass('active');;
    }else{
        $(this).removeClass('active');;
    }
    
});


</script>
<style>
    .ui-icon-closethick {
    background-position: -87px -114px !important;
}
    .ui-icon-circle-triangle-e {
    background-position: 0 -144px !important;
}
.ui-icon-circle-triangle-w{ background-position: -144px 0 !important;}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    color: #fff;
    background: yellowgreen !important;
}
</style>

<script>
$.ajax({
   url:"admin_count.php",
   dataType:"JSON",
   success:function(data){
      $("#count").html(data.count);
        $("#count1").html(data.count1);
         $("#count2").html(data.count2);
          $("#count3").html(data.count3);
   },
   error:function(xhr){
       alert(xhr.responseText);
   }
});



</script>

<style>
    #count,  #count1,  #count2,  #count3{
        color:red
    }
    
    
</style>