var GuiasSalida = Object.assign({}, TablaGenerica);

GuiasSalida.detalleItems = [];

GuiasSalida.renderDetalle = function() {
    var tbody = document.getElementById('gsDetalleBody');
    if (!tbody) return;
    var html = '';
    this.detalleItems.forEach(function(item, idx) {
        html += '<tr>' +
            '<td>' + (item.cod_articulo || '') + '</td>' +
            '<td>' + (item.nombre || '') + '</td>' +
            '<td>' + (item.cod_unidad || '') + '</td>' +
            '<td><input type="number" class="gs-det-cant" data-idx="' + idx + '" value="' + (item.cantidad ? parseFloat(item.cantidad).toFixed(3) : '') + '" step="0.001" min="0" style="width:90px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;text-align:right;font-family:inherit;font-size:inherit;outline:none"></td>' +
            '<td><input type="number" class="gs-det-costo" data-idx="' + idx + '" value="' + (item.costo_unitario ? parseFloat(item.costo_unitario).toFixed(4) : '') + '" step="0.0001" min="0" style="width:110px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;text-align:right;font-family:inherit;font-size:inherit;outline:none"></td>' +
            '<td><input type="number" class="gs-det-peso" data-idx="' + idx + '" value="' + (item.peso ? parseFloat(item.peso).toFixed(3) : '') + '" step="0.001" min="0" style="width:80px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;text-align:right;font-family:inherit;font-size:inherit;outline:none"></td>' +
            '<td><input type="number" class="gs-det-unid" data-idx="' + idx + '" value="' + (item.unidades || '') + '" step="1" min="0" style="width:60px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;text-align:right;font-family:inherit;font-size:inherit;outline:none"></td>' +
            '<td><button class="gs-btn-del" data-idx="' + idx + '" title="Eliminar" style="background:none;border:none;color:#ef4444;cursor:pointer;font-size:0.9rem"><i class="fas fa-trash-alt"></i></button></td>' +
            '</tr>';
    });
    tbody.innerHTML = html;
    tbody.querySelectorAll('.gs-det-cant').forEach(function(inp) {
        inp.addEventListener('change', function() {
            var idx = parseInt(this.dataset.idx);
            if (!isNaN(idx) && GuiasSalida.detalleItems[idx]) {
                GuiasSalida.detalleItems[idx].cantidad = parseFloat(this.value) || 0;
                GuiasSalida.recalcularItem(idx);
                GuiasSalida.renderDetalle();
            }
        });
    });
    tbody.querySelectorAll('.gs-det-costo').forEach(function(inp) {
        inp.addEventListener('change', function() {
            var idx = parseInt(this.dataset.idx);
            if (!isNaN(idx) && GuiasSalida.detalleItems[idx]) {
                GuiasSalida.detalleItems[idx].costo_unitario = parseFloat(this.value) || 0;
                GuiasSalida.recalcularItem(idx);
                GuiasSalida.renderDetalle();
            }
        });
    });
    tbody.querySelectorAll('.gs-det-peso').forEach(function(inp) {
        inp.addEventListener('change', function() {
            var idx = parseInt(this.dataset.idx);
            if (!isNaN(idx) && GuiasSalida.detalleItems[idx]) {
                GuiasSalida.detalleItems[idx].peso = parseFloat(this.value) || 0;
            }
        });
    });
    tbody.querySelectorAll('.gs-det-unid').forEach(function(inp) {
        inp.addEventListener('change', function() {
            var idx = parseInt(this.dataset.idx);
            if (!isNaN(idx) && GuiasSalida.detalleItems[idx]) {
                GuiasSalida.detalleItems[idx].unidades = parseInt(this.value) || 0;
            }
        });
    });
    tbody.querySelectorAll('.gs-btn-del').forEach(function(btn) {
        btn.addEventListener('click', function() {
            var idx = parseInt(this.dataset.idx);
            if (!isNaN(idx)) {
                GuiasSalida.detalleItems.splice(idx, 1);
                GuiasSalida.renderDetalle();
            }
        });
    });
    var count = document.getElementById('gsDetCount');
    if (count) count.textContent = '(' + GuiasSalida.detalleItems.length + ' items)';
};

GuiasSalida.recalcularItem = function(idx) {
    var item = this.detalleItems[idx];
    if (!item) return;
    var cant = parseFloat(item.cantidad) || 0;
    var costo = parseFloat(item.costo_unitario) || 0;
    item.total = cant * costo;
};

GuiasSalida.iniciarAutocompleteCliente = function() {
    var input = document.getElementById('gsFormCliente');
    if (!input || input.dataset._autoCliOk) return;
    input.dataset._autoCliOk = '1';
    var hiddenId = document.getElementById('gsFormIdCliente');

    var dd = document.createElement('div');
    dd.style.cssText = 'position:fixed;z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;display:none';
    document.body.appendChild(dd);
    var timer;
    function ocultar() { dd.style.display = 'none'; dd.innerHTML = ''; }
    function posicionar() {
        var r = input.getBoundingClientRect();
        dd.style.top = r.bottom + 'px';
        dd.style.left = r.left + 'px';
        dd.style.width = Math.max(r.width, 420) + 'px';
    }
    input.addEventListener('input', function() {
        clearTimeout(timer);
        var v = this.value.trim();
        if (v.length < 1) { ocultar(); return; }
        timer = setTimeout(function() {
            var url = GuiasSalida.API_URL + '/clientes?buscar=' + encodeURIComponent(v) + '&limit=20&estado=1&id_empresa=' + (GuiasSalida.sesion ? GuiasSalida.sesion.id_empresa : '');
            fetch(url).then(function(r) { return r.json(); }).then(function(res) {
                posicionar();
                if (!res.ok || !res.data || res.data.length === 0) {
                    dd.innerHTML = '<div style="padding:10px;color:#94a3b8;font-size:13px;text-align:center">Sin resultados</div>';
                    dd.style.display = 'block'; return;
                }
                var h = '';
                res.data.forEach(function(item) {
                    h += '<div class="prov-ubigeo-dd-item prov-autocomplete-item" style="cursor:pointer" data-id="' + item.id_cliente + '" data-razon="' + (item.razon_social || '').replace(/"/g, '&quot;') + '" data-direccion="' + (item.direccion || '').replace(/"/g, '&quot;') + '">' + item.razon_social + ' - ' + item.num_documento + '</div>';
                });
                dd.innerHTML = h;
                dd.style.display = 'block';
                dd.querySelectorAll('.prov-autocomplete-item').forEach(function(el) {
                    el.addEventListener('click', function() {
                        input.value = this.dataset.razon;
                        if (hiddenId) hiddenId.value = this.dataset.id;
                        var dirLlegada = document.getElementById('gsFormDirLlegada');
                        if (dirLlegada && this.dataset.direccion) dirLlegada.value = this.dataset.direccion.toUpperCase();
                        ocultar();
                    });
                });
            });
        }, 300);
    });
    document.addEventListener('click', function(e) {
        if (!e.target.closest('#gsFormCliente') && !dd.contains(e.target)) ocultar();
    });
    input.addEventListener('blur', function() {
        setTimeout(ocultar, 200);
    });
};

