<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <!-- Main content -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h4>View Fund Transfers</h4>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="<?=base_url('admin/home')?>">Home</a></li>
              <li class="breadcrumb-item active">Fund Transfers</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>
    <section class="content">
      <div class="container-fluid">
        <div class="row">      
            <div class="col-md-12 main-content">
                <div class="card content-area p-4">
                    <div class="card-innr">
                      <div class="row col-md-6">                       
                      </div>                        
                        <div class="gaps-1-5x"></div>
                         <table class='table-striped' 
                            data-toggle="table"
                            data-url="<?=base_url('admin/fund_transfer/view_fund_transfers')?>"
                            data-click-to-select="true"
                            data-side-pagination="server"
                            data-pagination="true"
                            data-page-list="[5, 10, 20, 50, 100, 200]"
                            data-search="true" data-show-columns="true"
                            data-show-refresh="true" data-trim-on-search="false"
                            data-sort-name="id" data-sort-order="asc"
                            data-mobile-responsive="true"
                            data-toolbar="" data-show-export="true"
                            data-maintain-selected="true"
                            data-export-types='["txt","excel"]'    
                            data-query-params="queryParams">
                            <thead>
                                <tr>
                                    <th data-field="id" data-sortable="true">ID</th>
                                    <th data-field="name" data-sortable="false">Name</th>                                    
                                    <th data-field="mobile" data-sortable="false">Mobile</th>                                    
                                    <th data-field="opening_balance"data-sortable="true">Opening balance</th>
                                    <th data-field="closing_balance" data-sortable="true">Closing balance</th>                            
                                    <th data-field="amount" data-sortable="true">Amount</th>
                                    <th data-field="status" data-sortable="true">Status</th>                            
                                    <th data-field="message" data-sortable="true">Message</th>                            
                                    <th data-field="date" data-sortable="true">Date</th>                            
                                </tr>
                            </thead>
                        </table>
                    </div><!-- .card-innr -->
                </div><!-- .card -->
            </div>
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
