<?php
if (isset($conexion)) {
?>
    <form class="form-horizontal" method="post" name="add_abonoo" id="add_abonoo">
        <!-- Modal -->
        <div id="add-stock" class="modal fade" role="dialog">
            <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">×</button>
                        <h4 class="modal-title"> <i class="fa fa-edit"></i> Agregar Abono</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="nombre_cliente" class="control-label">CLIENTE:</label>
                                    <input type="text" class="form-control" id="nombre_cliente" name="nombre_cliente" autocomplete="off" required autofocus>
                                    <input type="hidden" id="id_cliente" name="id_cliente">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="fecha" class="control-label">FECHA:</label>
                                    <input type="date" class="form-control" id="fecha" name="fecha" autocomplete="off" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="monto" class="control-label">MONTO:</label>
                                    <input type="text" class="form-control" id="monto" name="monto" autocomplete="off" pattern="^[0-9]{1,5}(\.[0-9]{0,2})?$" title="Ingresa sólo números con 0 ó 2 decimales" maxlength="8" required>
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="saldo" class="control-label">SALDO ACTUAL:</label>
                                    <input type="text" class="form-control" id="saldo" name="saldo" autocomplete="off" pattern="^[0-9]{1,5}(\.[0-9]{0,2})?$" title="Ingresa sólo números con 0 ó 2 decimales" maxlength="8" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="abono" class="control-label">TOTAL ABONADO:</label>
                                    <input type="text" class="form-control" id="abono" name="abono" autocomplete="off" pattern="^[0-9]{1,5}(\.[0-9]{0,2})?$" title="Ingresa sólo números con 0 ó 2 decimales" maxlength="8" required>
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="concepto" class="control-label">CONCEPTO:</label>
                                    <input type="text" class="form-control UpperCase" id="concepto" name="concepto" autocomplete="off">
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Cerrar</button>
                        <button type="submit" class="btn btn-primary waves-effect waves-light" id="guardar_datoss">Guardar</button>
                    </div>
                </div>

            </div>
        </div>
    </form>
<?php
}
?>