GuiasSalida.iniciarAutocompleteTransportista = function() {
    var input = document.getElementById('gsFormTransportista');
    if (!input || input.dataset._autoTransOk) return;
    input.dataset._autoTransOk = '1';
    var hiddenId = document.getElementById('gsFormIdTransportista');

    var dd = document.createElement('div');
    dd.style.cssText = 'position:fixed;z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;display:none';
    document.body.appendChild(dd);
    var timer;
    function ocultar() { dd.style.display = 'none'; dd.innerHTML = ''; }
    function posicionar() {
        var r = input.getBoundingClientRect();
        dd.style.top = r.bottom + 'px';
        dd.style.left = r.left + 'px';
        dd.style.width = Math.max(r.width, 420) + 'px';
    }
    input.addEventListener('input', function() {
        clearTimeout(timer);
        var v = this.value.trim();
        if (v.length < 1) { ocultar(); return; }
        timer = setTimeout(function() {
            var url = GuiasSalida.API_URL + '/transportistas?buscar=' + encodeURIComponent(v) + '&limit=20&estado=1&id_empresa=' + (GuiasSalida.sesion ? GuiasSalida.sesion.id_empresa : '') + (GuiasSalida.sesion && GuiasSalida.sesion.id_sucursal ? '&id_sucursal=' + GuiasSalida.sesion.id_sucursal : '');
            fetch(url).then(function(r) { return r.json(); }).then(function(res) {
                posicionar();
                if (!res.ok || !res.data || res.data.length === 0) {
                    dd.innerHTML = '<div style="padding:10px;color:#94a3b8;font-size:13px;text-align:center">Sin resultados</div>';
                    dd.style.display = 'block'; return;
                }
                var h = '';
                res.data.forEach(function(item) {
                    h += '<div class="prov-ubigeo-dd-item prov-autocomplete-item" style="cursor:pointer" data-id="' + item.id_transportista + '" data-nombre="' + (item.razon_social || item.nombre || '').replace(/"/g, '&quot;') + '">' + (item.razon_social || item.nombre || '') + '</div>';
                });
                dd.innerHTML = h;
                dd.style.display = 'block';
                dd.querySelectorAll('.prov-autocomplete-item').forEach(function(el) {
                    el.addEventListener('click', function() {
                        input.value = this.dataset.nombre;
                        if (hiddenId) hiddenId.value = this.dataset.id;
                        ocultar();
                    });
                });
            });
        }, 300);
    });
    document.addEventListener('click', function(e) {
        if (!e.target.closest('#gsFormTransportista') && !dd.contains(e.target)) ocultar();
    });
    input.addEventListener('blur', function() {
        setTimeout(ocultar, 200);
    });
};

GuiasSalida.iniciarAutocompleteVehiculo = function() {
    var input = document.getElementById('gsFormVehiculo');
    if (!input || input.dataset._autoVehOk) return;
    input.dataset._autoVehOk = '1';
    var hiddenId = document.getElementById('gsFormIdVehiculo');

    var dd = document.createElement('div');
    dd.style.cssText = 'position:fixed;z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;display:none';
    document.body.appendChild(dd);
    var timer;
    function ocultar() { dd.style.display = 'none'; dd.innerHTML = ''; }
    function posicionar() {
        var r = input.getBoundingClientRect();
        dd.style.top = r.bottom + 'px';
        dd.style.left = r.left + 'px';
        dd.style.width = Math.max(r.width, 420) + 'px';
    }
    input.addEventListener('input', function() {
        clearTimeout(timer);
        var v = this.value.trim();
        if (v.length < 1) { ocultar(); return; }
        timer = setTimeout(function() {
            var url = GuiasSalida.API_URL + '/vehiculos?buscar=' + encodeURIComponent(v) + '&limit=20&estado=1&id_empresa=' + (GuiasSalida.sesion ? GuiasSalida.sesion.id_empresa : '') + (GuiasSalida.sesion && GuiasSalida.sesion.id_sucursal ? '&id_sucursal=' + GuiasSalida.sesion.id_sucursal : '');
            fetch(url).then(function(r) { return r.json(); }).then(function(res) {
                posicionar();
                if (!res.ok || !res.data || res.data.length === 0) {
                    dd.innerHTML = '<div style="padding:10px;color:#94a3b8;font-size:13px;text-align:center">Sin resultados</div>';
                    dd.style.display = 'block'; return;
                }
                var h = '';
                res.data.forEach(function(item) {
                    h += '<div class="prov-ubigeo-dd-item prov-autocomplete-item" style="cursor:pointer" data-id="' + item.id_vehiculo + '" data-placa="' + (item.placa || '').replace(/"/g, '&quot;') + '" data-nombre="' + ((item.marca || '') + ' ' + (item.modelo || '') + ' - ' + (item.placa || '')).replace(/"/g, '&quot;') + '">' + (item.marca || '') + ' ' + (item.modelo || '') + ' - ' + (item.placa || '') + '</div>';
                });
                dd.innerHTML = h;
                dd.style.display = 'block';
                dd.querySelectorAll('.prov-autocomplete-item').forEach(function(el) {
                    el.addEventListener('click', function() {
                        input.value = this.dataset.nombre;
                        if (hiddenId) hiddenId.value = this.dataset.id;
                        ocultar();
                    });
                });
            });
        }, 300);
    });
    document.addEventListener('click', function(e) {
        if (!e.target.closest('#gsFormVehiculo') && !dd.contains(e.target)) ocultar();
    });
    input.addEventListener('blur', function() {
        setTimeout(ocultar, 200);
    });
};

GuiasSalida.iniciarAutocompleteChofer = function() {
    var input = document.getElementById('gsFormConductor');
    if (!input || input.dataset._autoChfOk) return;
    input.dataset._autoChfOk = '1';
    var hiddenId = document.getElementById('gsFormIdChofer');

    var dd = document.createElement('div');
    dd.style.cssText = 'position:fixed;z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;display:none';
    document.body.appendChild(dd);
    var timer;
    function ocultar() { dd.style.display = 'none'; dd.innerHTML = ''; }
    function posicionar() {
        var r = input.getBoundingClientRect();
        dd.style.top = r.bottom + 'px';
        dd.style.left = r.left + 'px';
        dd.style.width = Math.max(r.width, 420) + 'px';
    }
    input.addEventListener('input', function() {
        clearTimeout(timer);
        var v = this.value.trim();
        if (v.length < 1) { ocultar(); return; }
        timer = setTimeout(function() {
            var url = GuiasSalida.API_URL + '/choferes?buscar=' + encodeURIComponent(v) + '&limit=20&id_empresa=' + (GuiasSalida.sesion ? GuiasSalida.sesion.id_empresa : '') + '&estado=1' + (GuiasSalida.sesion && GuiasSalida.sesion.id_sucursal ? '&id_sucursal=' + GuiasSalida.sesion.id_sucursal : '');
            fetch(url).then(function(r) { return r.json(); }).then(function(res) {
                posicionar();
                if (!res.ok || !res.data || res.data.length === 0) {
                    dd.innerHTML = '<div style="padding:10px;color:#94a3b8;font-size:13px;text-align:center">Sin resultados</div>';
                    dd.style.display = 'block'; return;
                }
                var h = '';
                res.data.forEach(function(item) {
                    h += '<div class="prov-ubigeo-dd-item prov-autocomplete-item" style="cursor:pointer" data-id="' + item.id_chofer + '" data-nombre="' + (item.nombre || '').replace(/"/g, '&quot;') + '" data-dni="' + (item.num_documento || '').replace(/"/g, '&quot;') + '" data-licencia="' + (item.licencia_conducir || '').replace(/"/g, '&quot;') + '">' + (item.nombre || '') + ' - ' + (item.num_documento || '') + '</div>';
                });
                dd.innerHTML = h;
                dd.style.display = 'block';
                dd.querySelectorAll('.prov-autocomplete-item').forEach(function(el) {
                    el.addEventListener('click', function() {
                        input.value = this.dataset.nombre;
                        if (hiddenId) hiddenId.value = this.dataset.id;
                        document.getElementById('gsFormDNI').value = this.dataset.dni || '';
                        document.getElementById('gsFormLicencia').value = this.dataset.licencia || '';
                        ocultar();
                    });
                });
            });
        }, 300);
    });
    document.addEventListener('click', function(e) {
        if (!e.target.closest('#gsFormConductor') && !dd.contains(e.target)) ocultar();
    });
    input.addEventListener('blur', function() {
        setTimeout(ocultar, 200);
    });
};

GuiasSalida.iniciarAutocompleteArticulo = function() {
    var input = document.getElementById('gsAddArticulo');
    if (!input || input.dataset._autoArtOk) return;
    input.dataset._autoArtOk = '1';
    var hiddenId = document.getElementById('gsAddIdArticulo');
    var hiddenCod = document.getElementById('gsAddCodArticulo');
    var hiddenUni = document.getElementById('gsAddCodUnidad');
    var hiddenStock = document.getElementById('gsAddStockActual');
    var dd = document.createElement('div');
    dd.style.cssText = 'position:fixed;z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:220px;overflow-y:auto;display:none';
    document.body.appendChild(dd);
    var timer;
    function ocultar() { dd.style.display = 'none'; dd.innerHTML = ''; }
    function posicionar() {
        var r = input.getBoundingClientRect();
        dd.style.top = r.bottom + 'px';
        dd.style.left = r.left + 'px';
        dd.style.width = Math.max(r.width, 420) + 'px';
    }
    input.addEventListener('input', function() {
        clearTimeout(timer);
        var v = this.value.trim();
        if (v.length < 1) { ocultar(); return; }
        timer = setTimeout(function() {
            var url = GuiasSalida.API_URL + '/articulos?buscar=' + encodeURIComponent(v) + '&limit=20&estado=1&id_empresa=' + (GuiasSalida.sesion ? GuiasSalida.sesion.id_empresa : '');
            fetch(url).then(function(r) { return r.json(); }).then(function(res) {
                posicionar();
                if (!res.ok || !res.data || res.data.length === 0) {
                    dd.innerHTML = '<div style="padding:10px;color:#94a3b8;font-size:13px;text-align:center">Sin resultados</div>';
                    dd.style.display = 'block'; return;
                }
                var h = '';
                res.data.forEach(function(item) {
                    var stockInfo = ' (Stock: ' + parseFloat(item.stock_actual || item.stock || 0).toFixed(3) + ')';
                    h += '<div class="prov-ubigeo-dd-item prov-autocomplete-item" style="cursor:pointer" data-id="' + item.id_articulo + '" data-cod="' + item.cod_articulo + '" data-unidad="' + (item.cod_unidad || item.unidad_codigo || '') + '" data-nombre="' + (item.nombre || '').replace(/"/g, '&quot;') + '" data-stock="' + (item.stock_actual || item.stock || 0) + '" data-costo="' + (item.costo_promedio || 0) + '">' + item.cod_articulo + ' - ' + item.nombre + stockInfo + '</div>';
                });
                dd.innerHTML = h;
                dd.style.display = 'block';
                dd.querySelectorAll('.prov-autocomplete-item').forEach(function(el) {
                    el.addEventListener('click', function() {
                        input.value = this.dataset.nombre;
                        if (hiddenId) hiddenId.value = this.dataset.id;
                        if (hiddenCod) hiddenCod.value = this.dataset.cod;
                        if (hiddenUni) hiddenUni.value = this.dataset.unidad;
                        if (hiddenStock) hiddenStock.value = this.dataset.stock;
                        var costoInput = document.getElementById('gsAddCosto');
                        if (costoInput && this.dataset.costo) {
                            var costoVal = parseFloat(this.dataset.costo) || 0;
                            costoInput.value = costoVal === 0 ? '' : costoVal.toFixed(4);
                        }
                        setTimeout(function() { document.getElementById('gsAddCantidad').focus(); }, 100);
                        ocultar();
                    });
                });
            });
        }, 300);
    });
    document.addEventListener('click', function(e) {
        if (!e.target.closest('#gsAddArticulo') && !dd.contains(e.target)) ocultar();
    });
    input.addEventListener('blur', function() {
        setTimeout(ocultar, 200);
    });
};

GuiasSalida.agregarItemDesdeForm = function() {
    var idArt = document.getElementById('gsAddIdArticulo');
    var codArt = document.getElementById('gsAddCodArticulo');
    var nombre = document.getElementById('gsAddArticulo');
    var cantidad = document.getElementById('gsAddCantidad');
    var costo = document.getElementById('gsAddCosto');
    var peso = document.getElementById('gsAddPeso');
    var unidades = document.getElementById('gsAddUnidades');
    var unidad = document.getElementById('gsAddCodUnidad');
    var stockActual = document.getElementById('gsAddStockActual');

    if (!idArt || !idArt.value) { Mensaje.error({ titulo: 'Validación', texto: 'Seleccione un artículo' }); return; }
    var cant = parseFloat(cantidad ? cantidad.value : 0) || 0;
    if (cant <= 0) { Mensaje.error({ titulo: 'Validación', texto: 'Ingrese cantidad mayor a 0' }); return; }

    var stockDisponible = parseFloat(stockActual ? stockActual.value : 0) || 0;
    if (cant > stockDisponible) {
        Mensaje.error({ titulo: 'Validación', texto: 'La cantidad (' + cant.toFixed(3) + ') excede el stock disponible (' + stockDisponible.toFixed(3) + ')' });
        return;
    }

    var costoVal = parseFloat(costo ? costo.value : 0) || 0;
    GuiasSalida.detalleItems.push({
        id_articulo: parseInt(idArt.value),
        cod_articulo: codArt ? codArt.value : '',
        nombre: nombre ? nombre.value : '',
        cod_unidad: unidad ? unidad.value : '',
        cantidad: cant,
        costo_unitario: costoVal,
        peso: parseFloat(peso ? peso.value : 0) || 0,
        unidades: parseInt(unidades ? unidades.value : 0) || 0,
        total: cant * costoVal
    });

    GuiasSalida.renderDetalle();

    if (nombre) nombre.value = '';
    if (idArt) idArt.value = '';
    if (codArt) codArt.value = '';
    if (unidad) unidad.value = '';
    if (stockActual) stockActual.value = '';
    if (cantidad) cantidad.value = '';
    if (costo) costo.value = '';
    if (peso) peso.value = '';
    if (unidades) unidades.value = '';
    if (nombre) nombre.focus();
};

GuiasSalida.cargarMotivos = function(valorSeleccionado) {
    var sel = document.getElementById('gsFormMotivo');
    if (!sel) return;
    if (sel.dataset._cargado) {
        if (arguments.length && valorSeleccionado !== undefined) sel.value = valorSeleccionado;
        return;
    }
    fetch(GuiasSalida.API_URL + '/motivos-guia?limit=100&estado=1&id_empresa=' + (GuiasSalida.sesion ? GuiasSalida.sesion.id_empresa : ''))
        .then(function(r) { return r.json(); })
        .then(function(res) {
            if (res.ok && res.data) {
                sel.innerHTML = '<option value="">Seleccione...</option>';
                res.data.forEach(function(item) { sel.innerHTML += '<option value="' + item.id_motivo + '">' + item.nombre + '</option>'; });
                sel.dataset._cargado = '1';
                if (valorSeleccionado !== undefined) sel.value = valorSeleccionado;
            }
        });
};

GuiasSalida._fechaHoraStr = function() {
    var a = new Date();
    return a.toLocaleDateString('es-PE', { day: '2-digit', month: '2-digit', year: 'numeric' }) + ' ' + a.toLocaleTimeString('es-PE', { hour: '2-digit', minute: '2-digit' });
};

GuiasSalida._imprimirSrcdoc = function(html, titulo) {
    var fullHtml = '<!DOCTYPE html><html><head><meta charset="UTF-8"><title>' + (titulo || 'Reporte') + '</title>' +
        '<link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">' +
        '<style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Plus Jakarta Sans",sans-serif;padding:30px 40px;color:#1E293B}.prov-print-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #1A4480}.prov-print-titulo{font-size:1.2rem;font-weight:800;color:#1A4480;text-transform:uppercase;letter-spacing:0.5px}.prov-print-filtros{font-size:0.72rem;color:#475569;background:#F1F5F9;padding:5px 10px;border-radius:6px;margin-bottom:14px}table{width:100%;border-collapse:collapse;font-size:0.72rem}thead th{background:#1A4480;color:#FFF;padding:7px 8px;text-align:left;font-weight:700;text-transform:uppercase;font-size:0.6rem;letter-spacing:0.5px;border-bottom:2px solid #0F2847}table tbody td{padding:5px 8px;border-bottom:1px solid #E2E8F0;color:#334155}tbody tr:nth-child(even){background:#F8FAFC}.prov-print-total{font-size:0.75rem;color:#1A4480;font-weight:600;margin-top:12px}.prov-print-fecha{font-size:0.65rem;color:#64748B;text-align:right;margin-bottom:4px}.prov-print-footer{text-align:center;font-size:0.65rem;color:#94A3B8;margin-top:20px;border-top:1px solid #E2E8F0;padding-top:8px}@page{margin:12mm}' +
        '<' + 'script' + '>window.onload=function(){setTimeout(function(){window.print()},800)};<' + '/' + 'script' + '>' +
        '</style></head><body>' + html + '<div class="prov-print-footer">NexusERP</div></body></html>';
    var oldIframe = document.getElementById('gs-print-frame');
    if (oldIframe) document.body.removeChild(oldIframe);
    var iframe = document.createElement('iframe');
    iframe.id = 'gs-print-frame';
    iframe.style.cssText = 'position:absolute;width:1px;height:1px;opacity:0.01;top:-9999px;left:-9999px';
    iframe.srcdoc = fullHtml;
    document.body.appendChild(iframe);
    iframe.onload = function() {
        setTimeout(function() {
            try { iframe.contentWindow.print(); } catch(e) {}
        }, 1500);
    };
};

var _gsCargarTabla = GuiasSalida.cargarTabla;
GuiasSalida.cargarTabla = function() {
    var self = this;
    return _gsCargarTabla.call(this).then(function() {
        var wrap = document.getElementById(self.elementId + 'TablaWrap');
        if (!wrap || !self.currentData) return;
        var rows = wrap.querySelectorAll('table tbody tr');
        rows.forEach(function(tr, idx) {
            var rowData = self.currentData[idx];
            if (!rowData) return;
            var badges = { P: 'prov-badge-pendiente', A: 'prov-badge-activo', N: 'prov-badge-anulado' };
            var tds = tr.querySelectorAll('td');
            var colIdx = self.columns.findIndex(function(c) { return c.field === 'estado'; });
            if (colIdx >= 0 && tds[colIdx] && badges[rowData.estado]) {
                tds[colIdx].innerHTML = '<span class="prov-badge ' + badges[rowData.estado] + '">' + tds[colIdx].textContent.trim() + '</span>';
            }
            var acc = tr.querySelector('.prov-acciones');
            if (!acc) return;
            var est = rowData.estado;
            var idGuia = rowData.id_guia;
            if (est === 'P') {
                acc.insertAdjacentHTML('beforeend', '<button class="prov-btn-accion gs-btn-estado" title="Aprobar" data-id="' + idGuia + '" data-estado="A"><i class="fas fa-check" style="color:#10b981"></i></button>');
                acc.insertAdjacentHTML('beforeend', '<button class="prov-btn-accion gs-btn-estado" title="Anular" data-id="' + idGuia + '" data-estado="N"><i class="fas fa-ban" style="color:#ef4444"></i></button>');
            }
        });
        wrap.querySelectorAll('.gs-btn-estado').forEach(function(btn) {
            btn.addEventListener('click', function(e) {
                e.stopPropagation();
                self.cambiarEstado(this.dataset.id, this.dataset.estado);
            });
        });
    });
};

var _gsMostrarVista = GuiasSalida.mostrarVista;
GuiasSalida.mostrarVista = function() {
    var self = this;

    var _origCargar = this.cargarTabla;
    var skipFirst = true;
    this.cargarTabla = function() {
        if (skipFirst) { skipFirst = false; return Promise.resolve(); }
        return _origCargar.apply(this, arguments);
    };
    _gsMostrarVista.call(this);
    this.cargarTabla = _origCargar;

    var h2 = document.querySelector('#' + this.elementId + ' .prov-header-titulo h2');
    if (h2) h2.style.display = 'none';
    var pTitle = document.querySelector('#' + this.elementId + ' .prov-header-titulo p');
    if (pTitle && this.sesion && this.sesion.empresa_razon) pTitle.textContent = this.sesion.empresa_razon;

    var wrap = document.getElementById(this.elementId + 'TablaWrap');
    if (!wrap) return;

    var oldBar = document.getElementById('gsFechaBar');
    if (oldBar) oldBar.remove();

    var hoy = new Date();
    var fmtHoy = hoy.toLocaleDateString('en-CA');
    var fmtMes = new Date(hoy.getFullYear(), hoy.getMonth(), 1).toLocaleDateString('en-CA');

    var bar = document.createElement('div');
    bar.id = 'gsFechaBar';
    bar.style.cssText = 'display:flex;align-items:center;gap:10px;padding:10px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:0.82rem';
    bar.innerHTML =
        '<i class="fas fa-calendar-alt" style="color:#1A4480;font-size:0.9rem"></i>' +
        '<span style="color:#475569;font-weight:600">Desde:</span>' +
        '<input type="date" id="gsFechaDesde" class="prov-input" value="' + fmtMes + '" style="width:150px;padding:5px 8px;font-size:0.8rem">' +
        '<span style="color:#475569;font-weight:600">Hasta:</span>' +
        '<input type="date" id="gsFechaHasta" class="prov-input" value="' + fmtHoy + '" style="width:150px;padding:5px 8px;font-size:0.8rem">' +
        '<button class="btn-prov btn-prov-primario" id="gsBtnLimpiarFecha" style="padding:5px 14px;font-size:0.78rem">Limpiar</button>';

    wrap.parentNode.insertBefore(bar, wrap);

    function recargar() { self.paginaActual = 1; self.cargarTabla(); }
    document.getElementById('gsFechaDesde').addEventListener('change', recargar);
    document.getElementById('gsFechaHasta').addEventListener('change', recargar);
    document.getElementById('gsBtnLimpiarFecha').addEventListener('click', function() {
        document.getElementById('gsFechaDesde').value = fmtMes;
        document.getElementById('gsFechaHasta').value = fmtHoy;
        recargar();
    });

    self.cargarTabla();
};

GuiasSalida.obtenerParamsExtra = function() {
    var desde = document.getElementById('gsFechaDesde');
    var hasta = document.getElementById('gsFechaHasta');
    var s = '&tpo_gui=S';
    if (desde && desde.value) s += '&fecha_desde=' + encodeURIComponent(desde.value);
    if (hasta && hasta.value) s += '&fecha_hasta=' + encodeURIComponent(hasta.value);
    if (this.sesion && this.sesion.id_sucursal) s += '&id_sucursal=' + this.sesion.id_sucursal;
    return s;
};

GuiasSalida.renderFormulario = function(data) {
    GuiasSalida.detalleItems = [];
    var html = '';
    html += '<div class="gc-section"><div class="gc-section-title"><i class="fas fa-file-invoice"></i> Cabecera</div>';
    html += '<div class="gc-grid-4">';
    html += '<div class="prov-field"><label>N° Guía</label><input type="text" id="gsFormNum" class="prov-input" readonly style="background:#f3f4f6;color:#6b7280"></div>';
    html += '<div class="prov-field"><label>Fecha <span class="req">*</span></label><input type="date" id="gsFormFecha" class="prov-input" required></div>';
    html += '<div class="prov-field"><label>Serie</label><input type="text" id="gsFormSerie" class="prov-input" maxlength="4" placeholder="Ej: G001"></div>';
    html += '<div class="prov-field"><label>Número</label><input type="text" id="gsFormNumero" class="prov-input" maxlength="10" placeholder="Ej: 000001"></div>';
    html += '<div class="prov-field gc-field-span-2"><label>Cliente <span class="req">*</span></label><input type="text" id="gsFormCliente" class="prov-input" autocomplete="off" placeholder="Escriba nombre o RUC..."><input type="hidden" id="gsFormIdCliente"></div>';
    html += '<div class="prov-field"><label>Motivo Traslado</label><select id="gsFormMotivo" class="prov-input"><option value="">Seleccione...</option></select></div>';
    html += '<div class="prov-field gc-field-span-3"><label>Observaciones</label><input type="text" id="gsFormObs" class="prov-input" maxlength="500" placeholder="Opcional"></div>';
    html += '</div></div>';

    html += '<div class="gc-section"><div class="gc-section-title"><i class="fas fa-truck"></i> Transporte</div>';
    html += '<div class="gc-grid-4">';
    html += '<div class="prov-field gc-field-span-2"><label>Transportista</label><input type="text" id="gsFormTransportista" class="prov-input" autocomplete="off" placeholder="Buscar transportista..."><input type="hidden" id="gsFormIdTransportista"></div>';
    html += '<div class="prov-field gc-field-span-2"><label>Vehículo</label><input type="text" id="gsFormVehiculo" class="prov-input" autocomplete="off" placeholder="Buscar vehículo..."><input type="hidden" id="gsFormIdVehiculo"></div>';
    html += '<div class="prov-field gc-field-span-2"><label>Conductor (Chofer)</label><input type="text" id="gsFormConductor" class="prov-input" autocomplete="off" placeholder="Buscar chofer..."><input type="hidden" id="gsFormIdChofer"><input type="hidden" id="gsFormDNI"><input type="hidden" id="gsFormLicencia"></div>';
    html += '<div class="prov-field gc-field-span-2"><label>Dirección Partida</label><input type="text" id="gsFormDirPartida" class="prov-input" maxlength="200" placeholder="Dirección de partida"></div>';
    html += '<div class="prov-field gc-field-span-2"><label>Dirección Llegada</label><input type="text" id="gsFormDirLlegada" class="prov-input" maxlength="200" placeholder="Dirección de llegada"></div>';
    html += '</div></div>';

    html += '<div class="gc-section gc-section-detalle"><div class="gc-section-title"><i class="fas fa-list"></i> Detalle <span id="gsDetCount" class="gc-count">(0 items)</span><button class="ped-detalle-print-btn" id="gsBtnPrintDetalle" title="Imprimir"><i class="fas fa-print"></i></button></div>';
    html += '<div class="gc-detalle-table-wrap">';
    html += '<table class="gc-detalle-table"><thead><tr>' +
        '<th style="width:60px">Código</th><th>Artículo</th><th style="width:40px">Und</th><th style="width:90px">Cantidad</th><th style="width:110px">Costo Unit.</th><th style="width:80px">Peso</th><th style="width:60px">Unid.</th><th style="width:35px"></th>' +
        '</tr></thead><tbody id="gsDetalleBody"></tbody></table>';
    html += '</div>';
    html += '<div class="gc-detalle-toolbar">';
    html += '<div class="prov-field gc-field-art"><label>Artículo</label><input type="text" id="gsAddArticulo" class="prov-input" placeholder="Buscar artículo..." autocomplete="off"><input type="hidden" id="gsAddIdArticulo"><input type="hidden" id="gsAddCodArticulo"><input type="hidden" id="gsAddCodUnidad"><input type="hidden" id="gsAddStockActual"></div>';
    html += '<div class="prov-field gc-field-qty"><label>Cantidad</label><input type="number" id="gsAddCantidad" class="prov-input" step="0.001" min="0" placeholder="0.00" style="text-align:right"></div>';
    html += '<div class="prov-field gc-field-costo"><label>Costo Unit.</label><input type="number" id="gsAddCosto" class="prov-input" step="0.0001" min="0" placeholder=".0000" style="text-align:right"></div>';
    html += '<div class="prov-field gc-field-peso"><label>Peso</label><input type="number" id="gsAddPeso" class="prov-input" step="0.001" min="0" placeholder="0.00" style="text-align:right"></div>';
    html += '<div class="prov-field gc-field-unid"><label>Unid.</label><input type="number" id="gsAddUnidades" class="prov-input" step="1" min="0" placeholder="0" style="text-align:right"></div>';
    html += '<button class="btn-prov btn-prov-primario gc-btn-add-item" id="gsBtnAddItem"><i class="fas fa-plus"></i> Agregar</button>';
    html += '</div>';
    html += '</div>';

    return html;
};

GuiasSalida.abrirModal = function(id) {
    var self = this;
    var titulo = id ? 'Editar Guía de Salida' : 'Nueva Guía de Salida';
    var esNuevo = !id;

    var contenido = '<div class="gc-modal-form" id="' + this.elementId + 'Form">';
    contenido += '<input type="hidden" id="' + this.elementId + 'FormId" value="' + (id || '') + '">';
    contenido += this.renderFormulario(null);
    contenido += '</div>';

    Modal.abrir({
        titulo: titulo,
        ancho: '1100px',
        alto: '95vh',
        contenido: contenido,
        botones: [
            { texto: 'Cancelar', tipo: 'secundario', accion: function() { Modal.cerrar(); } },
            { texto: 'Guardar', tipo: 'primario', accion: function() { self.onGuardar(); } }
        ]
    });

    if (esNuevo) {
        this.onCargarFormulario(null);
    } else {
        this.cargarDatos(id);
    }
};

GuiasSalida.cargarDatos = function(id) {
    var self = this;
    fetch(this.API_URL + this.endpoint + '/' + id + '?id_empresa=' + (this.sesion ? this.sesion.id_empresa : ''))
        .then(function(r) { return r.json(); })
        .then(function(res) {
            if (res.ok) {
                self.onCargarFormulario(res.data);
            } else {
                Mensaje.error({ titulo: 'Error', texto: res.mensaje });
            }
        })
        .catch(function() {
            Mensaje.error({ titulo: 'Error', texto: 'Error al cargar datos' });
        });
};

GuiasSalida.onGuardar = function() {
    var self = this;
    if (!self.sesion) self.cargarSesion();
    if (!self.sesion) {
        var _s = localStorage.getItem('erp_session') || sessionStorage.getItem('erp_session');
        if (_s) { try { self.sesion = JSON.parse(_s); } catch(e) {} }
    }
    console.log('[GuiasSalida] onGuardar sesion:', JSON.stringify(self.sesion ? { id_empresa: self.sesion.id_empresa, id_usuario: self.sesion.id_usuario } : null));
    var id = document.getElementById(GuiasSalida.elementId + 'FormId').value;
    var fecha = document.getElementById('gsFormFecha').value;
    var idCliente = document.getElementById('gsFormIdCliente').value;
    var serie = document.getElementById('gsFormSerie').value;
    var numero = document.getElementById('gsFormNumero').value;
    var motivo = document.getElementById('gsFormMotivo').value;
    var obs = document.getElementById('gsFormObs').value;

    var idTransportista = document.getElementById('gsFormIdTransportista').value;
    var idVehiculo = document.getElementById('gsFormIdVehiculo').value;
    var idChofer = document.getElementById('gsFormIdChofer').value;
    var dirPartida = document.getElementById('gsFormDirPartida').value.toUpperCase();
    var dirLlegada = document.getElementById('gsFormDirLlegada').value.toUpperCase();

    if (!fecha) { Mensaje.error({ titulo: 'Validación', texto: 'La fecha es requerida' }); return; }
    if (!idCliente) { Mensaje.error({ titulo: 'Validación', texto: 'Seleccione un cliente' }); return; }
    if (!serie) { Mensaje.error({ titulo: 'Validación', texto: 'La serie es requerida' }); return; }
    if (!numero) { Mensaje.error({ titulo: 'Validación', texto: 'El número es requerido' }); return; }
    if (GuiasSalida.detalleItems.length === 0) { Mensaje.error({ titulo: 'Validación', texto: 'Debe agregar al menos un artículo' }); return; }
    if (!GuiasSalida.sesion || !GuiasSalida.sesion.id_empresa) { Mensaje.error({ titulo: 'Validación', texto: 'Empresa requerida. Inicie sesión nuevamente.' }); return; }

    var body = {
        id_empresa: GuiasSalida.sesion ? GuiasSalida.sesion.id_empresa : null,
        id_sucursal: GuiasSalida.sesion ? (GuiasSalida.sesion.id_sucursal || null) : null,
        tpo_gui: 'S',
        fecha_guia: fecha,
        id_cliente: parseInt(idCliente),
        serie: serie || null,
        numero: numero || null,
        id_motivo: motivo ? parseInt(motivo) : null,
        moneda: 'MN',
        tipo_cambio: null,
        subtotal: 0,
        igv: 0,
        total: 0,
        observaciones: obs || null,
        id_transportista: idTransportista ? parseInt(idTransportista) : null,
        id_vehiculo: idVehiculo ? parseInt(idVehiculo) : null,
        id_chofer: idChofer ? parseInt(idChofer) : null,
        direccion_partida: dirPartida || null,
        direccion_llegada: dirLlegada || null,
        estado: 'P',
        usuario_crea: GuiasSalida.sesion ? GuiasSalida.sesion.id_usuario : null,
        detalle: GuiasSalida.detalleItems.map(function(item) {
            return {
                id_articulo: item.id_articulo,
                cantidad: parseFloat(item.cantidad) || 0,
                costo_unitario: parseFloat(item.costo_unitario) || 0,
                total: parseFloat(item.total) || 0,
                peso: parseFloat(item.peso) || 0,
                unidades: parseInt(item.unidades) || 0,
                des_art: item.nombre || null
            };
        })
    };

    var metodo = id ? 'PUT' : 'POST';
    var url = GuiasSalida.API_URL + GuiasSalida.endpoint + (id ? '/' + id + '?id_empresa=' + (GuiasSalida.sesion ? GuiasSalida.sesion.id_empresa : '') : '');

    fetch(url, {
        method: metodo,
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(body)
    })
    .then(function(r) { return r.json(); })
    .then(function(res) {
        if (res.ok) {
            if (!id && GuiasSalida._idCorrelativo) {
                fetch(GuiasSalida.API_URL + '/correlativos-documentos/incrementar/' + GuiasSalida._idCorrelativo, { method: 'POST' });
                GuiasSalida._idCorrelativo = null;
            }
            Mensaje.exito({ titulo: 'Guardado', texto: res.mensaje });
            Modal.cerrar();
            GuiasSalida.paginaActual = 1;
            GuiasSalida.cargarTabla();
        } else {
            Mensaje.error({ titulo: 'Error', texto: res.mensaje });
        }
    })
    .catch(function() {
        Mensaje.error({ titulo: 'Error', texto: 'Error al guardar' });
    });
};

GuiasSalida.onCargarFormulario = function(data) {
    if (!data) {
        var hoy = new Date().toLocaleDateString('en-CA');
        document.getElementById('gsFormFecha').value = hoy;
        document.getElementById('gsFormNum').value = 'Auto-generado';
        GuiasSalida.iniciarAutocompleteCliente();
        GuiasSalida.iniciarAutocompleteTransportista();
        GuiasSalida.iniciarAutocompleteVehiculo();
        GuiasSalida.iniciarAutocompleteChofer();
        GuiasSalida.iniciarAutocompleteArticulo();
        GuiasSalida.cargarMotivos();

        if (GuiasSalida.sesion) {
            var idTipoDocGuia = 9;
            fetch(GuiasSalida.API_URL + '/correlativos-documentos/asignado/' + GuiasSalida.sesion.id_usuario + '/' + idTipoDocGuia + '?id_empresa=' + GuiasSalida.sesion.id_empresa)
                .then(function(r) { return r.json(); })
                .then(function(res) {
                    if (res.ok && res.data) {
                        document.getElementById('gsFormSerie').value = res.data.serie || '';
                        document.getElementById('gsFormNumero').value = res.data.numero_actual || '';
                        GuiasSalida._idCorrelativo = res.data.id_correlativo;
                    }
                });
        }

        document.getElementById('gsBtnAddItem').addEventListener('click', function() { GuiasSalida.agregarItemDesdeForm(); });
        document.getElementById('gsAddCosto').addEventListener('keydown', function(e) {
            if (e.key === 'Enter') { e.preventDefault(); GuiasSalida.agregarItemDesdeForm(); }
        });
        var printBtn = document.getElementById('gsBtnPrintDetalle');
        if (printBtn) printBtn.addEventListener('click', function() { GuiasSalida.imprimirDetalle(); });
    } else {
        document.getElementById('gsFormNum').value = data.cod_guia || '';
        document.getElementById('gsFormFecha').value = data.fecha_guia ? data.fecha_guia.substring(0, 10) : '';
        document.getElementById('gsFormSerie').value = data.serie || '';
        document.getElementById('gsFormNumero').value = data.numero || '';
        document.getElementById('gsFormCliente').value = data.cliente_razon_social || '';
        document.getElementById('gsFormIdCliente').value = data.id_cliente || '';
        document.getElementById('gsFormObs').value = data.observaciones || '';

        document.getElementById('gsFormTransportista').value = data.transportista_razon_social || '';
        document.getElementById('gsFormIdTransportista').value = data.id_transportista || '';
        document.getElementById('gsFormVehiculo').value = data.vehiculo_placa || '';
        document.getElementById('gsFormIdVehiculo').value = data.id_vehiculo || '';
        document.getElementById('gsFormConductor').value = data.conductor_nombre || '';
        document.getElementById('gsFormIdChofer').value = data.id_chofer || '';
        document.getElementById('gsFormDirPartida').value = data.direccion_partida || '';
        document.getElementById('gsFormDirLlegada').value = data.direccion_llegada || '';

        GuiasSalida.iniciarAutocompleteCliente();
        GuiasSalida.iniciarAutocompleteTransportista();
        GuiasSalida.iniciarAutocompleteVehiculo();
        GuiasSalida.iniciarAutocompleteChofer();
        GuiasSalida.iniciarAutocompleteArticulo();
        GuiasSalida.cargarMotivos(data.id_motivo);

        if (data.detalle) {
            GuiasSalida.detalleItems = data.detalle.map(function(d) {
                return {
                    id_articulo: d.id_articulo,
                    cod_articulo: d.cod_articulo || '',
                    nombre: d.nombre || '',
                    cod_unidad: d.cod_unidad || '',
                    cantidad: parseFloat(d.cantidad) || 0,
                    costo_unitario: parseFloat(d.costo_unitario) || 0,
                    peso: parseFloat(d.peso) || 0,
                    unidades: parseInt(d.unidades) || 0,
                    total: parseFloat(d.total) || 0,
                    num_pedido: d.num_pedido || null
                };
            });
            GuiasSalida.renderDetalle();
        }

        document.getElementById('gsBtnAddItem').addEventListener('click', function() { GuiasSalida.agregarItemDesdeForm(); });
        document.getElementById('gsAddCosto').addEventListener('keydown', function(e) {
            if (e.key === 'Enter') { e.preventDefault(); GuiasSalida.agregarItemDesdeForm(); }
        });
        var printBtn2 = document.getElementById('gsBtnPrintDetalle');
        if (printBtn2) printBtn2.addEventListener('click', function() { GuiasSalida.imprimirDetalle(); });
    }
};

GuiasSalida.verDetalle = async function(idGuia) {
    var self = this;
    if (!self.sesion) self.cargarSesion();
    try {
        var res = await fetch(self.API_URL + self.endpoint + '/' + idGuia + '?id_empresa=' + (self.sesion ? self.sesion.id_empresa : ''));
        var data = await res.json();
        if (!data.ok) { Mensaje.error({ titulo: 'Error', texto: data.mensaje || 'No se pudo cargar la guía' }); return; }
        var row = data.data;
        var fmtFecha = function(iso) {
            if (!iso) return '-';
            var d = new Date(iso);
            if (isNaN(d.getTime())) return iso;
            return d.toLocaleDateString('es-PE');
        };
        var estados = { P: 'Pendiente', A: 'Aprobado', N: 'Anulado' };
        var detHtml = '<table class="gc-detalle-table"><thead><tr><th>Código</th><th>Artículo</th><th>Und</th><th style="text-align:right">Cantidad</th><th style="text-align:right">Costo Unit.</th></tr></thead><tbody>';
        if (row.detalle) {
            row.detalle.forEach(function(d) {
                detHtml += '<tr><td>' + (d.cod_articulo || '') + '</td><td>' + (d.nombre || '') + '</td><td>' + (d.cod_unidad || '') + '</td><td style="text-align:right">' + (parseFloat(d.cantidad) || 0).toFixed(3) + '</td><td style="text-align:right">' + (parseFloat(d.costo_unitario) || 0).toFixed(4) + '</td></tr>';
            });
        }
        detHtml += '</tbody></table>';

        var html = '<div class="gc-detalle-view">';
        html += '<div class="gc-section"><div class="gc-section-title"><i class="fas fa-file-invoice"></i> Guía de Salida<button class="ped-detalle-print-btn" id="gsViewPrintBtn" title="Imprimir"><i class="fas fa-print"></i></button></div>';
        html += '<div class="gc-detalle-grid">';
        html += '<div class="gc-detalle-row"><span class="gc-detalle-label">N° Guía:</span><span class="gc-detalle-valor">' + (row.cod_guia || '') + '</span></div>';
        html += '<div class="gc-detalle-row"><span class="gc-detalle-label">Fecha:</span><span class="gc-detalle-valor">' + fmtFecha(row.fecha_guia) + '</span></div>';
        html += '<div class="gc-detalle-row"><span class="gc-detalle-label">Serie / Número:</span><span class="gc-detalle-valor">' + (row.serie || '-') + ' - ' + (row.numero || '-') + '</span></div>';
        html += '<div class="gc-detalle-row"><span class="gc-detalle-label">Estado:</span><span class="gc-detalle-valor"><span class="prov-badge prov-badge-' + (row.estado === 'A' ? 'activo' : row.estado === 'N' ? 'anulado' : 'pendiente') + '">' + (estados[row.estado] || row.estado) + '</span></span></div>';
        html += '<div class="gc-detalle-row"><span class="gc-detalle-label">Cliente:</span><span class="gc-detalle-valor">' + (row.cliente_razon_social || '-') + '</span></div>';
        html += '<div class="gc-detalle-row"><span class="gc-detalle-label">Motivo:</span><span class="gc-detalle-valor">' + (row.motivo_nombre || '-').toUpperCase() + '</span></div>';
        if (row.transportista_razon_social) {
            html += '<div class="gc-detalle-row"><span class="gc-detalle-label">Transportista:</span><span class="gc-detalle-valor">' + row.transportista_razon_social + '</span></div>';
        }
        if (row.vehiculo_placa) {
            html += '<div class="gc-detalle-row"><span class="gc-detalle-label">Vehículo:</span><span class="gc-detalle-valor">' + row.vehiculo_placa + '</span></div>';
        }
        if (row.conductor_nombre) {
            html += '<div class="gc-detalle-row"><span class="gc-detalle-label">Conductor:</span><span class="gc-detalle-valor">' + row.conductor_nombre + (row.conductor_dni ? ' - DNI: ' + row.conductor_dni : '') + '</span></div>';
        }
        if (row.direccion_partida) {
            html += '<div class="gc-detalle-row"><span class="gc-detalle-label">Direccion Partida:</span><span class="gc-detalle-valor">' + row.direccion_partida.toUpperCase() + '</span></div>';
        }
        if (row.direccion_llegada) {
            html += '<div class="gc-detalle-row"><span class="gc-detalle-label">Direccion Llegada:</span><span class="gc-detalle-valor">' + row.direccion_llegada.toUpperCase() + '</span></div>';
        }
        if (row.observaciones) {
            html += '<div class="gc-detalle-row"><span class="gc-detalle-label">Observaciones:</span><span class="gc-detalle-valor">' + row.observaciones + '</span></div>';
        }
        html += '</div></div>';
        html += '<div class="gc-section"><div class="gc-section-title"><i class="fas fa-list"></i> Detalle</div>';
        html += '<div class="gc-detalle-table-wrap" style="max-height:300px;overflow-y:auto">' + detHtml + '</div>';
        html += '</div></div>';

        var botones = [];
        if (row.estado === 'P') {
            botones.push({ texto: 'Aprobar', tipo: 'primario', accion: function() { Modal.cerrar(); self.cambiarEstado(idGuia, 'A'); } });
            botones.push({ texto: 'Anular', tipo: 'secundario', accion: function() { Modal.cerrar(); self.cambiarEstado(idGuia, 'N'); } });
        }
        botones.push({ texto: 'Cerrar', tipo: 'secundario', accion: function() { Modal.cerrar(); } });

        Modal.abrir({ titulo: 'Detalle de Guía de Salida', ancho: '780px', contenido: html, botones: botones });

        var printBtn = document.getElementById('gsViewPrintBtn');
        if (printBtn) {
            printBtn.onclick = function() { self.imprimirDetalleVer(idGuia); };
        }
    } catch (error) {
        Mensaje.error({ titulo: 'Error', texto: 'Error al cargar detalle' });
    }
};

GuiasSalida.imprimirDetalleVer = async function(idGuia) {
    var self = this;
    if (!self.sesion) self.cargarSesion();
    try {
        var res = await fetch(self.API_URL + self.endpoint + '/' + idGuia + '?id_empresa=' + (self.sesion ? self.sesion.id_empresa : ''));
        var data = await res.json();
        if (!data.ok) { Mensaje.error({ titulo: 'Error', texto: data.mensaje || 'No se pudo cargar la guía' }); return; }
        var row = data.data;
        var fmtFecha = function(iso) {
            if (!iso) return '';
            var d = new Date(iso);
            return ('0' + d.getDate()).slice(-2) + '/' + ('0' + (d.getMonth() + 1)).slice(-2) + '/' + d.getFullYear();
        };
        var estados = { P: 'Pendiente', A: 'Aprobado', N: 'Anulado' };
        var detHtml = '<div style="border-radius:8px;overflow:hidden"><table><thead><tr style="clip-path:inset(0 round 6px 6px 0 0)"><th>Código</th><th>Artículo</th><th>Und</th><th style="text-align:right">Cantidad</th><th style="text-align:right">Costo Unit.</th></tr></thead><tbody>';
        if (row.detalle) {
            row.detalle.forEach(function(d) {
                detHtml += '<tr><td>' + (d.cod_articulo || '') + '</td><td>' + (d.nombre || '') + '</td><td>' + (d.cod_unidad || '') + '</td><td style="text-align:right">' + (parseFloat(d.cantidad) || 0).toFixed(3) + '</td><td style="text-align:right">' + (parseFloat(d.costo_unitario) || 0).toFixed(4) + '</td></tr>';
            });
        }
        detHtml += '</tbody></table></div>';
        var empresa = self.sesion?.empresa_razon || '';
        var ph = self._fechaHoraStr();
        var html = '<div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;border-bottom:2px solid #1A4480;padding-bottom:10px">';
        html += '<div><div style="font-size:1.1rem;font-weight:700;color:#1A4480">Guía de Salida</div>';
        if (empresa) html += '<div style="font-size:0.8rem;color:#1A4480;font-weight:600;margin-top:4px">' + empresa + '</div>';
        html += '</div><div style="text-align:right;font-size:0.75rem;color:#475569">' + ph + '</div></div>';
        html += '<table style="width:100%;font-size:0.75rem;margin-bottom:12px;border-collapse:collapse">';
        html += '<tr><td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap;width:1%">N° Guía:</td><td style="padding:2px 8px">' + (row.cod_guia || '') + '</td>';
        html += '<td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap;width:1%">Fecha:</td><td style="padding:2px 8px">' + fmtFecha(row.fecha_guia) + '</td></tr>';
        html += '<tr><td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap">Serie/Número:</td><td style="padding:2px 8px">' + (row.serie || '-') + ' - ' + (row.numero || '-') + '</td>';
        html += '<td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap">Estado:</td><td style="padding:2px 8px">' + (estados[row.estado] || row.estado) + '</td></tr>';
        html += '<tr><td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap">Cliente:</td><td style="padding:2px 8px" colspan="3">' + (row.cliente_razon_social || '') + '</td></tr>';
        html += '<tr><td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap">Motivo:</td><td style="padding:2px 8px">' + (row.motivo_nombre || '-').toUpperCase() + '</td>';
        if (row.direccion_partida) html += '<td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap">Dir. Partida:</td><td style="padding:2px 8px">' + row.direccion_partida.toUpperCase() + '</td></tr>';
        if (row.direccion_llegada) html += '<tr><td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap">Dir. Llegada:</td><td style="padding:2px 8px" colspan="3">' + row.direccion_llegada.toUpperCase() + '</td></tr>';
        html += '</table>';
        html += '</div>';
        html += detHtml;
        self._imprimirSrcdoc(html, 'Guía Salida ' + (row.cod_guia || ''));
    } catch (error) {
        console.error('[GUIAS_SALIDA] Error imprimirDetalleVer:', error);
        Mensaje.error({ titulo: 'Error', texto: 'Error al generar impresión: ' + (error.message || '') });
    }
};

GuiasSalida.imprimirDetalle = function() {
    var self = this;
    var detHtml = '<div style="border-radius:8px;overflow:hidden"><table><thead><tr style="clip-path:inset(0 round 6px 6px 0 0)"><th>Código</th><th>Artículo</th><th>Und</th><th style="text-align:right">Cantidad</th><th style="text-align:right">Costo Unit.</th></tr></thead><tbody>';
    self.detalleItems.forEach(function(d) {
        detHtml += '<tr><td>' + (d.cod_articulo || '') + '</td><td>' + (d.nombre || '') + '</td><td>' + (d.cod_unidad || '') + '</td><td style="text-align:right">' + (parseFloat(d.cantidad) || 0).toFixed(3) + '</td><td style="text-align:right">' + (parseFloat(d.costo_unitario) || 0).toFixed(4) + '</td></tr>';
    });
    detHtml += '</tbody></table></div>';
    var empresa = self.sesion?.empresa_razon || '';
    var ph = self._fechaHoraStr();
    var fecha = document.getElementById('gsFormFecha')?.value || '';
    if (fecha) { var fd = new Date(fecha + 'T12:00:00'); fecha = ('0' + fd.getDate()).slice(-2) + '/' + ('0' + (fd.getMonth() + 1)).slice(-2) + '/' + fd.getFullYear(); }
    var serie = document.getElementById('gsFormSerie')?.value || '';
    var numero = document.getElementById('gsFormNumero')?.value || '';
    var cliente = document.getElementById('gsFormCliente')?.value || '';
    var motivo = document.getElementById('gsFormMotivo')?.selectedOptions?.[0]?.text || '';
    var obs = document.getElementById('gsFormObs')?.value || '';
    var transportista = document.getElementById('gsFormTransportista')?.value || '';
    var vehiculo = document.getElementById('gsFormVehiculo')?.value || '';
    var conductor = document.getElementById('gsFormConductor')?.value || '';
    var dirPartida = (document.getElementById('gsFormDirPartida')?.value || '').toUpperCase();
    var dirLlegada = (document.getElementById('gsFormDirLlegada')?.value || '').toUpperCase();

    var html = '<div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;border-bottom:2px solid #1A4480;padding-bottom:10px">';
    html += '<div><div style="font-size:1.1rem;font-weight:700;color:#1A4480">Guía de Salida (Borrador)</div>';
    if (empresa) html += '<div style="font-size:0.8rem;color:#1A4480;font-weight:600;margin-top:4px">' + empresa + '</div>';
    html += '</div><div style="text-align:right;font-size:0.75rem;color:#475569">' + ph + '</div></div>';
    html += '<table style="width:100%;font-size:0.75rem;margin-bottom:12px;border-collapse:collapse">';
    html += '<tr><td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap;width:1%">N° Guía:</td><td style="padding:2px 8px">' + (serie && numero ? serie + '-' + numero : '-') + '</td>';
    html += '<td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap;width:1%">Fecha:</td><td style="padding:2px 8px">' + fecha + '</td></tr>';
    html += '<tr><td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap">Cliente:</td><td style="padding:2px 8px" colspan="3">' + cliente + '</td></tr>';
    html += '<tr><td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap">Motivo:</td><td style="padding:2px 8px">' + motivo.toUpperCase() + '</td>';
    if (dirPartida) html += '<td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap">Dir. Partida:</td><td style="padding:2px 8px">' + dirPartida + '</td></tr>';
    if (dirLlegada) html += '<tr><td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap">Dir. Llegada:</td><td style="padding:2px 8px" colspan="3">' + dirLlegada + '</td></tr>';
    if (transportista) html += '<tr><td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap">Transportista:</td><td style="padding:2px 8px">' + transportista + '</td>';
    if (vehiculo) html += '<td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap">Vehículo:</td><td style="padding:2px 8px">' + vehiculo + '</td></tr>';
    if (conductor) html += '<tr><td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap">Conductor:</td><td style="padding:2px 8px" colspan="3">' + conductor + '</td></tr>';
    if (obs) html += '<tr><td style="padding:2px 8px;font-weight:600;color:#475569;white-space:nowrap">Observaciones:</td><td style="padding:2px 8px" colspan="3">' + obs + '</td></tr>';
    html += '</table>';
    html += detHtml;
    self._imprimirSrcdoc(html, 'Guía de Salida');
};

GuiasSalida.cambiarEstado = function(id, nuevoEstado) {
    var estados = { A: 'aprobar', N: 'anular' };
    var texto = estados[nuevoEstado] || 'cambiar estado';
    Mensaje.confirmacion({
        titulo: (nuevoEstado === 'A' ? 'Aprobar' : 'Anular') + ' Guía',
        texto: '¿Está seguro de ' + texto + ' esta guía?',
        onAceptar: function() {
            fetch(GuiasSalida.API_URL + '/guias-remision/' + id + '/estado', {
                method: 'PATCH',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ estado: nuevoEstado })
            })
            .then(function(r) { return r.json(); })
            .then(function(res) {
                if (res.ok) {
                    Mensaje.exito({ titulo: 'Estado', texto: res.mensaje });
                    GuiasSalida.cargarTabla();
                } else {
                    Mensaje.error({ titulo: 'Error', texto: res.mensaje });
                }
            });
        }
    });
};

GuiasSalida.imprimir = async function() {
    var datos = await this.obtenerTodosDatos();
    if (!datos || datos.length === 0) { Mensaje.error({ titulo: 'Imprimir', texto: 'No hay datos para imprimir' }); return; }
    var filtros = [];
    if (Object.keys(this.filtrosColumna).length > 0) {
        for (var k in this.filtrosColumna) {
            filtros.push(k + ': ' + this.filtrosColumna[k]);
        }
    }
    var buscarVal = document.getElementById(this.elementId + 'Buscar');
    if (buscarVal && buscarVal.value.trim()) filtros.push('Búsqueda: ' + buscarVal.value.trim());

    function fmtFecha(iso) {
        if (!iso) return '';
        var d = new Date(iso);
        if (isNaN(d.getTime())) return iso;
        return ('0' + d.getDate()).slice(-2) + '/' + ('0' + (d.getMonth() + 1)).slice(-2) + '/' + d.getFullYear();
    }

    var ahora = new Date();
    var fechaHora = ahora.toLocaleDateString('es-PE', { day: '2-digit', month: '2-digit', year: 'numeric' }) + ' ' + ahora.toLocaleTimeString('es-PE', { hour: '2-digit', minute: '2-digit' });

    var filasHtml = '';
    datos.forEach(function(row) {
        filasHtml += '<tr>';
        GuiasSalida.columns.forEach(function(col, ci) {
            var val = row[col.field];
            if (col.render) val = col.render(row, val);
            else val = (val !== null && val !== undefined) ? String(val) : '-';
            filasHtml += '<td>' + val + '</td>';
        }, GuiasSalida);
        filasHtml += '</tr>';
    });

    var cabecerasHtml = GuiasSalida.columns.map(function(c) { return '<th>' + c.label + '</th>'; }).join('');
    var tablaHtml = '<div style="border-radius:8px;overflow:hidden"><table><thead><tr style="clip-path:inset(0 round 6px 6px 0 0)">' + cabecerasHtml + '</tr></thead><tbody>' + filasHtml + '</tbody></table></div>';

    var di = await TablaGenerica._obtenerDatosImpresion();
    var ph = this._fechaHoraStr();
    var printHtml = '<div class="prov-print-header"><div>' + di.logoHtml + '<div style="display:inline-block;vertical-align:middle"><div class="prov-print-titulo">Guías de Salida</div>' + (di.empresa ? '<div style="font-size:0.8rem;color:#1A4480;font-weight:600;margin-top:4px">' + di.empresa + '</div>' : '') + (di.sucursal ? '<div style="font-size:0.7rem;color:#64748B;margin-top:1px">' + di.sucursal + '</div>' : '') + '</div></div><div class="prov-print-fecha">' + ph + '</div></div>';
    if (filtros.length > 0) printHtml += '<div class="prov-print-filtros">Filtros: ' + filtros.join(' | ') + '</div>';
    printHtml += tablaHtml + '<div class="prov-print-total">Total: ' + datos.length + ' registro(s)</div>';
    this._imprimirSrcdoc(printHtml, 'Guías de Salida');
};

GuiasSalida.init({
    title: 'Guías de Salida',
    icon: 'fa-truck',
    idSingular: 'Guía Salida',
    idField: 'id_guia',
    endpoint: '/guias-remision',
    sortDefault: 'fecha_guia',
    limite: 50,
    searchPlaceholder: 'Buscar por N° Guía o cliente...',
    filtroEstado: false,
    showEstado: false,
    showAcciones: true,
    exportFileName: 'GuiasSalida',
    elementId: 'pageGuiasSalida',
    menuPage: 'GuiasSalida',
    renderFormulario: GuiasSalida.renderFormulario,
    onCargarFormulario: GuiasSalida.onCargarFormulario,
    onGuardar: GuiasSalida.onGuardar,
    columnFilters: {},
    columns: [
        { field: 'serie', label: 'Serie', sortable: true, filterable: true, width: '6%',
            render: function(row) { return row.serie || '-'; }
        },
        { field: 'numero', label: 'Número', sortable: true, filterable: true, width: '8%',
            render: function(row) { return row.numero || '-'; }
        },
        { field: 'fecha_guia', label: 'Fecha', sortable: true, filterable: false, width: '9%',
            render: function(row) {
                if (!row.fecha_guia) return '';
                var d = new Date(row.fecha_guia);
                if (isNaN(d.getTime())) return row.fecha_guia;
                return ('0' + d.getDate()).slice(-2) + '/' + ('0' + (d.getMonth() + 1)).slice(-2) + '/' + d.getFullYear();
            }
        },
        { field: 'cliente_razon_social', label: 'Cliente', sortable: true, filterable: true, width: '35%' },
        { field: 'motivo_nombre', label: 'Motivo', sortable: true, filterable: true, width: '12%',
            render: function(row) { return (row.motivo_nombre || '-').toUpperCase(); }
        },
        { field: 'estado', label: 'Estado', sortable: true, filterable: true, width: '8%',
            render: function(row) {
                var estados = { P: 'Pendiente', A: 'Aprobado', N: 'Anulado' };
                return estados[row.estado] || row.estado;
            }
        }
    ],
    onEliminar: function(idGuia) {
        Mensaje.confirmacion({
            titulo: 'Eliminar Guía',
            texto: '¿Está seguro de eliminar esta guía de salida?',
            onAceptar: function() {
                fetch(GuiasSalida.API_URL + GuiasSalida.endpoint + '/' + idGuia + '?id_empresa=' + (GuiasSalida.sesion ? GuiasSalida.sesion.id_empresa : ''), { method: 'DELETE' })
                    .then(function(r) { return r.json(); })
                    .then(function(res) {
                        if (res.ok) {
                            Mensaje.exito({ titulo: 'Eliminado', texto: res.mensaje });
                            GuiasSalida.paginaActual = 1;
                            GuiasSalida.cargarTabla();
                        } else {
                            Mensaje.error({ titulo: 'Error', texto: res.mensaje });
                        }
                    })
                    .catch(function() { Mensaje.error({ titulo: 'Error', texto: 'Error al eliminar' }); });
            }
        });
    }
});
