<div class="content-wrapper">
  <!-- 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">Reporte de transacciones</h1>
        </div><!-- /.col -->
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="#">Reporte</a></li>
            <li class="breadcrumb-item active">Transacciones</li>
          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <!-- Main content -->
  <!-- Main content -->
  <section class="content">
    <div class="row">
      <!-- /.card -->
                <div class="form-group col-sm-6">
            <div class="card-body">
              <h6 id="banco_cuenta"></h6><br>
              <h6 id="titular_cuenta"></h6><br>
              <h6 id="numero_cuenta"></h6><br>
            </div>
          </div>

          <div class="form-group col-sm-6">
            <div class="card-body">
              <h6 id="saldo_inicial"></h6><br>
              <h6 id="fecha_cuenta"></h6><br>
              <h6 id="saldo_actual"></h6><br>
            </div>
          </div>
      <div class="col-md-12" id="datos_producto" >
        <div class="card  card-body" >

          <div class="card-body">

            <table id="list_bank_accounts" class="table table-bordered table-striped" style="width: 100%;">
              <thead>
                <tr style="text-align: center;">
                  <th></th>
                  <th>Fecha</th>
                  <th>Hora</th>
                  <th>Nro-Ope</th>
                  <th>M.Ingresos</th>
                  <th>M.Egresos</th>
                  <th>Tipo</th>
                  <th>Motivo</th>
                  <th>Saldo.A</th>
                  <th>Comprobante</th>
                </tr>
              </thead>

              <tfoot>
                <tr>
                  <th></th>
                  <th colspan="9" style="text-align: center;">Cuentas de Banco</th>
                </tr>
              </tfoot>
            </table>
          </div>
          <!-- /.card-body -->
        </div>
        <!-- /.card -->
      </div>

    </div>

  </section>
</div>