        <!-- TOTAL OVERDUES -->
         <div class="col-md-12 col-lg-12 col-sm-12">
                <div class="card">
                   <div class="card-status bg-teal">
                      </div>
                  <div class="card-header">
                    <h3 class="card-title">Total Overdue</h3>
                  </div>
                  <div class="table-responsive">
                    <table  class="table card-table table-vcenter text-nowrap cls_datatable_overdue">
                      <thead>
                        <tr>
                          <th class="w-1">Sr #</th>
                          <th>Booking Detail</th>
                          <th>Customer Name</th>
                          <th>Contact</th>
                          <th>Description</th>
                          <th>Balance</th>
                          <th>Due Date</th>
                          <th>Action</th>
                      
                        </tr>
                      </thead>
                      <tbody id="total_over_due">
                     
                       
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>

              <div class="col-md-12 col-lg-12 col-sm-12">
                <div class="card">
                   <div class="card-status bg-teal">
                      </div>
                  <div class="card-header">
                    <h3 class="card-title"><b>5 </b>DAYS REMINDER</h3>
                  </div>
                  <div class="table-responsive">
                    <table class="table card-table table-vcenter text-nowrap cls_datatable_reminder">
                      <thead>
                        <tr>
                          <th class="w-1">Sr #</th>
                          <th>Booking Detail</th>
                          <th>Customer Name</th>
                          <th>Contact</th>
                          <th>Description</th>
                          <th>Balance</th>
                          <th>Due Date</th>
                          <th>Action</th>
                      
                        </tr>
                      </thead>
                      <tbody  id="five_day_reminder" >
                       
                       
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>


               <div class="col-md-12 col-lg-12 col-sm-12">

                <div class="card">
                   <div class="card-status bg-teal">
                      </div>
                  <div class="card-header">
                    <h3 class="card-title">Booking Overdue</h3>
                  </div>
                  <div class="table-responsive">
                    <table class="table card-table table-vcenter text-nowrap cls_datatable_booking_overdue">
                      <thead>
                       
                        <tr>
                          <th class="w-1">Sr #</th>
                          <th>Booking Detail</th>
                          <th>Customer Name</th>
                          <th>Contact</th>
                          <th>Balance</th>
                          <th>Latest DueDate</th>
                          <th>Action</th>
                        
                        </tr>
                      </thead>
                      <tbody id="bookingwise_overdue" >
                   
                         
                        
                      </tbody>
                    </table>
                  </div>
                </div>

              </div><?php /**PATH /var/www/skylite/resources/views/dashboard/dashboard_overdues.blade.php ENDPATH**/ ?>