<div id="pdtlistbSection" class="admin-section section mt-1" style="display:none;">

    <div id="productlist_HeaderSection" class="section-heading">
        <h3 class="link text-dark">Product List</h3>
        <a href="#" data-toggle="modal" 
           data-target="#productActionSheet" 
           class="link text-danger">
           Create
        </a>
    </div>

    <!-- Product list content here -->
    <!-- Current Product -->   
    
    
            <div class="card">

            <div class="table-responsive" id="productScroll" style="max-height:400px; overflow-y:auto;">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Product Name</th>
                            <th>Sale Price</th>
                            <th>Purchase Price</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody id="productlist"></tbody>
                </table>
            </div>

            </div>
       
        
        
        <!-- Current Product  -->
    

</div>
            
        
    
 