<div class="content-wrapper">
    <section class="content-header">
        <h1>Editar Guía Remitente</h1>
    </section>

    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-warning">
                    <div class="panel-heading">
                        <strong>Actualizar guía de remisión remitente</strong>
                    </div>
                    <div class="panel-body">

                        <?php if($this->session->flashdata('error')): ?>
                            <div class="alert alert-danger"><?php echo $this->session->flashdata('error'); ?></div>
                        <?php endif; ?>

                        <?php if($this->session->flashdata('success')): ?>
                            <div class="alert alert-success"><?php echo $this->session->flashdata('success'); ?></div>
                        <?php endif; ?>

                        <?php echo validation_errors('<div class="alert alert-danger">', '</div>'); ?>

                        <form method="post" action="<?php echo base_url('index.php/almacen/guiaremitente/update/'.$guia->id); ?>" id="formGuia">

                            <div class="box box-default">
                                <div class="box-header with-border">
                                    <h3 class="box-title">1. Datos de Emisión</h3>
                                </div>
                                <div class="box-body">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label>Fecha de Emisión</label>
                                                <input type="datetime-local" name="fecha_emision" class="form-control" required>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label>Serie</label>
                                                <input type="text" class="form-control" value="<?php echo $guia->serie; ?>" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label>Número</label>
                                                <input type="text" class="form-control" value="<?php echo $guia->numero; ?>" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Motivo de traslado</label>
                                                <select name="motivo_traslado_id" class="form-control" required>
                                                    <option value="">Seleccione...</option>
                                                    <?php foreach($motivos as $item): ?>
                                                        <option value="<?php echo $item->id; ?>"
                                                            <?php echo set_select('motivo_traslado_id', $item->id, ($guia->motivo_traslado_id == $item->id)); ?>>
                                                            <?php echo $item->nombre; ?>
                                                        </option>
                                                    <?php endforeach; ?>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <?php
                                        $cliente_id_value = set_value('cliente_id', $guia->cliente_id);
                                        $cliente_nombre_value = '';

                                        foreach($clientes as $cli) {
                                            if ($cli->id == $cliente_id_value) {
                                                $cliente_nombre_value = $cli->nro_documento . ' - ' . $cli->razon_social;
                                                break;
                                            }
                                        }
                                    ?>

                                    <div class="row">
                                        <div class="col-md-10">
                                            <div class="form-group">
                                                <label>Cliente</label>
                                                <input type="hidden" name="cliente_id" id="cliente_id" value="<?php echo $cliente_id_value; ?>">
                                                <input type="text"
                                                       id="cliente_busqueda"
                                                       class="form-control"
                                                       placeholder="Buscar por RUC o razón social (mínimo 2 caracteres)"
                                                       autocomplete="off"
                                                       value="<?php echo $cliente_nombre_value; ?>">
                                                <small id="cliente_seleccionado" class="text-muted">
                                                    <?php echo !empty($cliente_nombre_value) ? 'Cliente seleccionado: ' . $cliente_nombre_value : ''; ?>
                                                </small>
                                            </div>
                                            <div class="col-md-2">
                                            <div class="checkbox" style="margin-top: 30px;">
                                                <label>
                                                    <input type="checkbox"
                                                           name="comercio_exterior"
                                                           value="1"
                                                           <?php echo set_checkbox('comercio_exterior', '1', ($guia->comercio_exterior == 1)); ?>>
                                                    Comercio exterior
                                                </label>
                                            </div>
                                        </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="box box-default">
                                <div class="box-header with-border">
                                    <h3 class="box-title">2. Documentos Relacionados</h3>
                                </div>
                                <div class="box-body">

                                    <div class="row">
                                        <div class="col-md-8">
                                            <div class="form-group">
                                                <label>Buscar comprobante</label>
                                                <input type="hidden" id="comprob_id">
                                                <input type="text"
                                                       id="comprob_busqueda"
                                                       class="form-control"
                                                       placeholder="Buscar comprobante por serie, número o cliente"
                                                       autocomplete="off">
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label>&nbsp;</label>
                                                <button type="button" id="btnAgregarComprobante" class="btn btn-primary btn-block">
                                                    <i class="fa fa-plus"></i> Agregar
                                                </button>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="table-responsive">
                                        <table class="table table-bordered table-striped" id="tablaComprobantes">
                                            <thead>
                                                <tr>
                                                    <th style="width:80px;">Ítem</th>
                                                    <th>Serie</th>
                                                    <th>Número</th>
                                                    <th>Cliente</th>
                                                    <th style="width:100px;">Acción</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <?php if(!empty($comprobantes)): ?>
                                                    <?php $itemComp = 1; ?>
                                                    <?php foreach($comprobantes as $comp): ?>
                                                        <tr>
                                                            <td>
                                                                <?php echo $itemComp++; ?>
                                                                <input type="hidden" name="detalle_comprob_id[]" value="<?php echo $comp->nrofactbolt_id; ?>">
                                                            </td>
                                                            <td><?php echo $comp->serie; ?></td>
                                                            <td><?php echo $comp->numero; ?></td>
                                                            <td><?php echo $comp->cliente_nombre; ?></td>
                                                            <td>
                                                                <button type="button"
                                                                        class="btn btn-danger btn-xs btnEliminarComprobante"
                                                                        data-comprob-id="<?php echo $comp->nrofactbolt_id; ?>">
                                                                    <i class="fa fa-trash"></i>
                                                                </button>
                                                            </td>
                                                        </tr>
                                                    <?php endforeach; ?>
                                                <?php else: ?>
                                                    <tr id="filaSinComprobantes">
                                                        <td colspan="5" class="text-center">No hay comprobantes agregados</td>
                                                    </tr>
                                                <?php endif; ?>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="box box-default">
                                <div class="box-header with-border">
                                    <h3 class="box-title">3. Bienes Transportados</h3>
                                </div>
                                <div class="box-body">

                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Buscar producto</label>
                                                <input type="hidden" id="producto_id">
                                                <input type="hidden" id="producto_um_id">
                                                <input type="text"
                                                       id="producto_busqueda"
                                                       class="form-control"
                                                       placeholder="Buscar producto (mínimo 2 caracteres)"
                                                       autocomplete="off">
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label>Cantidad</label>
                                                <input type="number" step="0.01" min="0.01" id="producto_cantidad" class="form-control">
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label>&nbsp;</label>
                                                <button type="button" id="btnAgregarProducto" class="btn btn-success btn-block">
                                                    <i class="fa fa-plus"></i> Agregar producto
                                                </button>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="table-responsive">
                                        <table class="table table-bordered table-striped" id="tablaDetalleProductos">
                                            <thead>
                                                <tr>
                                                    <th style="width:80px;">Ítem</th>
                                                    <th>Producto</th>
                                                    <th style="width:120px;">Cantidad</th>
                                                    <th style="width:120px;">Acción</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <?php if(!empty($detalle)): ?>
                                                    <?php $itemDet = 1; ?>
                                                    <?php foreach($detalle as $det): ?>
                                                        <tr>
                                                            <td><?php echo $itemDet++; ?></td>
                                                            <td>
                                                                <?php echo $det->codigo . ' - ' . $det->nombre; ?>
                                                                <input type="hidden" name="detalle_producto_id[]" value="<?php echo $det->producto_id; ?>">
                                                                <input type="hidden" name="detalle_um_id_venta[]" value="<?php echo $det->um_id; ?>">
                                                            </td>
                                                            <td>
                                                                <input type="number"
                                                                       step="0.01"
                                                                       min="0.01"
                                                                       name="detalle_cantidad[]"
                                                                       class="form-control"
                                                                       value="<?php echo $det->cantidad; ?>">
                                                            </td>
                                                            <td>
                                                                <button type="button" class="btn btn-danger btn-xs btnEliminarProducto">
                                                                    <i class="fa fa-trash"></i>
                                                                </button>
                                                            </td>
                                                        </tr>
                                                    <?php endforeach; ?>
                                                <?php else: ?>
                                                    <tr id="filaSinProductos">
                                                        <td colspan="4" class="text-center">No hay productos agregados</td>
                                                    </tr>
                                                <?php endif; ?>
                                            </tbody>
                                        </table>
                                    </div>

                                    <hr>

                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label>Unidad de medida del peso bruto</label>
                                                <select name="um_peso_bruto_id" class="form-control" required>
                                                    <option value="">Seleccione...</option>
                                                    <?php foreach($unidades_peso as $item): ?>
                                                        <option value="<?php echo $item->id; ?>"
                                                            <?php echo set_select('um_peso_bruto_id', $item->id, ($guia->um_peso_bruto_id == $item->id)); ?>>
                                                            <?php echo $item->nombre; ?>
                                                        </option>
                                                    <?php endforeach; ?>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label>Peso bruto de la carga</label>
                                                <input type="number"
                                                       step="0.01"
                                                       min="0"
                                                       name="peso_bruto_carga"
                                                       class="form-control"
                                                       value="<?php echo set_value('peso_bruto_carga', $guia->peso_bruto_carga); ?>"
                                                       required>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="box box-default">
                                <div class="box-header with-border">
                                    <h3 class="box-title">4. Puntos de Partida y Llegada</h3>
                                </div>
                                <div class="box-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Punto de partida</label>
                                                <select name="origen_id" class="form-control" required>
                                                    <option value="">Seleccione...</option>
                                                    <?php foreach($origenes as $item): ?>
                                                        <option value="<?php echo $item->id; ?>"
                                                            <?php echo set_select('origen_id', $item->id, ($guia->origen_id == $item->id)); ?>>
                                                            <?php echo $item->descripcion; ?>
                                                        </option>
                                                    <?php endforeach; ?>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Punto de llegada</label>
                                                <select name="destino_id" class="form-control" required>
                                                    <option value="">Seleccione...</option>
                                                    <?php foreach($destinos as $item): ?>
                                                        <option value="<?php echo $item->id; ?>"
                                                            <?php echo set_select('destino_id', $item->id, ($guia->destino_id == $item->id)); ?>>
                                                            <?php echo $item->descripcion; ?>
                                                        </option>
                                                    <?php endforeach; ?>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="box box-default">
                                <div class="box-header with-border">
                                    <h3 class="box-title">5. Datos del Transporte</h3>
                                </div>
                                <div class="box-body">

                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>Tipo de transporte</label>
                                                <select name="tipo_transporte" id="tipo_transporte" class="form-control" required>
                                                    <option value="PRIVADO" <?php echo set_select('tipo_transporte', 'PRIVADO', ($guia->tipo_transporte == 'PRIVADO')); ?>>PRIVADO</option>
                                                    <option value="PUBLICO" <?php echo set_select('tipo_transporte', 'PUBLICO', ($guia->tipo_transporte == 'PUBLICO')); ?>>PUBLICO</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="checkbox">
                                                <label>
                                                    <input type="checkbox"
                                                           name="transbordo_programado"
                                                           value="1"
                                                           <?php echo set_checkbox('transbordo_programado', '1', ($guia->transbordo_programado == 1)); ?>>
                                                    Realiza transbordo programado
                                                </label>
                                            </div>
                                        </div>

                                        <div class="col-md-5">
                                            <div class="checkbox">
                                                <label>
                                                    <input type="checkbox"
                                                           name="traslado_vehiculo"
                                                           value="1"
                                                           <?php echo set_checkbox('traslado_vehiculo', '1', ($guia->traslado_vehiculo == 1)); ?>>
                                                    Traslado en vehículos de categoría M1 o L
                                                </label>
                                            </div>
                                        </div>

                                        <div class="col-md-5">
                                            <div class="checkbox">
                                                <label>
                                                    <input type="checkbox"
                                                           name="retorno_envases_vacios"
                                                           value="1"
                                                           <?php echo set_checkbox('retorno_envases_vacios', '1', ($guia->retorno_envases_vacios == 1)); ?>>
                                                    Retorno de vehículo con envases o embalajes vacíos
                                                </label>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="bloquePrivado">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Vehículo</label>
                                                    <select name="vehiculo_id" class="form-control">
                                                        <option value="">Seleccione...</option>
                                                        <?php foreach($vehiculos as $item): ?>
                                                            <option value="<?php echo $item->id; ?>"
                                                                <?php echo set_select('vehiculo_id', $item->id, ($guia->vehiculo_id == $item->id)); ?>>
                                                                <?php echo $item->nro_placa . ' - ' . $item->marca; ?>
                                                            </option>
                                                        <?php endforeach; ?>
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Conductor</label>
                                                    <select name="conductor_id" class="form-control">
                                                        <option value="">Seleccione...</option>
                                                        <?php foreach($conductores as $item): ?>
                                                            <option value="<?php echo $item->id; ?>"
                                                                <?php echo set_select('conductor_id', $item->id, ($guia->conductor_id == $item->id)); ?>>
                                                                <?php echo $item->nombre; ?>
                                                            </option>
                                                        <?php endforeach; ?>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox"
                                                               name="retorno_vehiculo_vacio"
                                                               value="1"
                                                               <?php echo set_checkbox('retorno_vehiculo_vacio', '1', ($guia->retorno_vehiculo_vacio == 1)); ?>>
                                                        Retorno de vehículo vacío
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="bloquePublico" style="display:none;">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Transportista</label>
                                                    <select name="transportista_id" class="form-control">
                                                        <option value="">Seleccione...</option>
                                                        <?php foreach($transportistas as $item): ?>
                                                            <option value="<?php echo $item->id; ?>"
                                                                <?php echo set_select('transportista_id', $item->id, ($guia->transportista_id == $item->id)); ?>>
                                                                <?php echo $item->razon_social; ?>
                                                            </option>
                                                        <?php endforeach; ?>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <hr>

                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>Fecha de entrega de bienes al transportista</label>
                                                <input type="datetime-local"
                                                       name="fecha_traslado"
                                                       class="form-control"
                                                       value="<?php echo set_value('fecha_traslado', date('Y-m-d\TH:i', strtotime($guia->fecha_traslado))); ?>"
                                                       required>
                                            </div>
                                        </div>

                                        <div class="col-md-8">
                                            <div class="form-group">
                                                <label>Observaciones</label>
                                                <textarea name="observaciones" class="form-control" rows="3"><?php echo set_value('observaciones', $guia->observaciones); ?></textarea>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <button type="submit" class="btn btn-warning">
                                <i class="fa fa-save"></i> Actualizar
                            </button>

                            <a href="<?php echo base_url('index.php/almacen/guiaremitente'); ?>" class="btn btn-default">
                                Cancelar
                            </a>

                        </form>

                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<script>
