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

ConsultaGuiasSalida._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' });
};

ConsultaGuiasSalida._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-info{text-align:right}' +
        '.prov-print-fecha{font-size:0.65rem;color:#64748B;margin-bottom:4px}' +
        '.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-footer{text-align:center;font-size:0.65rem;color:#94A3B8;margin-top:20px;border-top:1px solid #E2E8F0;padding-top:8px}' +
        '@page{margin:12mm;@bottom-center{content:counter(page);font-family:"Plus Jakarta Sans",sans-serif;font-size:0.65rem;color:#94A3B8}}' +
        '<' + '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('cons-guia-salida-print-frame');
    if (oldIframe) document.body.removeChild(oldIframe);
    var iframe = document.createElement('iframe');
    iframe.id = 'cons-guia-salida-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 _consGuiaSalMostrarVista = ConsultaGuiasSalida.mostrarVista;
ConsultaGuiasSalida.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);
    };
    _consGuiaSalMostrarVista.call(this);
    this.cargarTabla = _origCargar;

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

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

    var hoy = new Date();
    var fmtHoy = hoy.toISOString().split('T')[0];
    var fmtMes = new Date(hoy.getFullYear(), hoy.getMonth(), 1).toISOString().split('T')[0];

    var bar = document.createElement('div');
    bar.id = 'consGuiaSalFechaBar';
    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="consGuiaSalFechaDesde" 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="consGuiaSalFechaHasta" class="prov-input" value="' + fmtHoy + '" style="width:150px;padding:5px 8px;font-size:0.8rem">' +
        '<button class="btn-prov btn-prov-primario" id="consGuiaSalBtnLimpiarFecha" style="padding:5px 14px;font-size:0.78rem">Limpiar</button>';

    wrap.parentNode.insertBefore(bar, wrap);

    function recargar() {
        self.paginaActual = 1;
        self.cargarTabla();
    }
    document.getElementById('consGuiaSalFechaDesde').addEventListener('change', recargar);
    document.getElementById('consGuiaSalFechaHasta').addEventListener('change', recargar);
    document.getElementById('consGuiaSalBtnLimpiarFecha').addEventListener('click', function() {
        document.getElementById('consGuiaSalFechaDesde').value = fmtMes;
        document.getElementById('consGuiaSalFechaHasta').value = fmtHoy;
        recargar();
    });

    self.cargarTabla();
};

ConsultaGuiasSalida.obtenerParamsExtra = function() {
    var desde = document.getElementById('consGuiaSalFechaDesde');
    var hasta = document.getElementById('consGuiaSalFechaHasta');
    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;
};

var _consGuiaSalCargarTabla = ConsultaGuiasSalida.cargarTabla;
ConsultaGuiasSalida.cargarTabla = function() {
    var self = this;
    _consGuiaSalCargarTabla.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', C: 'prov-badge-cerrado', 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>';
            }

            tr.style.cursor = 'pointer';
            tr.addEventListener('dblclick', function() {
                self.verDetalle(rowData.id_guia);
            });
        });
    });
};

