cuentas.php

<?php require 'libs/conexion.php' ?>
<?php
    $idc = $_GET['idc'];
    $sql  = 'SELECT idcuenta, saldo, idtipocuenta, estado ';
    $sql .= 'FROM cuentas ';
    $sql .= 'WHERE idcliente = ?';

    $data = $cnn->prepare($sql);
    $data->bind_param('i', $idc);
    $data->execute();
    $data->bind_result($id, $saldo, $idtipocuenta, $estado);
    $data->store_result();
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Banco App v2.0.0</title>
    <link rel="stylesheet" href="static/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="static/x-editable/css/bootstrap-editable.css">
</head>
<body>
    <div class="container">
        <!--Pone un sobre, sale del bootstrap !-->
        <h1 class="well">Aplicación banco</h1>
        <div class="col-sm-5">
            <div class="row">
                <!--Se va a controlar el elemento submit a travez del id del form que será frmClient, programado desde app.js!-->
                <form id="frmCliente" action="scripts/insert.php" class="form-horizontal" method = 'post'>
                    <!--div.form-group>(labl+div.col-sm-10) !-->
                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="nombre">
                            Tipo de cuenta
                        </label>
                        <div class="col-sm-10">
                            <input required name = "nombre" id="nombre" type="text" class="form-control">
                        </div>
                    </div>

                    <div class="form-group">
                        <!--Si el for = "nombre" el id del input también tiene que ser "nombre" !-->
                        <label class="col-sm-2 control-label" for="apellidos">
                            Saldo
                        </label>
                        <div class="col-sm-10">
                            <input required name = "apellidos" id="apellidos" type="text" class="form-control">
                        </div>
                    </div>

                    <div class="form-group">
                        <!--Si el for = "nombre" el id del input también tiene que ser "nombre" !-->
                        <label class="col-sm-2 control-label" for="correo">
                            Estado
                        </label>
                        <div class="col-sm-10">
                            <input name = "correo" id="correo" type="email" class="form-control">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10 ">
                            <button type = "submit" class = "btn btn-success">
                                Guardar
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div class="col-sm-1"></div>

        <div class="col-sm-6">
            <!--El table es un cotenedor... y tienen otro contenedor que se llama thead y tiene otro contenedor de columnas que llama tr!-->
            <table class="table">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Saldo</th>
                        <th>Tipo</th>
                        <th>TipoCuenta</th>
                        <th>Acción</th>
                    </tr>
                </thead>
                <tbody id = "rows">
                    <?php while($data->fetch()): ?>
                        <tr>
                            <td><?php echo $id ?></td>
                            <!--El span lo utilizó para poder actualizar, despues de haber depositado o retirado !-->
                            <td><span id = "saldo<?php echo $id ?>"><?php echo $saldo ?></span></td>
                            <td><?php echo $idtipocuenta ?></td>
                            <td><?php echo $estado ?></td>
                            <td >
                                <button data-accion="d" data-pk="<?php echo $id ?>" class="btn btn-primary btn-sm btn-accion">
                                    D
                                </button>
                                <button data-accion="r" data-pk="<?php echo $id ?>" class="btn btn-success btn-sm btn-accion">
                                    R
                                </button>
                            </td>
                        </tr>
                    <?php endwhile?>
                </tbody>
            </table>
        </div>
    </div>


    <script src="static/js/jquery.min.js"></script>
    <script src="static/bootstrap/js/bootstrap.js"></script>
    <script src="static/x-editable/js/bootstrap-editable.min.js"></script>
    <script src="static/js/jquery.mockjax.min.js"></script>
    <script src="static/js/app.js"></script>
</body>
</html>