  <!-- Wallet Card -->
        <div id="wallet" class="section admin-section wallet-card-section  pt-1">
             <!-- Skeleton -->
    <div class="skeleton-wrapper">
        <div class="skeleton-box"></div>
        <div class="skeleton-box"></div>
        <div class="skeleton-box"></div>
    </div>
            <div class="wallet-card ">
                <!-- Balance -->
                <div class="balance">
                    <div class="left">
    <div class="form-group basic">
    <div class="input-wrapper">
                        <span class="title"> <select id="sel_co" name="sel_co" class="form-control custom-select" required>
                            <?php
                        foreach ($sel_co as $row) {
                            echo '<option value="'.$row['id'].'">'.$row['org_name'].'</option>';
                        }
                        ?>
                        </select></span>
            </div>
    </div>
                        <h5 class="title text-secondary">Total Uncollected Revenue</h5>
                        <h5 class="title text-secondary">Previous Month</h5>
                        <h5 class="title text-secondary">This Month</h5>
                    </div>
                    <div class="right">
                        <span class="title text-secondary"><input type="hidden" id="defacc" name="defacc" class="form-control"  required></span> 
                       <div class="row text-light">-------</div>
                         <div class="row text-light">------</div>
                        <div>
                            <span class="value text-secondary" id="pers_bl" style="font-weight: 500; font-size: 15px;">0</span>
                        </div>
                        <div>
                            <span class="value text-secondary" id="prev_bl" style="font-weight: 500; font-size: 15px;">0</span>
                        </div>
                        <div>
                            <span class="value text-secondary" id="pers_this_month_bl" style="font-weight: 500; font-size: 15px;">0</span>
                        </div>
                        
                    </div>
                </div>
                <!-- * Balance -->
                <!-- Wallet Footer -->

                <!-- * Wallet Footer -->
            </div>
        </div>
        <!-- Wallet Card -->
        
        

        
<!-- overview Section -->
<div id="overviewSection" 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">Overview</h3>
        <a href="#" data-toggle="modal" 
           data-target="#PanelRight_1" 
           class="link text-danger">
           More+..
        </a>
    </div>

<div class="screen-wrapper">
    <div class="charts-wrapper mt-1">

    <!-- Daily Revenue -->
    <div class="chart-card">
        <h6>Daily Revenue</h6>
    <div class="chart-loader text-center mt-1" id="dailyLoader1">
        <div class="spinner-grow text-warning"></div>
    </div>
    
        <canvas id="dailyRevenueChart1"></canvas>
    </div>

    <!-- Pending vs Collected -->
    <div class="chart-card">
        <h6>Sales vs Collected</h6>
    <div class="chart-loader text-center mt-1" id="statusLoader1">
        <div class="spinner-grow text-pink"></div>
    </div>
        <canvas id="statusChart1"></canvas>
    </div>

</div>
    
 <!-- Pending -->
    <div class="table-container">
        <!-- Loader -->
<div id="overviewLoaderpending" class="text-center mt-1">
    <div class="spinner-grow text-warning" role="status"></div>
  
</div>
        <!-- Pending cash transaction Content -->
    <div class="pend-overview-transactions" style="display:none;">
     <div class="section-title">
            <h6>Pending Transactions</h6>
        </div>
        <div class="card">
            <div class="table-responsive" id="OvPScroll" style="max-height:400; 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="overviewpending"></tbody>
                </table>
            </div>
        </div>

    </div> <!-- Pending cash transaction Content -->
    
  </div>   

 <!-- Today -->
    <div class="table-container">
    <!-- Loader -->
<div id="overviewLoader" class="text-center mt-1">
    <div class="spinner-grow text-primary" role="status"></div>
 
</div>

    <!-- Today's cash transaction Content -->
    <div class="overview-transactions" style="display:none;">
     <div class="section-title">
            <h6>Today's Transactions</h6>
        </div>
        <div class="card">
            <div class="table-responsive" id="OvTScroll" style="max-height:400; 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="overviewtoday"></tbody>
                </table>
            </div>
        </div>

    </div> <!-- Today's transaction Content -->
    
</div>

 <div class="table-container">
     <!-- Current Stock -->   
    <div class="curent-stocks mt-1">
     <div class="section-title">
        <h6 class="title">Current Month</h6>
          
        </div>
            <div class="card">

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

            </div>
        </div>
  </div>        
        
        <!-- Current Stock  -->
    
</div><!-- End of screen wrapper -->

</div> <!-- overviewSection -->