            <nav class="col-md-2 d-none d-md-block bg-light sidebar collapse" id="sidebar">
                <div class="sidebar-sticky">
                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a class="nav-link active" href="?stvat=home">
                                <span data-feather="home"></span>
                                Dashboard <span class="sr-only">(current)</span>
                            </a>
                        </li>
                        <!-- 
                        <li class="nav-item">
                            <a class="nav-link" href="?stvat=Form" >
                            <span data-feather="list"></span>
                            Invoice Form 
                            </a>
                        </li>-->
                        <!-- <li class="nav-item">


                            <a class="nav-link" href="#otherSections" data-toggle="collapse">
                                <span data-feather="file"></span>
                                Generate Invoice
                            </a>
                            <ul class="collapse sub-menu " id="otherSections">

                            </ul>
                        </li> -->
                        <!-- <h6>Generate Invoice</h6> -->
                        <li class="sub-item">
                            <a class="nav-link" href="?stvat=singleInv">
                                <span data-feather="file"></span>
                                Single Invoice - Json
                            </a>
                        </li>
                        <li class="sub-item">
                            <a class="nav-link" href="?stvat=zip_upload">
                                <span data-feather="eye"></span>
                                Bulk Invoice - Zip
                            </a>
                        </li>
                        <!-- <li class="nav-item">
                            <a class="nav-link" href="?stvat=zip_upload">
                                <span data-feather="eye"></span>
                                Zip Upload
                            </a>
                        </li> -->
                        <!-- <li class="nav-item">
                            <a class="nav-link" href="?stvat=jsonFile" >
                            <span data-feather="users"></span>
                            Json Import
                            </a>
                        </li> -->
                        <li class="nav-item">
                            <a class="nav-link" href="?stvat=view_down">
                                <span data-feather="download"></span>
                                View / Download
                            </a>
                        </li>
                        <!-- <li class="nav-item">
                            <a class="nav-link" href="?stvat=Form" >
                            <span data-feather="list"></span>
                            Invoice Form 
                            </a>
                        </li> -->
                        <!-- 
                        
                        <li class="nav-item">
                            <a class="nav-link" href="?stvat=invoice Import" >
                            <span data-feather="upload"></span>
                            Import Invoice
                            </a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link" href="?stvat=view_invoice" >
                            <span data-feather="eye"></span>
                            View Invoice
                            </a>
                        </li>-->
                        <li class="nav-item">
                            <a class="nav-link" href="?stvat=newTempl">
                                <span data-feather="clipboard"></span>
                                Template Master
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="?stvat=testing">
                                <span data-feather="layers"></span>
                                Export Invoice Template
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="?stvat=template">
                                <span data-feather="book"></span>
                                Domestic Inv Template
                            </a>
                        </li>
                        <!-- <li class="nav-item">
                            <a class="nav-link" href="?stvat=Form" >
                            <span data-feather="list"></span>
                            Invoice Form 
                            </a>
                        </li> -->
                        <li class="nav-item">
                            <a class="nav-link" href="?stvat=json_prep">
                                <span data-feather="tool"></span>
                                Json Preparation 
                            </a>
                        </li>
                        <hr class="sidebar-divider">
                        <li class="nav-item">
                            <a class="nav-link" href="?stvat=siteupdate">
                                <span data-feather="web"></span>
                                E-invoice Update Feeds
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>
            <script>
// $(()=>{
//     $('.sidebar-sticky > ul > li > a').on('click', function(){
//         $('.sidebar-sticky > ul > li > a').removeClass('active');
//         $(this).addClass('active');        
//     });

// })
            </script>
            <script>
setTimeout(function() {
    const params = new URLSearchParams(window.location.search)
    var val = params.get('stvat');
    $('.sidebar-sticky  a').removeClass('active');
    $('.sidebar-sticky  a[href*=' + val + ']').addClass('active');
}, 300);

// for (const param of params) {
//     // $('.sidebar a.active').removeClass('active');    
//     // $('.sidebar a[href*=*'+val+']').addClass('active');  
//     $('.sidebar-sticky > ul > li > a').removeClass('active');
//     $('.sidebar-sticky > ul > li > a[href*='+val+']').addClass('active'); 
// }
            </script>