
        
<!-- Accounts Section -->
<div id="inventorySection" class="admin-section section mt-1" style="display:none;">

    <!-- Skeleton -->
    <div class="skeleton-wrapper">
        <div class="skeleton-box"></div>
        <div class="skeleton-box"></div>
    </div>

    <div class="section-heading">
        <h3 class="link text-dark">Inventory</h3>
        <a href="#" data-toggle="modal" 
           data-target="#PanelRight" 
           class="link text-danger">
           More+..
        </a>
    </div>
    <!-- Pending Content -->
    <div class="pending-invoice-transactions" style="display:none;">
    <div class="section-title">
            <h6>Pending Transactions</h6>
        </div>
        <div class="card">
            <div class="table-responsive" id="invPScroll" style="max-height:400px; overflow-y:auto;">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Doc No</th>
                            <th>Name</th>
                            <th>T.Type</th>
                            <th>Amount</th>
                        </tr>
                    </thead>
                    <tbody id="pendinginventory"></tbody>
                </table>
            </div>
        </div>

    </div> <!-- Pending content-wrapper -->

    <!-- todays Content -->
    <div class="todays-transactions mt-2" style="display:none;">
    <div class="section-title">
            <h6>Today's Transactions</h6>
        </div>
        <div class="card">
            <div class="table-responsive" id="invScroll" style="max-height:400px; overflow-y:auto;">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Doc No</th>
                            <th>Name</th>
                            <th>T.Type</th>
                            <th>Amount</th>
                        </tr>
                    </thead>
                    <tbody id="todaysinventory"></tbody>
                </table>
            </div>
        </div>

    </div> <!-- todays content-wrapper -->
    
     <!-- Current Stock -->   
      <div class="curent-stocks mt-2">
     <div class="section-title">
        <h6 class="title">Current Month 2</h6>
          
        </div>
            <div class="card">

                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th scope="col">Item 2</th>
                                <th scope="col">Yesterday</th>
                                <th scope="col">Today</th>
                                <th scope="col">All Month</th>
                            </tr>
                        </thead>
                       <tbody id="currentstocks">
                          
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
        
        
        <!-- Current Stock  -->
              

</div> <!-- accountsSection -->