ConsultaGuiasSalida.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 }); 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', C: 'Cerrado', N: 'Anulado' };
        var html = '<div class="ped-detalle-view">';

        html += '<div class="ped-section"><div class="ped-section-title"><i class="fas fa-file-invoice"></i> Guía de Salida<button class="ped-detalle-print-btn" id="consGuiaSalViewPrintBtn" title="Imprimir"><i class="fas fa-print"></i></button></div>';
        html += '<div class="ped-detalle-grid oc-detalle-grid">';
        html += '<div class="ped-detalle-row"><span class="ped-detalle-label">N° Guía:</span><span class="ped-detalle-valor">' + (row.cod_guia || '-') + '</span></div>';
        html += '<div class="ped-detalle-row"><span class="ped-detalle-label">Fecha:</span><span class="ped-detalle-valor">' + fmtFecha(row.fecha_guia) + '</span></div>';
        html += '<div class="ped-detalle-row"><span class="ped-detalle-label">Serie / Número:</span><span class="ped-detalle-valor">' + (row.serie || '-') + ' - ' + (row.numero || '-') + '</span></div>';
        html += '<div class="ped-detalle-row"><span class="ped-detalle-label">Estado:</span><span class="ped-detalle-valor">' + (estados[row.estado] || row.estado) + '</span></div>';
        html += '<div class="ped-detalle-row"><span class="ped-detalle-label">Cliente:</span><span class="ped-detalle-valor">' + (row.cliente_razon_social || '-') + '</span></div>';
        html += '<div class="ped-detalle-row"><span class="ped-detalle-label">Motivo:</span><span class="ped-detalle-valor">' + (row.motivo_nombre || '-').toUpperCase() + '</span></div>';
        if (row.transportista_razon_social) {
            html += '<div class="ped-detalle-row"><span class="ped-detalle-label">Transportista:</span><span class="ped-detalle-valor">' + row.transportista_razon_social + '</span></div>';
        }
        if (row.vehiculo_placa) {
            html += '<div class="ped-detalle-row"><span class="ped-detalle-label">Vehículo:</span><span class="ped-detalle-valor">' + row.vehiculo_placa + '</span></div>';
        }
        if (row.conductor_nombre) {
            html += '<div class="ped-detalle-row"><span class="ped-detalle-label">Conductor:</span><span class="ped-detalle-valor">' + row.conductor_nombre + (row.conductor_dni ? ' - DNI: ' + row.conductor_dni : '') + '</span></div>';
        }
        if (row.direccion_partida) {
            html += '<div class="ped-detalle-row"><span class="ped-detalle-label">Dirección Partida:</span><span class="ped-detalle-valor">' + row.direccion_partida.toUpperCase() + '</span></div>';
        }
        if (row.direccion_llegada) {
            html += '<div class="ped-detalle-row"><span class="ped-detalle-label">Dirección Llegada:</span><span class="ped-detalle-valor">' + row.direccion_llegada.toUpperCase() + '</span></div>';
        }
        if (row.observaciones) {
            html += '<div class="ped-detalle-row"><span class="ped-detalle-label">Observaciones:</span><span class="ped-detalle-valor">' + row.observaciones + '</span></div>';
        }
        html += '</div></div>';

        html += '<div class="ped-section"><div class="ped-section-title"><i class="fas fa-list"></i> Detalle</div>';
        html += '<table class="gc-detalle-table"><thead><tr><th>Serie</th><th>Número</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.length > 0) {
            row.detalle.forEach(function(d) {
                html += '<tr><td>' + (row.serie || '-') + '</td><td>' + (row.numero || '-') + '</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>';
            });
        } else {
            html += '<tr><td colspan="6" style="text-align:center;color:#94a3b8">Sin detalle</td></tr>';
        }
        html += '</tbody></table>';
        html += '</div>';
        html += '</div>';

        Modal.abrir({
            titulo: 'Detalle de Guía ' + (row.cod_guia || ''),
            ancho: '800px',
            contenido: html,
            botones: [
                { texto: 'Cerrar', tipo: 'primario', accion: function() { Modal.cerrar(); } }
            ],
            onAbierto: function() {
                var btn = document.getElementById('consGuiaSalViewPrintBtn');
                if (btn) {
                    btn.onclick = function() { self.imprimirDetalleVer(idGuia); };
                }
            }
        });
    } catch (error) {
        Mensaje.error({ titulo: 'Error', texto: 'Error al cargar detalle de guía' });
    }
};

