<?php
// Activamos almacenamiento en el buffer
ob_start();
session_start();
if (!isset($_SESSION['nombre'])) {
    header("Location: login.html");
} else {
    require 'header.php';
    ?>
    <div class="content-wrapper">
        <section class="content">
            <div class="row">
                <div class="col-md-12">
                    <div class="box">
                        <div class="box-header with-border">
                            <h1 class="box-title">Sistema de Inventario</h1>
                        </div>

                        <div class="box-body">
                            <!-- Nav tabs -->
                            <ul class="nav nav-tabs" role="tablist">
                                <li role="presentation" class="active"><a href="#productos" aria-controls="productos"
                                        role="tab" data-toggle="tab"><i class="fa fa-cubes"></i> Productos</a></li>
                                <li role="presentation"><a href="#proveedores" aria-controls="proveedores" role="tab"
                                        data-toggle="tab"><i class="fa fa-truck"></i> Proveedores</a></li>
                                <li role="presentation"><a href="#movimientos" aria-controls="movimientos" role="tab"
                                        data-toggle="tab"><i class="fa fa-exchange"></i> Movimientos</a></li>
                                <li role="presentation"><a href="#alertas" aria-controls="alertas" role="tab"
                                        data-toggle="tab"><i class="fa fa-warning"></i> Alertas</a></li>
                            </ul>

                            <!-- Tab panes -->
                            <div class="tab-content">
                                <!-- TAB PRODUCTOS -->
                                <div role="tabpanel" class="tab-pane active" id="productos">
                                    <div class="panel-body" style="margin-top: 20px;">
                                        <button class="btn btn-success" onclick="mostrarFormProducto(true)" id="btnagregar">
                                            <i class="fa fa-plus-circle"></i> Nuevo Producto
                                        </button>

                                        <!-- Formulario Producto -->
                                        <div id="formularioProducto" style="display:none; margin-top:20px;">
                                            <form action="" name="formProducto" id="formProducto" method="POST">
                                                <div class="row">
                                                    <input type="hidden" name="idproducto" id="idproducto">

                                                    <div class="form-group col-md-3">
                                                        <label>Código (*)</label>
                                                        <input class="form-control" type="text" name="codigo" id="codigo"
                                                            required>
                                                    </div>

                                                    <div class="form-group col-md-6">
                                                        <label>Nombre (*)</label>
                                                        <input class="form-control" type="text" name="nombre" id="nombre"
                                                            required>
                                                    </div>

                                                    <div class="form-group col-md-3">
                                                        <label>Categoría (*)</label>
                                                        <select class="form-control" name="idcategoria" id="idcategoria"
                                                            required></select>
                                                    </div>

                                                    <div class="form-group col-md-3">
                                                        <label>Tipo (*)</label>
                                                        <select class="form-control" name="tipo_producto" id="tipo_producto"
                                                            required>
                                                            <option value="">Seleccione</option>
                                                            <option value="MEDICAMENTO">Medicamento</option>
                                                            <option value="INSUMO">Insumo</option>
                                                            <option value="EQUIPO">Equipo</option>
                                                            <option value="MATERIAL">Material</option>
                                                        </select>
                                                    </div>

                                                    <div class="form-group col-md-3">
                                                        <label>Unidad Medida (*)</label>
                                                        <select class="form-control" name="unidad_medida" id="unidad_medida"
                                                            required>
                                                            <option value="UNIDAD">Unidad</option>
                                                            <option value="CAJA">Caja</option>
                                                            <option value="FRASCO">Frasco</option>
                                                            <option value="TABLETA">Tableta</option>
                                                            <option value="ML">Mililitro</option>
                                                        </select>
                                                    </div>

                                                    <div class="form-group col-md-2">
                                                        <label>Stock Inicial</label>
                                                        <input class="form-control" type="number" step="0.01"
                                                            name="stock_actual" id="stock_actual" value="0">
                                                    </div>

                                                    <div class="form-group col-md-2">
                                                        <label>Stock Mínimo</label>
                                                        <input class="form-control" type="number" step="0.01"
                                                            name="stock_minimo" id="stock_minimo" value="0">
                                                    </div>

                                                    <div class="form-group col-md-2">
                                                        <label>Precio Compra</label>
                                                        <input class="form-control" type="number" step="0.01"
                                                            name="precio_compra" id="precio_compra" value="0">
                                                    </div>

                                                    <div class="form-group col-md-3">
                                                        <label>Precio Venta</label>
                                                        <input class="form-control" type="number" step="0.01"
                                                            name="precio_venta" id="precio_venta" value="0">
                                                    </div>

                                                    <div class="form-group col-md-4">
                                                        <label>Ubicación</label>
                                                        <input class="form-control" type="text" name="ubicacion"
                                                            id="ubicacion">
                                                    </div>

                                                    <div class="form-group col-md-5">
                                                        <label>Proveedor</label>
                                                        <select class="form-control" name="idproveedor"
                                                            id="idproveedor"></select>
                                                    </div>

                                                    <div class="form-group col-md-3">
                                                        <label>Lote</label>
                                                        <input class="form-control" type="text" name="lote" id="lote"
                                                            placeholder="Lote">
                                                    </div>

                                                    <div class="form-group col-md-3">
                                                        <label>Fecha Vencimiento</label>
                                                        <input class="form-control" type="date" name="fecha_vencimiento"
                                                            id="fecha_vencimiento">
                                                    </div>

                                                    <div class="form-group col-md-12">
                                                        <button class="btn btn-primary" type="submit"><i
                                                                class="fa fa-save"></i> Guardar</button>
                                                        <button class="btn btn-danger" onclick="cancelarFormProducto()"
                                                            type="button"><i class="fa fa-times"></i> Cancelar</button>
                                                    </div>
                                                </div>

                                                <input type="hidden" name="descripcion" id="descripcion">
                                                <input type="hidden" name="principio_activo" id="principio_activo">
                                                <input type="hidden" name="concentracion" id="concentracion">
                                                <input type="hidden" name="presentacion" id="presentacion">
                                                <input type="hidden" name="registro_sanitario" id="registro_sanitario">
                                                <input type="hidden" name="requiere_receta" id="requiere_receta" value="0">
                                                <input type="hidden" name="stock_maximo" id="stock_maximo" value="0">
                                                <input type="hidden" name="precio_venta_publico" id="precio_venta_publico"
                                                    value="0">

                                                <input type="hidden" name="observaciones" id="observaciones">
                                            </form>
                                        </div>

                                        <!-- Tabla Productos -->
                                        <div id="tablaProductos" style="margin-top:20px;">
                                            <table id="tblProductos"
                                                class="table table-striped table-bordered table-condensed table-hover"
                                                style="width:100%">
                                                <thead>
                                                    <th>Opciones</th>
                                                    <th>Código</th>
                                                    <th>Nombre</th>
                                                    <th>Categoría</th>
                                                    <th>Stock</th>
                                                    <th>Precio</th>
                                                    <th>Estado</th>
                                                </thead>
                                                <tbody></tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                                <!-- TAB PROVEEDORES -->
                                <div role="tabpanel" class="tab-pane" id="proveedores">
                                    <div class="panel-body" style="margin-top: 20px;">
                                        <button class="btn btn-success" onclick="mostrarFormProveedor(true)">
                                            <i class="fa fa-plus-circle"></i> Nuevo Proveedor
                                        </button>

                                        <!-- Formulario Proveedor -->
                                        <div id="formularioProveedor" style="display:none; margin-top:20px;">
                                            <form action="" name="formProveedor" id="formProveedor" method="POST">
                                                <div class="row">
                                                    <input type="hidden" name="idproveedor" id="idproveedor_edit">

                                                    <div class="form-group col-md-6">
                                                        <label>Razón Social (*)</label>
                                                        <input class="form-control" type="text" name="razon_social"
                                                            id="razon_social" required>
                                                    </div>

                                                    <div class="form-group col-md-3">
                                                        <label>RUC/CI</label>
                                                        <input class="form-control" type="text" name="ruc" id="ruc">
                                                    </div>

                                                    <div class="form-group col-md-3">
                                                        <label>Teléfono</label>
                                                        <input class="form-control" type="text" name="telefono"
                                                            id="telefono">
                                                    </div>

                                                    <div class="form-group col-md-4">
                                                        <label>Contacto</label>
                                                        <input class="form-control" type="text" name="contacto"
                                                            id="contacto">
                                                    </div>

                                                    <div class="form-group col-md-4">
                                                        <label>Email</label>
                                                        <input class="form-control" type="email" name="email" id="email">
                                                    </div>

                                                    <div class="form-group col-md-4">
                                                        <label>Ciudad</label>
                                                        <input class="form-control" type="text" name="ciudad" id="ciudad">
                                                    </div>

                                                    <div class="form-group col-md-12">
                                                        <label>Dirección</label>
                                                        <input class="form-control" type="text" name="direccion"
                                                            id="direccion">
                                                    </div>

                                                    <div class="form-group col-md-12">
                                                        <button class="btn btn-primary" type="submit"><i
                                                                class="fa fa-save"></i> Guardar</button>
                                                        <button class="btn btn-danger" onclick="cancelarFormProveedor()"
                                                            type="button"><i class="fa fa-times"></i> Cancelar</button>
                                                    </div>
                                                </div>
                                                <input type="hidden" name="observaciones_prov" id="observaciones_prov">
                                            </form>
                                        </div>

                                        <!-- Tabla Proveedores -->
                                        <div id="tablaProveedores" style="margin-top:20px;">
                                            <table id="tblProveedores"
                                                class="table table-striped table-bordered table-condensed table-hover"
                                                style="width:100%">
                                                <thead>
                                                    <th>Razón Social</th>
                                                    <th>RUC</th>
                                                    <th>Contacto</th>
                                                    <th>Teléfono</th>
                                                    <th>Ciudad</th>
                                                </thead>
                                                <tbody></tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                                <!-- TAB MOVIMIENTOS -->
                                <div role="tabpanel" class="tab-pane" id="movimientos">
                                    <div class="panel-body" style="margin-top: 20px;">
                                        <button class="btn btn-primary" onclick="nuevoMovimiento('ENTRADA')">
                                            <i class="fa fa-arrow-down"></i> Entrada (Compra)
                                        </button>
                                        <button class="btn btn-warning" onclick="nuevoMovimiento('SALIDA')">
                                            <i class="fa fa-arrow-up"></i> Salida (Uso)
                                        </button>

                                        <!-- Formulario Movimiento -->
                                        <div id="formularioMovimiento" style="display:none; margin-top:20px;">
                                            <h4 id="tituloMovimiento"></h4>
                                            <form action="" name="formMovimiento" id="formMovimiento" method="POST">
                                                <div class="row">
                                                    <input type="hidden" name="tipo_movimiento" id="tipo_movimiento">
                                                    <input type="hidden" name="idusuario" id="idusuario"
                                                        value="<?php echo $_SESSION['idusuario']; ?>">

                                                    <div class="form-group col-md-4">
                                                        <label>Producto (*)</label>
                                                        <input type="text" class="form-control" id="buscar_producto"
                                                            placeholder="Buscar producto...">
                                                        <input type="hidden" name="idproducto_mov" id="idproducto_mov">
                                                        <div id="producto_seleccionado" style="margin-top:5px;"></div>
                                                    </div>

                                                    <div class="form-group col-md-2">
                                                        <label>Cantidad (*)</label>
                                                        <input class="form-control" type="number" step="0.01"
                                                            name="cantidad" id="cantidad" required>
                                                    </div>

                                                    <div class="form-group col-md-2">
                                                        <label>Precio Unit.</label>
                                                        <input class="form-control" type="number" step="0.01"
                                                            name="precio_unitario" id="precio_unitario" value="0">
                                                    </div>

                                                    <div class="form-group col-md-4">
                                                        <label>Observaciones</label>
                                                        <input class="form-control" type="text" name="observaciones_mov"
                                                            id="observaciones_mov">
                                                    </div>

                                                    <div class="form-group col-md-12">
                                                        <button class="btn btn-primary" type="submit"><i
                                                                class="fa fa-save"></i> Registrar Movimiento</button>
                                                        <button class="btn btn-danger" onclick="cancelarFormMovimiento()"
                                                            type="button"><i class="fa fa-times"></i> Cancelar</button>
                                                    </div>
                                                </div>
                                                <input type="hidden" name="numero_documento" id="numero_documento">
                                                <input type="hidden" name="idproveedor_mov" id="idproveedor_mov">
                                                <input type="hidden" name="lote_mov" id="lote_mov">
                                                <input type="hidden" name="fecha_vencimiento_mov"
                                                    id="fecha_vencimiento_mov">
                                            </form>
                                        </div>

                                        <!-- Tabla Movimientos -->
                                        <div id="tablaMovimientos" style="margin-top:20px;">
                                            <table id="tblMovimientos"
                                                class="table table-striped table-bordered table-condensed table-hover"
                                                style="width:100%">
                                                <thead>
                                                    <th>Fecha</th>
                                                    <th>Tipo</th>
                                                    <th>Producto</th>
                                                    <th>Cantidad</th>
                                                    <th>Usuario</th>
                                                </thead>
                                                <tbody></tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                                <!-- TAB ALERTAS -->
                                <div role="tabpanel" class="tab-pane" id="alertas">
                                    <div class="panel-body" style="margin-top: 20px;">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="box box-danger">
                                                    <div class="box-header with-border">
                                                        <h3 class="box-title"><i class="fa fa-warning"></i> Stock Bajo</h3>
                                                    </div>
                                                    <div class="box-body">
                                                        <table id="tblStockBajo" class="table table-condensed">
                                                            <thead>
                                                                <th>Producto</th>
                                                                <th>Stock</th>
                                                                <th>Mínimo</th>
                                                            </thead>
                                                            <tbody></tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="box box-warning">
                                                    <div class="box-header with-border">
                                                        <h3 class="box-title"><i class="fa fa-clock-o"></i> Próximos a
                                                            Vencer</h3>
                                                    </div>
                                                    <div class="box-body">
                                                        <table id="tblProximosVencer" class="table table-condensed">
                                                            <thead>
                                                                <th>Producto</th>
                                                                <th>Vencimiento</th>
                                                                <th>Días</th>
                                                            </thead>
                                                            <tbody></tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <?php
    require 'footer.php';
    ?>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
    <script src="scripts/inventario.js"></script>
    <?php
}
ob_end_flush();
?>