<div class="row">
    <div class="col-lg-12">
        <ol class="breadcrumb">
            <?php
            $currentAction = '';
            $agregarNuevo = '';
            if ($action == 'edit') {
                $productAction = 'Editar Producto ';
                $currentAction = "<li class='active'><i class='fa fa-pencil'></i> " . $_translator->_getTranslation('Editar') . "</li>";
                $agregarNuevo = "<a href='Product.php' class='btn btn-md btn-default'><i class='fa fa-plus'></i> " . $_translator->_getTranslation('Agregar producto') . "</a>";
                $agregarNuevo .= '<hr>';
            } elseif ($action == '' || $action == 'insert') {
                $productAction = 'Agregar Producto';
                $currentAction = "<li class='active'><i class='fa fa-plus'></i> " . $_translator->_getTranslation('Agregar') . "</li>";
            } ?>
            <li><i class="fa fa-dashboard"></i> <a href="<?php echo ROOT_HOST ?>/Controller/Home.php">
                    <?php echo $_translator->_getTranslation('Inicio') ?>
                </a></li>
            <li class="active"><i class="fa fa-database"></i>
                <?php echo $_translator->_getTranslation('Productos') ?>
            </li>
            <?php echo $currentAction ?>
        </ol>
    </div>
</div>
<div class="row">
    <div class="col-lg-12">
        <div id="flashmessenger">
            <?php $flashmessenger->showMessage(); ?>
        </div>
        <div class="box">
            <div class="box-header">
                <h3><i class='fa-fw fa fa-database'></i>
                    <?php echo $_translator->_getTranslation($productAction); ?>
                </h3>
                <div class='box-icon'><i class='icon fa fa-tasks'></i></div>
            </div>
            <div class='box-content'>
                <div class="row">
                    <div class="col-md-12 col-xs-12 text-right">
                        <?php echo $agregarNuevo; ?>
                        <div class="clear"></div>
                    </div>
                    <?php
                    echo $_form->openForm();
                    echo $_form->showActionController();
                    echo $_form->showId();
                    
                    echo $_form->showElement('idDetailTemp');
                    echo $_form->showElement('venta_solo_para_mayores');
                    ?>
                    <div class="col-lg-6">
                        <p style="border-bottom: 1px solid #ccc">
                            <?php echo $_translator->_getTranslation('Informacion general'); ?>
                        </p>
                        
                        <?php echo $_form->showElement('type'); ?>
                        <?php echo $_form->showElement('codigo'); ?>
                        <?php echo $_form->showElement('descripcion'); ?>
                        <?php echo $_form->showElement('categoria'); ?>
                        <?php echo $_form->showElement('marca'); ?>
                        <?php echo $_form->showElement('unidad_de_medida'); ?>
                        <?php echo $_form->showElement('llevar_inventario'); ?>
                        <?php echo $_form->showElement('stock_minimo'); ?>
                        <?php echo $_form->showElement('status'); ?>

                        <!--<p style="border-bottom: 1px solid #ccc"><?php echo $_translator->_getTranslation('Compras'); ?></p>-->
                        <?php //echo $_form->showElement('costo');?>
                        <?php //echo $_form->showElement('impuestos_compra');?>
                        <?php //echo $_form->showElement('impuestos_incluidos_compra');?>
                        <?php //echo $_form->showElement('proveedores');?>
                    </div>
                    <div class="col-lg-6">
                        <p style="border-bottom: 1px solid #ccc">
                            <?php echo $_translator->_getTranslation('Ventas'); ?>
                        </p>
                        <?php echo $_form->showElement('mostrar_en_pos'); ?>
                        <?php echo $_form->showElement('nombre_para_pos'); ?>
                        <?php echo $_form->showElement('color'); ?>
                        <?php echo $_form->showElement('aplica_para_ebt'); ?>
                        <?php echo $_form->showElement('punitarioventa'); ?>
                        <?php echo $_form->showElement('descuento'); ?>
                        <?php echo $_form->showElement('impuestos'); ?>
                        <?php echo $_form->showElement('impuestos_incluidos'); ?>

                        <?php echo $_form->showElement('imagen'); ?>
                        
                    </div>

                    <div class="clear"></div>
                    <div class="pull-right text-right">
                        <?php $element = $_form->getElement('send');
                        echo $_form->createOnlyElement($element); ?>
                        <?php $element = $_form->getElement('cancel');
                        echo $_form->createOnlyElement($element); ?>
                    </div>
                    <div class="clear"></div>
                    <div class="row">
                        <div class="card">
                            <ul class="nav nav-tabs" role="tablist">
                                <li role="presentation" class="active"><a href="#tab_active" aria-controls="home"
                                        role="tab" data-toggle="tab">
                                        <?php echo $_translator->_getTranslation('Activos') ?>
                                    </a></li>
                                <li role="presentation"><a href="#tab_inactive" aria-controls="profile" role="tab"
                                        data-toggle="tab">
                                        <?php echo $_translator->_getTranslation('Inactivos') ?>
                                    </a></li>
                            </ul>
                            <!-- Tab panes -->
                            <div class="tab-content" style="padding-top: 20px">
                                <div role="tabpanel" class="tab-pane active" id="tab_active">
                                    <div class='table-responsive'>
                                        <table id="tblProductos" class="table  table-hover table-condensed">
                                            <thead>
                                                <th class="text-center col-md-1">Accion</th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Codigo'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Descripcion'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Nombre para venta'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Categoria'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('UM'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('SM'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Precio'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Descuento'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Impuesto'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Impuestos Inc'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Costo'); ?>
                                                </th>

                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Con Imagen'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Status'); ?>
                                                </th>
                                            </thead>
                                            <tbody>
                                                <?php
                                                if ($_listaProductos) {
                                                    foreach ($_listaProductos as $producto) { ?>
                                                        <tr>
                                                            <td>
                                                                <a
                                                                    href="Product.php?action=edit&id=<?php echo $producto['id'] ?>"><i
                                                                        class="fa fa-pencil btn btn-sm btn-default"></i></a>
                                                                <a onclick="return deleteRegistry('Product.php?action=delete&id=<?php echo $producto['id'] ?>')"
                                                                    href="#"><i
                                                                        class="fa fa-trash btn btn-sm btn-danger"></i></a>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['codigo'] ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['descripcion'] ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['nombre_para_pos'] ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['categoria'] ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['unidad_de_medida'] ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['stock_minimo'] ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo number_format($producto['punitarioventa'], 2); ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo number_format($producto['descuento'], 2) ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['impuestos'] ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['impuestos_incluidos'] ?>
                                                            </td>
                                                            <td class="text-right">
                                                                <?php echo number_format($producto['costo'], 2) ?>
                                                            </td>
                                                            <?php if ($producto['con_imagen'] == 1) { ?>
                                                                <td class="text-center">Si</td>
                                                            <?php } else { ?>
                                                                <td class="text-center">No</td>
                                                            <?php } ?>


                                                            <td class="text-center">
                                                                <?php echo $producto['statusName'] ?>
                                                            </td>
                                                        </tr>
                                                        <?php
                                                    }
                                                } ?>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane" id="tab_inactive">
                                    <div class='table-responsive'>
                                        <table id="tblProductosInactive"
                                            class="table table-striped table-hover table-condensed">
                                            <thead>
                                                <th class="text-center col-md-1">Accion</th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Codigo'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Descripcion'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Nombre para venta'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Categoria'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('UM'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('SM'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Precio'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Descuento'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Impuesto'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Impuestos Inc'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Costo'); ?>
                                                </th>
                                                <th class="text-center">
                                                    <?php echo $_translator->_getTranslation('Status'); ?>
                                                </th>
                                            </thead>
                                            <tbody>
                                                <?php
                                                if ($_listaProductosInactivos) {
                                                    foreach ($_listaProductosInactivos as $producto) { ?>
                                                        <tr>
                                                            <td>
                                                                <a
                                                                    href="Product.php?action=edit&id=<?php echo $producto['id'] ?>"><i
                                                                        class="fa fa-pencil btn btn-sm btn-default"></i></a>
                                                                <a onclick="return deleteRegistry('Product.php?action=delete&id=<?php echo $producto['id'] ?>')"
                                                                    href="#"><i
                                                                        class="fa fa-trash btn btn-sm btn-danger"></i></a>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['codigo'] ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['descripcion'] ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['nombre_para_pos'] ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['categoria'] ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['unidad_de_medida'] ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['stock_minimo'] ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo number_format($producto['punitarioventa'], 2); ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo number_format($producto['descuento'], 2) ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['impuestos'] ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['impuestos_incluidos'] ?>
                                                            </td>
                                                            <td class="text-right">
                                                                <?php echo number_format($producto['costo'], 2) ?>
                                                            </td>
                                                            <td class="text-center">
                                                                <?php echo $producto['statusName'] ?>
                                                            </td>
                                                        </tr>
                                                        <?php
                                                    }
                                                } ?>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <style>
        .fila-actualizada {
            background-color: #a3e0a3;
            /* Cambia este color al verde deseado */
        }
    </style>
    <script type="text/javascript" language="javascript">
        $('#type,#categoria,#marca,#unidad_de_medida,#mostrar_en_pos,#impuestos,#impuestos_incluidos,#iva_desglozado,#llevar_inventario,#impuestos_compra,#impuestos_incluidos_compra,#proveedores,#status,#aplica_para_ebt').select2();

        $('#color').each(function () {
            $(this).select2({ templateResult: _formatForSelectColor, templateSelection: _formatForSelectColor });
        });

        function _formatForSelectColor(option) {
            if (option.id !== '' && option.id !== undefined) {
                var color = $(option.element).data('color');
                var $item = $("<span style='display: inline-block;width:100%;height:28px;margin-top:3px;background-color:" + color + ";font-weight:bold'>&nbsp</span>");

                return $item;
            }
        };
        // Variable para almacenar el estado actual del paginado
        var paginadoHabilitado = true;
        //  var tabla = $('#tblProductos').DataTable({ paginate: true, filter: true, pageLength: 100 });

        // Obtener la configuración actual de DataTables
        var tablaConfig = {
            paginate: true,
            filter: true,
            pageLength: 100,
            // Agregar esta función para mantener el estado de la tabla al dibujar
            stateSave: true
        };

        // Inicializar la tabla DataTables
        var tabla = $('#tblProductos').DataTable(tablaConfig);

        $('#tblProductos').removeClass('display').addClass('table table-striped table-bordered');

        $('#tblProductosInactive').DataTable({ paginate: true, filter: true, pageLength: 100 });
        $('#tblProductosInactive').removeClass('display').addClass('table table-striped table-bordered');

        $("#imagen").fileinput({
            showPreview: false,
            allowedFileExtensions: ["jpg", "jpeg", "png"],
            maxFileSize: 100
        });

        // Variable para almacenar el estado actual de la tabla
        var estadoTabla;
        // Manejar eventos de doble clic en las celdas
        $('#tblProductos tbody').on('dblclick', 'td', function () {
            // Guardar el estado actual de la tabla
            estadoTabla = tabla.state();

            // Desactivar temporalmente el paginado
            if (paginadoHabilitado) {
                tabla.page.len(-1).draw();
                paginadoHabilitado = false;
            }

            // Obtener la fila (tr) que contiene la celda
            var fila = tabla.row($(this).closest('tr'));

            var celda = tabla.cell(this); // Obtener la celda de DataTables
            var datoActual = celda.data(); // Obtener el valor actual de la celda

            // Reemplazar la celda con un input para editar
            celda.data('<input type="text" class="form-control" value="' + datoActual + '">').draw();

            // Enfocar el input recién creado
            $('input', this).focus();
        });

        // Manejar el evento "blur" del input (cuando pierde el foco)
        $('#tblProductos tbody').on('blur', 'input', function () {
            var nuevoDato = $(this).val(); // Obtener el nuevo valor del input
            var celda = tabla.cell($(this).closest('td')); // Obtener la celda correspondiente

            // // Actualizar la celda con el nuevo valor
            // celda.data(nuevoDato).draw();
            // Actualizar la celda con el nuevo valor
            celda.data(nuevoDato, false).draw(false);

            // Restaurar el paginado si estaba habilitado previamente
            if (!paginadoHabilitado) {
                tabla.page.len(100).draw(); // Ajusta el número de filas por página a 10 (ajusta según tus preferencias)
                paginadoHabilitado = true;
            }
            // Restaurar el estado previo de la tabla
            if (estadoTabla) {
                tabla.state.clear();
                tabla.state(estadoTabla);
            }
            // Obtener la fila (tr) que contiene la celda y agregar la clase de color
            var fila = tabla.row(celda.index().row).node();
            $(fila).addClass('fila-actualizada');
        });
    </script>