ConsultaGuiasSalida.imprimirDetalleVer = function(idGuia) {
    var self = this;
    if (!self.sesion) self.cargarSesion();
    try {
        fetch(self.API_URL + self.endpoint + '/' + idGuia + '?id_empresa=' + (self.sesion ? self.sesion.id_empresa : ''))
        .then(function(r) { return r.json(); })
        .then(function(res) {
            if (!res.ok) return;
            var row = res.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>Serie</th><th>Número</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>' + (row.serie || '-') + '</td><td>' + (row.numero || '-') + '</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) {
        Mensaje.error({ titulo: 'Error', texto: 'Error al generar impresión' });
    }
};

var _consGuiaSalImprimir = ConsultaGuiasSalida.imprimir;
ConsultaGuiasSalida.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) {
            if (k === 'estado') {
                var estMap = { P: 'Pendiente', A: 'Aprobado', C: 'Cerrado', N: 'Anulado' };
                filtros.push('Estado: ' + this.filtrosColumna[k].split(',').map(function(v) { return estMap[v.trim()] || v.trim(); }).join(', '));
            } else {
                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 p = iso.split('-');
        return p[2] + '/' + p[1] + '/' + p[0];
    }
    var desde = document.getElementById('consGuiaSalFechaDesde');
    var hasta = document.getElementById('consGuiaSalFechaHasta');
    if (desde && desde.value && hasta && hasta.value) {
        filtros.push('Desde: ' + fmtFecha(desde.value) + ' - Hasta: ' + fmtFecha(hasta.value));
    } else {
        if (desde && desde.value) filtros.push('Desde: ' + fmtFecha(desde.value));
        if (hasta && hasta.value) filtros.push('Hasta: ' + fmtFecha(hasta.value));
    }

    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>';
        this.columns.forEach(function(col) {
            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>';
        }, this);
        filasHtml += '</tr>';
    }, this);

    var cabecerasHtml = this.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 empresaHtml = di.empresa ? '<div style="font-size:0.8rem;color:#1A4480;font-weight:600;margin-top:4px">' + di.empresa + '</div>' : '';
    var sucursalHtml = di.sucursal ? '<div style="font-size:0.7rem;color:#64748B;margin-top:1px">' + di.sucursal + '</div>' : '';
    var printHtml = '<div class="prov-print-header">' +
            '<div>' + di.logoHtml + '<div style="display:inline-block;vertical-align:middle"><div class="prov-print-titulo">' + this.title + '</div>' + empresaHtml + sucursalHtml + '</div></div>' +
            '<div class="prov-print-info"><div class="prov-print-fecha">' + fechaHora + '</div></div>' +
        '</div>';

    if (filtros.length > 0) {
        printHtml += '<div class="prov-print-filtros">' + filtros.join(' | ') + '</div>';
    }

    printHtml += tablaHtml +
        '<div class="prov-print-total">Total: ' + datos.length + ' registro(s)</div>';

    this._imprimirSrcdoc(printHtml, this.title);
};

ConsultaGuiasSalida.init({
    title: 'Consultar Guías de Salida',
    icon: 'fa-clipboard-list',
    idSingular: 'Guía',
    idField: 'id_guia',
    endpoint: '/guias-remision',
    sortDefault: 'fecha_guia',
    limite: 50,
    searchPlaceholder: 'Buscar por serie, número, cliente...',
    filtroEstado: false,
    showEstado: false,
    showAcciones: false,
    showCrear: false,
    exportFileName: 'ConsultaGuiasSalida',
    elementId: 'pageConsGuiasSalida',
    menuPage: 'ConsGuiasSalida',
    columnFilters: {},
    columns: [
        { field: 'serie', label: 'Serie', sortable: true, filterable: true, width: '10%' },
        { field: 'numero', label: 'Número', sortable: true, filterable: true, width: '10%' },
        { field: 'fecha_guia', label: 'Fecha', sortable: true, filterable: false, width: '10%',
            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: '28%' },
        { field: 'motivo_nombre', label: 'Motivo', sortable: true, filterable: true, width: '18%',
            render: function(row) { return (row.motivo_nombre || '').toUpperCase(); }
        },
        { field: 'estado', label: 'Estado', sortable: true, filterable: true, width: '10%',
            render: function(row) {
                var estados = { P: 'Pendiente', A: 'Aprobado', C: 'Cerrado', N: 'Anulado' };
                return estados[row.estado] || row.estado;
            }
        }
    ],
    onEliminar: null
});
