<?php include "Views/templates/header.php"; ?>
<div class="card">


    <!--
    <div class="card-header">
        <button class="btn btn-outline-success" type="button" onclick="frmProveedor();">Nuevo Proveedor</button>
        <a class="btn btn-outline-info" href="<?php echo base_url; ?>compras/historial">Historial Compras</a>
    </div>
    -->

    <div class="card-body">
        <div class="form-group">
            <label for="buscarProducto"><i class="fas fa-barcode"></i> Buscar Producto</label>
            <input id="buscarProducto" class="form-control" type="text" placeholder="Código o nombre del producto">
            <span class="text-danger" id="error_producto"></span>
        </div>
        <div class="table-responsive">
            <table class="table table-bordered table-hover" id="t_com" style="width: 100%;">
                <thead>
                    <tr>
                        <th>Descripción</th>
                        <th>Cantidad</th>
                        <th>Descuento</th>
                        <th>Precio</th>
                        <th>Sub Total</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody id="tblDetalle">
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <label for="buscarProveedor"><i class="fas fa-users"></i> Buscar Proveedor</label>
                    <input type="hidden" id="id_proveedor" value="1">
                    <input id="buscarProveedor" class="form-control" type="text" placeholder="Nombre del proveedor">
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label for="opcion_pago">Forma de pago</label>
                    <label class="btn btn-outline-primary btn-block">
                        <input type="radio" id="contado" name="forma" checked value="1" onclick="desactivar(event)"> Contado
                    </label>
                    <label class="btn btn-outline-primary btn-block">
                        <input type="radio" id="credito" name="forma" value="2" onclick="desactivar(event)"> Credito
                    </label>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label for="efectivo_recibido">Efectivo Pagado</label>
                    <input id="efectivo_recibido" class="form-control" type="text" placeholder="Recibido" onkeyup="efectivo()">
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label for="serie">Serie</label>
                    <select class="form-control" id="serie" name="serie" required>
                    </select>
                </div>
            </div>


        </div>

        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <label for="nombre">Nombre</label>
                    <input id="nombre" class="form-control" type="text" placeholder="Nombre" disabled>
                </div>
            </div>

            <div class="col-md-2">
                <div class="form-group">
                    <label for="fecha">Fecha</label>
                    <input type="date" id="fecha" name="fecha" class="form-control">
                </div>

            </div>

            <div class="col-md-3">
                <div class="form-group">
                    <label for="cambio">Cambio</label>
                    <input id="cambio" class="form-control" type="text" placeholder="Cambio" disabled>
                </div>
            </div>

            <div class="col-md-3">
                <div class="form-group">
                    <label for="total" class="font-weight-bold">Total a Pagar</label>
                    <input id="total" class="form-control" type="text" placeholder="Total" disabled>
                    <button class="btn btn-warning mt-2 btn-block" type="button" id="btnAccion">Guardar</button>
                    <button class="btn btn-danger  mt-2 btn-block" onclick="location.href='<?php echo base_url; ?>compras/historial'" type="button">Salir</button>                                        
                </div>
            </div>
        </div>
        
        <div class="row">
            <div class='col-12'>
                <div class="form-group">
                    <label for="anotacion"><i class="fa fa-comment"></i> Anotación</label>
                    <textarea class="form-control" id="anotacion" id="anotacion" rows="2" maxlength="250"></textarea>
                </div>
            </div>        
        </div>

    </div>
</div>
<div id="nuevo_proveedor" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="my-modal-title" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-primary">
                <h5 class="modal-title text-white" id="title">Nuevo Proveedor</h5>
                <button class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form method="post" id="frmProveedor" onsubmit="registrarPr(event);" autocomplete="off">
                    <div class="form-group">
                        <input type="hidden" id="id" name="id">
                        <label for="ruc">Ruc</label>
                        <input id="ruc" class="form-control" type="text" name="ruc" placeholder="Identidad del proveedor" onkeypress="return soloNumeros(event);" oninput="longitud(event, 11)">
                    </div>
                    <div class="form-group">
                        <label for="nombre">Nombre</label>
                        <input id="nombre" class="form-control" type="text" name="nombre" placeholder="Nombre">
                    </div>
                    <div class="form-group">
                        <label for="telefono">Teléfono</label>
                        <input id="telefono" class="form-control" type="text" name="telefono" placeholder="Teléfono" onkeypress="return soloNumeros(event);" oninput="longitud(event, 9)">
                    </div>
                    <div class="form-group">
                        <label for="direccion">Dirección</label>
                        <textarea id="direccion" class="form-control" name="direccion" placeholder="Dirección" rows="3"></textarea>
                    </div>
                    <button class="btn btn-primary" type="submit" id="btnAccion">Registrar</button>
                    <button class="btn btn-danger" type="button" data-dismiss="modal">Cancelar</button>
                </form>
            </div>
        </div>
    </div>
</div>


<style>
.height-max-autocomplete {
    max-height:400px;
    overflow-y: auto;
    overflow-x: hidden;
}
</style>

<?php include "Views/templates/footer.php"; ?>