<!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper" style="min-height: 289px;">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Dashboard</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Dashboard</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">
            <div class="col-lg-9">
              
              <div class="alert alert-danger alert-dismissible">
                  <h5><i class="icon fas fa-exclamation-triangle"></i>You have not completed the setup process of your business!</h5>
                  <input type="hidden" name="customer_id" id="customer_id" value="5">
                  <a href="javascript:void(0)" onclick="showWizard()" class="small-box-footer">Click here to complete the process <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>
        <!-- Info boxes -->
        <div class="row">
          <div class="col-12 col-sm-6 col-md-3">
            <div class="info-box">
              <span class="info-box-icon bg-info elevation-1"><i class="fas fa-money-bill"></i></span>

              <div class="info-box-content">
                <span class="info-box-text">Available Limit</span>
                <span class="info-box-number">
                  <small>KES</small>
                  200,000 
                </span>
              </div>
              <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
          </div>
          <!-- /.col -->
          <div class="col-12 col-sm-6 col-md-3">
            <div class="info-box mb-3">
              <span class="info-box-icon bg-danger elevation-1"><i class="fas fa-money-bill"></i></span>

              <div class="info-box-content">
                <span class="info-box-text">Loan Amount</span>
                <span class="info-box-number"><small>KES</small> 250,410</span>
              </div>
              <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
          </div>
          <!-- /.col -->

          <!-- fix for small devices only -->
          <div class="clearfix hidden-md-up"></div>

          <div class="col-12 col-sm-6 col-md-3">
            <div class="info-box mb-3">
              <span class="info-box-icon bg-success elevation-1"><i class="fas fa-money-bill"></i></span>

              <div class="info-box-content">
                <span class="info-box-text">Credit Limit</span>
                <span class="info-box-number"><small>KES</small> 350,000</span>
              </div>
              <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
          </div>
          <!-- /.col -->
          <div class="col-12 col-sm-6 col-md-3">
            <div class="info-box mb-3">
              <span class="info-box-icon bg-warning elevation-1"><i class="fas fa-users"></i></span>

              <div class="info-box-content">
                <span class="info-box-text">Active Users</span>
                <span class="info-box-number">2</span>
              </div>
              <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
          </div>
          <!-- /.col -->
        </div>
        <!-- /.row -->


    
       

        <div class="row">
          <div class="col-md-12">
              <div class="card">
                    <div class="card-header border-0 ui-sortable-handle" style="cursor: move;">
                      <h3 class="card-title">Quick Actions</h3>
                      <div class="card-tools">
                        <a href="#" class="btn btn-tool btn-sm">
                          <i class="fas fa-download"></i>
                        </a>
                        <a href="#" class="btn btn-tool btn-sm">
                          <i class="fas fa-bars"></i>
                        </a>
                      </div>
              
                    </div>
                    <div class="card-body table-responsive">
              
              <table class="table">
              <tbody><tr>
              <td>
              
                <div class="btn-group">
                  <a role="button" class="btn btn-block bg-gradient-success" href="./statement.php">View Statement  <i class="fas fa-arrow-circle-right"></i> </a>
                </div>
              </td>
              </tr>
              <tr>
                <td>
                  <div class="row">
                  <br>
                  <div class="callout callout-info">
                    <p>
                    <i class="icon fas fa-info"></i> : To Maka a Payment with Fanaka click on Pay
                    </p>
                  </div>
                  </div>
                </td>
              </tr>
              </tbody>
            </table>
                      
                        <div class="row">
                        <div class="col-sm-12">
                        <table id="data-table-x" class="table table-striped table-valign-middle dataTable no-footer" role="grid" aria-describedby="data-table-1_info">
                          <thead>
                        <tr role="row">

                          <th style="width: 90%;">Available Limits</th>
                          <th class="sorting" tabindex="0" aria-controls="data-table-1" rowspan="1" colspan="1" aria-label="Exam Description: activate to sort column ascending">#</th>

                        </tr></thead>
                        <tbody>
                                  
          
                                  
            
                          <tr role="row" class="odd">
                              <td>
                                      Pinefrost - <b>KES 20,000</b>
                                     <br>
                                     
                                      
                            </td>
                            <td><a role="button" class="btn bg-gradient-success " href="./start_exam.php?c=56322522752113205729"> Pay <i class="fas fa-arrow-circle-right"></i></a>
                            </td>
                          </tr>
                          <tr role="row" class="odd">
                              <td>
                                      Nanjing Africa Co.,Kenya Ltd - <b>KES 30,000</b>
                                     
                                      
                            </td>
                            <td><a role="button" class="btn bg-gradient-success " href="./start_exam.php?c=56322522752113205729"> Pay <i class="fas fa-arrow-circle-right"></i></a>
                            </td>
                          </tr>

                          <tr role="row" class="odd">
                              <td>
                                      Devsons Industries Ltd - <b>KES 200,000</b>
                                     
                                      
                            </td>
                            <td><a role="button" class="btn bg-gradient-success " href="./start_exam.php?c=56322522752113205729"> Pay <i class="fas fa-arrow-circle-right"></i></a>
                            </td>
                          </tr>

                          <tr role="row" class="odd">
                              <td>
                                      Kenya Briquettes Distributors - <b>KES 200,000</b>
                                     
                                      
                            </td>
                            <td><a role="button" class="btn bg-gradient-success " href="./start_exam.php?c=56322522752113205729"> Pay <i class="fas fa-arrow-circle-right"></i></a>
                            </td>
                          </tr>



                        </tbody>
                      </table>

                    
             
                  </div>
                </div>
        </div>

        <div class="modal fade" id="modal-wizard">
        <div class="modal-dialog modal-lg">
          
            <div id="question_data" class="modal-content bg-default">
            
            <div class="modal-header">
              <h4 class="modal-title" id="add-mem-title">Business Setup </h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span></button>
            </div>
            <div id="q_body" class="modal-body ">
              <p>Please Wait ...</p>
            </div>
            <div class="modal-footer justify-content-between">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
            </div>
            <!-- /.modal-content -->
            
           

        </div>
        <!-- /.modal-dialog -->
      </div>
      <!-- /.modal -->
 
      </div><!--/. container-fluid -->
    </div></div></div></section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->