window.addEventListener('load', function () {

    function alternarTipoTransporte() {
        var tipo = document.getElementById('tipo_transporte').value;
        var bloquePrivado = document.getElementById('bloquePrivado');
        var bloquePublico = document.getElementById('bloquePublico');

        if (tipo === 'PRIVADO') {
            bloquePrivado.style.display = 'block';
            bloquePublico.style.display = 'none';
        } else {
            bloquePrivado.style.display = 'none';
            bloquePublico.style.display = 'block';
        }
    }

    document.getElementById('tipo_transporte').addEventListener('change', alternarTipoTransporte);
    alternarTipoTransporte();

    $('#cliente_busqueda').autocomplete({
        source: function(request, response) {
            $.ajax({
                url: '<?php echo base_url("index.php/almacen/guiaremitente/buscar_clientes"); ?>',
                dataType: 'json',
                data: { term: request.term },
                success: function(data) {
                    response(data);
                }
            });
        },
        minLength: 2,
        select: function(event, ui) {
            $('#cliente_id').val(ui.item.id);
            $('#cliente_busqueda').val(ui.item.value);
            $('#cliente_seleccionado').text('Cliente seleccionado: ' + ui.item.razon_social);
            return false;
        }
    });

    $('#producto_busqueda').autocomplete({
        source: function(request, response) {
            $.ajax({
                url: '<?php echo base_url("index.php/almacen/guiaremitente/buscar_productos"); ?>',
                dataType: 'json',
                data: { term: request.term },
                success: function(data) {
                    response(data);
                }
            });
        },
        minLength: 2,
        select: function(event, ui) {
            $('#producto_id').val(ui.item.id);
            $('#producto_um_id').val(ui.item.um_id_venta);
            $('#producto_busqueda').val(ui.item.value);
            return false;
        }
    });

    var contadorProductos = $('#tablaDetalleProductos tbody tr').not('#filaSinProductos').length;
    var contadorComprobantes = $('#tablaComprobantes tbody tr').not('#filaSinComprobantes').length;

    $('#btnAgregarProducto').on('click', function () {
        var productoId = $('#producto_id').val();
        var productoTexto = $('#producto_busqueda').val();
        var productoUmId = $('#producto_um_id').val();
        var cantidad = $('#producto_cantidad').val();

        if (productoId === '' || productoTexto === '') {
            Swal.fire('Validación', 'Debe seleccionar un producto', 'warning');
            return;
        }

        if (cantidad === '' || parseFloat(cantidad) <= 0) {
            Swal.fire('Validación', 'Debe ingresar una cantidad válida', 'warning');
            return;
        }

        $('#filaSinProductos').remove();

        contadorProductos++;

        var fila = '';
        fila += '<tr>';
        fila += '<td>' + contadorProductos + '</td>';
        fila += '<td>';
        fila += productoTexto;
        fila += '<input type="hidden" name="detalle_producto_id[]" value="' + productoId + '">';
        fila += '<input type="hidden" name="detalle_um_id_venta[]" value="' + productoUmId + '">';
        fila += '</td>';
        fila += '<td><input type="number" step="0.01" min="0.01" name="detalle_cantidad[]" class="form-control" value="' + cantidad + '"></td>';
        fila += '<td><button type="button" class="btn btn-danger btn-xs btnEliminarProducto"><i class="fa fa-trash"></i></button></td>';
        fila += '</tr>';

        $('#tablaDetalleProductos tbody').append(fila);

        $('#producto_id').val('');
        $('#producto_um_id').val('');
        $('#producto_busqueda').val('');
        $('#producto_cantidad').val('');
    });

    $(document).on('click', '.btnEliminarProducto', function () {
        $(this).closest('tr').remove();

        if ($('#tablaDetalleProductos tbody tr').length === 0) {
            $('#tablaDetalleProductos tbody').html('<tr id="filaSinProductos"><td colspan="4" class="text-center">No hay productos agregados</td></tr>');
        }
    });

    $('#comprob_busqueda').autocomplete({
        source: function(request, response) {
            $.ajax({
                url: '<?php echo base_url("index.php/almacen/guiaremitente/buscar_comprobantes"); ?>',
                dataType: 'json',
                data: { term: request.term },
                success: function(data) {
                    response(data);
                }
            });
        },
        minLength: 2,
        select: function(event, ui) {
            $('#comprob_id').val(ui.item.id);
            $('#comprob_busqueda').val(ui.item.value);
            return false;
        }
    });

    $('#btnAgregarComprobante').on('click', function () {
        var comprobId = $('#comprob_id').val();
        var comprobTexto = $('#comprob_busqueda').val();

        if (comprobId === '' || comprobTexto === '') {
            Swal.fire('Validación', 'Debe seleccionar un comprobante', 'warning');
            return;
        }

        var yaExiste = false;
        $('input[name="detalle_comprob_id[]"]').each(function() {
            if ($(this).val() == comprobId) {
                yaExiste = true;
            }
        });

        if (yaExiste) {
            Swal.fire('Validación', 'Ese comprobante ya fue agregado', 'warning');
            return;
        }

        $.ajax({
            url: '<?php echo base_url("index.php/almacen/guiaremitente/obtener_detalle_comprobante"); ?>',
            dataType: 'json',
            data: { comprob_id: comprobId },
            success: function(detalle) {
                if (!detalle || detalle.length === 0) {
                    Swal.fire('Validación', 'El comprobante no tiene detalle', 'warning');
                    return;
                }

                $('#filaSinComprobantes').remove();
                contadorComprobantes++;

                var partes = comprobTexto.split('|');
                var serieNumero = partes[0] ? partes[0].trim() : '';
                var clienteTexto = partes[1] ? partes[1].trim() : '';
                var serie = '';
                var numero = '';

                if (serieNumero.indexOf('-') !== -1) {
                    var sn = serieNumero.split('-');
                    serie = sn[0] ? sn[0].trim() : '';
                    numero = sn[1] ? sn[1].trim() : '';
                }

                var filaComprob = '';
                filaComprob += '<tr>';
                filaComprob += '<td>' + contadorComprobantes + '<input type="hidden" name="detalle_comprob_id[]" value="' + comprobId + '"></td>';
                filaComprob += '<td>' + serie + '</td>';
                filaComprob += '<td>' + numero + '</td>';
                filaComprob += '<td>' + clienteTexto + '</td>';
                filaComprob += '<td><button type="button" class="btn btn-danger btn-xs btnEliminarComprobante" data-comprob-id="' + comprobId + '"><i class="fa fa-trash"></i></button></td>';
                filaComprob += '</tr>';

                $('#tablaComprobantes tbody').append(filaComprob);

                $('#filaSinProductos').remove();

                $.each(detalle, function(index, item) {
                    var productoYaExiste = false;

                    $('input[name="detalle_producto_id[]"]').each(function() {
                        var fila = $(this).closest('tr');
                        var pid = $(this).val();
                        var origen = fila.find('input[name="detalle_origen_comprob_id[]"]').val();

                        if (pid == item.producto_id && origen == comprobId) {
                            productoYaExiste = true;
                        }
                    });

                    if (!productoYaExiste) {
                        contadorProductos++;

                        var nombreProducto = '';
                        if (item.codigo) {
                            nombreProducto += item.codigo + ' - ';
                        }
                        nombreProducto += item.nombre ? item.nombre : item.descripcion;

                        var filaProd = '';
                        filaProd += '<tr>';
                        filaProd += '<td>' + contadorProductos + '</td>';
                        filaProd += '<td>';
                        filaProd += nombreProducto;
                        filaProd += '<input type="hidden" name="detalle_producto_id[]" value="' + item.producto_id + '">';
                        filaProd += '<input type="hidden" name="detalle_um_id_venta[]" value="' + item.um_id_venta + '">';
                        filaProd += '<input type="hidden" name="detalle_origen_comprob_id[]" value="' + comprobId + '">';
                        filaProd += '</td>';
                        filaProd += '<td><input type="number" step="0.01" min="0.01" name="detalle_cantidad[]" class="form-control" value="' + item.cantidad + '"></td>';
                        filaProd += '<td><button type="button" class="btn btn-danger btn-xs btnEliminarProducto"><i class="fa fa-trash"></i></button></td>';
                        filaProd += '</tr>';

                        $('#tablaDetalleProductos tbody').append(filaProd);
                    }
                });

                $('#comprob_id').val('');
                $('#comprob_busqueda').val('');
            }
        });
    });

    $(document).on('click', '.btnEliminarComprobante', function () {
        var comprobId = $(this).data('comprob-id');

        $(this).closest('tr').remove();

        $('input[name="detalle_origen_comprob_id[]"]').each(function() {
            if ($(this).val() == comprobId) {
                $(this).closest('tr').remove();
            }
        });

        if ($('#tablaComprobantes tbody tr').length === 0) {
            $('#tablaComprobantes tbody').html('<tr id="filaSinComprobantes"><td colspan="5" class="text-center">No hay comprobantes agregados</td></tr>');
        }

        if ($('#tablaDetalleProductos tbody tr').length === 0) {
            $('#tablaDetalleProductos tbody').html('<tr id="filaSinProductos"><td colspan="4" class="text-center">No hay productos agregados</td></tr>');
        }
    });

});
</script>