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

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

ConsultaPedidos._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-ped-print-frame');
    if (oldIframe) document.body.removeChild(oldIframe);
    var iframe = document.createElement('iframe');
    iframe.id = 'cons-ped-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 _consPedMostrarVista = ConsultaPedidos.mostrarVista;
ConsultaPedidos.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);
    };
    _consPedMostrarVista.call(this);
    this.cargarTabla = _origCargar;

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

    var oldBar = document.getElementById('consPedFechaBar');
    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 = 'consPedFechaBar';
    var esMovil = window.innerWidth <= 768;
    if (esMovil) {
        bar.style.cssText = 'display:flex;flex-direction:column;gap:6px;padding:6px 8px;background:#f8fafc;border-bottom:1px solid #e2e8f0;max-width:100%;box-sizing:border-box';
        bar.innerHTML =
            '<div style="display:flex;align-items:center;gap:6px;width:100%">' +
                '<i class="fas fa-calendar-alt" style="color:#1A4480;font-size:0.82rem;flex-shrink:0"></i>' +
                '<span style="font-size:0.78rem;font-weight:600;color:#475569;flex-shrink:0">Desde:</span>' +
                '<input type="date" id="consPedFechaDesde" class="prov-input" style="flex:1;min-width:0;font-size:0.78rem;padding:2px 4px;width:100%" value="' + fmtMes + '">' +
            '</div>' +
            '<div style="display:flex;align-items:center;gap:6px;width:100%">' +
                '<span style="font-size:0.78rem;font-weight:600;color:#475569;flex-shrink:0">Hasta:</span>' +
                '<input type="date" id="consPedFechaHasta" class="prov-input" style="flex:1;min-width:0;font-size:0.78rem;padding:2px 4px;width:100%" value="' + fmtHoy + '">' +
                '<button class="btn-prov btn-prov-primario" id="consPedBtnLimpiarFecha" style="flex-shrink:0;font-size:0.7rem;padding:4px 10px">Limpiar</button>' +
            '</div>';
    } else {
        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;flex-shrink:0"></i>' +
            '<span style="color:#475569;font-weight:600;flex-shrink:0">Desde:</span>' +
            '<input type="date" id="consPedFechaDesde" class="prov-input" style="width:150px;padding:5px 8px;font-size:0.8rem" value="' + fmtMes + '">' +
            '<span style="color:#475569;font-weight:600;flex-shrink:0">Hasta:</span>' +
            '<input type="date" id="consPedFechaHasta" class="prov-input" style="width:150px;padding:5px 8px;font-size:0.8rem" value="' + fmtHoy + '">' +
            '<button class="btn-prov btn-prov-primario" id="consPedBtnLimpiarFecha" style="padding:5px 14px;font-size:0.78rem;flex-shrink:0">Limpiar</button>';
    }

    wrap.parentNode.insertBefore(bar, wrap);

    function recargar() {
        self.paginaActual = 1;
        self.cargarTabla();
    }
    document.getElementById('consPedFechaDesde').addEventListener('change', recargar);
    document.getElementById('consPedFechaHasta').addEventListener('change', recargar);
    document.getElementById('consPedBtnLimpiarFecha').addEventListener('click', function() {
        document.getElementById('consPedFechaDesde').value = fmtMes;
        document.getElementById('consPedFechaHasta').value = fmtHoy;
        recargar();
    });

    self.cargarTabla();
};

ConsultaPedidos.obtenerParamsExtra = function() {
    var desde = document.getElementById('consPedFechaDesde');
    var hasta = document.getElementById('consPedFechaHasta');
    var s = '';
    if (desde && desde.value) s += '&fecha_desde=' + encodeURIComponent(desde.value);
    if (hasta && hasta.value) s += '&fecha_hasta=' + encodeURIComponent(hasta.value);
    return s;
};

var _consPedCargarTabla = ConsultaPedidos.cargarTabla;
ConsultaPedidos.cargarTabla = function() {
    var self = this;
    _consPedCargarTabla.call(this).then(function() {
        var wrap = document.getElementById(self.elementId + 'TablaWrap');
        if (!wrap || !self.currentData) return;
        var rows = wrap.querySelectorAll('table tbody tr');

        // Badges + double-click
        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.num_ped, rowData.ejercicio);
            });
        });

        // Context menu for O.C. column
        var ocColIdx = self.columns.findIndex(function(c) { return c.field === 'num_ocs'; });
        if (ocColIdx >= 0) {
            var ctxMenu = document.getElementById('consPedCtxMenu');
            if (!ctxMenu) {
                ctxMenu = document.createElement('div');
                ctxMenu.id = 'consPedCtxMenu';
                ctxMenu.style.cssText = 'position:fixed;z-index:99999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.12);padding:4px 0;display:none;min-width:180px';
                document.body.appendChild(ctxMenu);
                document.addEventListener('click', function(e) {
                    if (!ctxMenu.contains(e.target)) ctxMenu.style.display = 'none';
                });
                document.addEventListener('contextmenu', function(e) {
                    if (!ctxMenu.contains(e.target)) ctxMenu.style.display = 'none';
                });
            }
            rows.forEach(function(tr) {
                var td = tr.querySelectorAll('td')[ocColIdx];
                if (!td) return;
                td.style.cursor = 'context-menu';
                td.addEventListener('contextmenu', function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    var ocs = (this.textContent || '').trim();
                    if (!ocs || ocs === '-') return;
                    var list = ocs.split(',').map(function(s) { return s.trim(); }).filter(Boolean);
                    var html = '';
                    list.forEach(function(oc) {
                        html += '<div class="cons-ped-ctx-item" data-oc="' + oc + '" data-action="ver" style="padding:8px 14px;cursor:pointer;font-size:0.78rem;color:#1e293b;display:flex;align-items:center;gap:8px"><i class="fas fa-eye" style="color:#1A4480;width:16px;text-align:center"></i> Ver OC ' + oc + '</div>';
                        html += '<div class="cons-ped-ctx-item" data-oc="' + oc + '" data-action="imprimir" style="padding:8px 14px;cursor:pointer;font-size:0.78rem;color:#1e293b;display:flex;align-items:center;gap:8px"><i class="fas fa-print" style="color:#64748b;width:16px;text-align:center"></i> Imprimir OC ' + oc + '</div>';
                        html += '<div class="cons-ped-ctx-divider" style="height:1px;background:#e2e8f0;margin:2px 0"></div>';
                    });
                    ctxMenu.innerHTML = html;
                    ctxMenu.style.left = e.clientX + 'px';
                    ctxMenu.style.top = e.clientY + 'px';
                    ctxMenu.style.display = 'block';
                    requestAnimationFrame(function() {
                        var r = ctxMenu.getBoundingClientRect();
                        if (r.right > window.innerWidth) ctxMenu.style.left = Math.max(0, e.clientX - r.width) + 'px';
                        if (r.bottom > window.innerHeight) ctxMenu.style.top = Math.max(0, e.clientY - r.height) + 'px';
                    });
                    ctxMenu.querySelectorAll('.cons-ped-ctx-item').forEach(function(item) {
                        item.addEventListener('click', function(ev) {
                            ev.stopPropagation();
                            ctxMenu.style.display = 'none';
                            var ocParts = this.dataset.oc.split('-');
                            var ejercicio = ocParts.length > 1 ? ocParts[0] : '';
                            var numOc = ocParts.length > 1 ? ocParts.slice(1).join('-') : this.dataset.oc;
                            if (this.dataset.action === 'ver') {
                                if (typeof ConsultaOC !== 'undefined') ConsultaOC.verDetalle(numOc, ejercicio);
                            } else if (this.dataset.action === 'imprimir') {
                                if (typeof ConsultaOC !== 'undefined') ConsultaOC.imprimirDetalleVer(numOc, ejercicio);
                            }
                        });
                        item.addEventListener('mouseenter', function() { this.style.background = '#f1f5f9'; });
                        item.addEventListener('mouseleave', function() { this.style.background = ''; });
                    });
                    var lastDiv = ctxMenu.querySelector('.cons-ped-ctx-divider:last-child');
                    if (lastDiv) lastDiv.remove();
                });
            });
        }
    });
};

ConsultaPedidos.verDetalle = async function(numPed, ejercicio) {
    var self = this;
    try {
        var params = '?id_empresa=' + (self.sesion ? self.sesion.id_empresa : '');
        if (ejercicio) params += '&ejercicio=' + ejercicio;
        var res = await fetch(self.API_URL + self.endpoint + '/' + numPed + params);
        var data = await res.json();
        if (!data.ok) { Mensaje.error({ titulo: 'Error', texto: data.mensaje }); return; }
        var row = data.data;
        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> Cabecera<button class="ped-detalle-print-btn oc-excel-btn" id="consPedViewExcelBtn" title="Exportar Excel" style="color:#059669"><i class="fas fa-file-excel" style="color:#059669"></i></button><button class="ped-detalle-print-btn" id="consPedViewPrintBtn" title="Imprimir" style="color:#1A4480"><i class="fas fa-print" style="color:#1A4480"></i></button></div>';
        html += '<div class="ped-detalle-grid">';
        html += '<div class="ped-detalle-row"><span class="ped-detalle-label">N° Pedido:</span><span class="ped-detalle-valor">' + (row.num_ped || '-') + '</span></div>';
        html += '<div class="ped-detalle-row"><span class="ped-detalle-label">Fecha:</span><span class="ped-detalle-valor">' + (row.fecha_pedido ? new Date(row.fecha_pedido).toLocaleDateString('es-PE') : '-') + '</span></div>';
        html += '<div class="ped-detalle-row"><span class="ped-detalle-label">Proveedor:</span><span class="ped-detalle-valor">' + (row.proveedor_razon_social || '-') + '</span></div>';
        html += '<div class="ped-detalle-row"><span class="ped-detalle-label">Tipo:</span><span class="ped-detalle-valor">' + (row.tipo === 'M' ? 'Materiales' : 'Gastos') + '</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">OC Relacionada:</span><span class="ped-detalle-valor" id="consPedOcRelacionada"><i class="fas fa-spinner fa-spin"></i></span></div>';
        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="ped-detalle-table"><thead><tr><th>Codigo</th><th>Articulo</th><th style="text-align:right">Cantidad</th></tr></thead><tbody>';
        if (row.detalle && row.detalle.length > 0) {
            row.detalle.forEach(function(d) {
                html += '<tr><td>' + (d.cod_articulo || '') + '</td><td>' + (d.nombre || '') + '</td><td style="text-align:right">' + (parseFloat(d.cantidad) || 0).toFixed(2) + '</td></tr>';
            });
        } else {
            html += '<tr><td colspan="3" style="text-align:center;color:#94a3b8">Sin detalle</td></tr>';
        }
        html += '</tbody></table></div>';
        html += '</div>';

        Modal.abrir({
            titulo: 'Detalle de Pedido ' + numPed,
            ancho: '700px',
            contenido: html,
            botones: [
                { texto: 'Cerrar', tipo: 'primario', accion: function() { Modal.cerrar(); } }
            ],
            onAbierto: function() {
                var btn = document.getElementById('consPedViewPrintBtn');
                if (btn) {
                    btn.onclick = function() { self.imprimirDetalleVer(numPed); };
                }
                var btnExcel = document.getElementById('consPedViewExcelBtn');
                if (btnExcel) {
                    btnExcel.onclick = function() { self.exportarExcelVer(numPed); };
                }
                fetch(self.API_URL + self.endpoint + '/' + numPed + '/ocs?id_empresa=' + (self.sesion ? self.sesion.id_empresa : ''))
                    .then(function(r) { return r.json(); })
                    .then(function(res) {
                        var el = document.getElementById('consPedOcRelacionada');
                        if (!el) return;
                        if (res.ok && res.data && res.data.length > 0) {
                            el.innerHTML = res.data.map(function(oc) { return '<a href="#" class="ped-oc-link" data-oc="' + oc + '">' + oc + '</a>'; }).join(', ');
                            el.querySelectorAll('.ped-oc-link').forEach(function(a) {
                                a.addEventListener('click', function(e) {
                                    e.preventDefault();
                                    Modal.cerrar();
                                    if (typeof OrdenesCompra !== 'undefined') OrdenesCompra.verDetalle(this.dataset.oc);
                                });
                            });
                        } else {
                            el.innerHTML = '<span style="color:#94a3b8">Ninguna</span>';
                        }
                    })
                    .catch(function() {
                        var el = document.getElementById('consPedOcRelacionada');
                        if (el) el.innerHTML = '<span style="color:#ef4444">Error</span>';
                    });
            }
        });
    } catch (error) {
        Mensaje.error({ titulo: 'Error', texto: 'Error al cargar detalle del pedido' });
    }
};

ConsultaPedidos.imprimirDetalleVer = function(numPed, ejercicio) {
    var self = this;
    var empresa = this.sesion?.empresa_razon || '';
    var params = '?id_empresa=' + (self.sesion ? self.sesion.id_empresa : '');
    if (ejercicio) params += '&ejercicio=' + ejercicio;
    fetch(self.API_URL + self.endpoint + '/' + numPed + params)
        .then(function(r) { return r.json(); })
        .then(function(res) {
            if (!res.ok) return;
            var row = res.data;
            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 filas = '';
            if (row.detalle) {
                row.detalle.forEach(function(d) {
                    filas += '<tr><td>' + (d.cod_articulo || '') + '</td><td>' + (d.nombre || '') + '</td><td style="text-align:right">' + (parseFloat(d.cantidad) || 0).toFixed(2) + '</td></tr>';
                });
            }
            var estados = { P: 'Pendiente', A: 'Aprobado', C: 'Cerrado', N: 'Anulado' };
            var tituloHtml = '<div class="prov-print-header"><div><div class="prov-print-titulo">PEDIDO DE COMPRA</div>' + (empresa ? '<div style="font-size:0.8rem;color:#1A4480;font-weight:600;margin-top:4px">' + empresa + '</div>' : '') + '</div><div class="prov-print-info"><div class="prov-print-fecha">' + fechaHora + '</div></div></div>';
            var infoHtml = '<div style="margin:12px 0;font-size:0.72rem;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:start"><strong style="color:#475569;white-space:nowrap">N\u00B0:</strong><span>' + (row.num_ped || '') + '</span><strong style="color:#475569;white-space:nowrap">Proveedor:</strong><span>' + (row.proveedor_razon_social || '') + '</span><strong style="color:#475569;white-space:nowrap">Fecha:</strong><span>' + (row.fecha_pedido ? new Date(row.fecha_pedido).toLocaleDateString('es-PE') : '') + '</span><strong style="color:#475569;white-space:nowrap">Tipo:</strong><span>' + (row.tipo === 'M' ? 'Materiales' : 'Gastos') + '</span><strong style="color:#475569;white-space:nowrap">Estado:</strong><span>' + (estados[row.estado] || row.estado) + '</span><strong style="color:#475569;white-space:nowrap">Obs:</strong><span>' + (row.observaciones || '-') + '</span></div>';
            var tablaHtml = '<div style="border-radius:8px;overflow:hidden"><table><thead><tr style="clip-path:inset(0 round 6px 6px 0 0)"><th>Codigo</th><th>Articulo</th><th style="text-align:right">Cantidad</th></tr></thead><tbody>' + filas + '</tbody></table></div>';
            self._imprimirSrcdoc(tituloHtml + infoHtml + tablaHtml + '<div class="prov-print-total">Total items: ' + (row.detalle ? row.detalle.length : 0) + '</div>', 'Pedido ' + numPed);
        });
};

ConsultaPedidos._pedLoadExceljs = function(cb) {
    if (typeof ExcelJS !== 'undefined') return cb();
    var s = document.createElement('script');
    s.src = 'https://cdn.jsdelivr.net/npm/exceljs@4.4.0/dist/exceljs.min.js';
    s.onload = cb;
    s.onerror = function() { Mensaje.error({ titulo: 'Excel', texto: 'Error al cargar la librería de Excel' }); };
    document.head.appendChild(s);
};

ConsultaPedidos._pedFmtFecha = function(v) { if (!v) return ''; var p = v.split('-'); return p.length === 3 ? p[2] + '/' + p[1] + '/' + p[0] : v; };

ConsultaPedidos._consPedBuildExcel = function(wb, pedDisplay, empresa, proveedor, fecha, tipo, estado, obs, items) {
    var ws = wb.addWorksheet('Pedido', { pageSetup: { orientation: 'landscape', fitToPage: true, fitToWidth: 1 } });
    ws.columns = [ { width: 14 }, { width: 38 }, { width: 12 } ];
    var r = 1;
    ws.mergeCells(r, 1, r, 3);
    ws.getCell(r, 1).value = empresa;
    ws.getCell(r, 1).style = { font: { bold: true, size: 11, color: { argb: 'FF1A4480' } } };
    r++;
    ws.mergeCells(r, 1, r, 3);
    ws.getCell(r, 1).value = 'PEDIDO DE COMPRA';
    ws.getCell(r, 1).style = { font: { bold: true, size: 14, color: { argb: 'FF1A4480' } } };
    r += 2;

    ws.getCell(r, 1).value = 'N°:'; ws.getCell(r, 1).style = { font: { bold: true, size: 10, color: { argb: 'FF475569' } } };
    ws.getCell(r, 2).value = pedDisplay; ws.getCell(r, 2).style = { font: { size: 10 } };
    r++;
    ws.getCell(r, 1).value = 'Proveedor:'; ws.getCell(r, 1).style = { font: { bold: true, size: 10, color: { argb: 'FF475569' } } };
    ws.getCell(r, 2).value = proveedor; ws.getCell(r, 2).style = { font: { size: 10 } };
    r++;
    ws.getCell(r, 1).value = 'Fecha:'; ws.getCell(r, 1).style = { font: { bold: true, size: 10, color: { argb: 'FF475569' } } };
    ws.getCell(r, 2).value = fecha; ws.getCell(r, 2).style = { font: { size: 10 } };
    r++;
    ws.getCell(r, 1).value = 'Tipo:'; ws.getCell(r, 1).style = { font: { bold: true, size: 10, color: { argb: 'FF475569' } } };
    ws.getCell(r, 2).value = tipo; ws.getCell(r, 2).style = { font: { size: 10 } };
    r++;
    ws.getCell(r, 1).value = 'Estado:'; ws.getCell(r, 1).style = { font: { bold: true, size: 10, color: { argb: 'FF475569' } } };
    ws.getCell(r, 2).value = estado; ws.getCell(r, 2).style = { font: { size: 10 } };
    r++;
    ws.getCell(r, 1).value = 'Obs:'; ws.getCell(r, 1).style = { font: { bold: true, size: 10, color: { argb: 'FF475569' } } };
    ws.getCell(r, 2).value = obs; ws.getCell(r, 2).style = { font: { size: 10 } };
    r += 2;

    var headers = ['CÓDIGO', 'ARTÍCULO', 'CANTIDAD'];
    headers.forEach(function(h, ci) {
        ws.getCell(r, ci + 1).value = h;
        ws.getCell(r, ci + 1).style = { font: { bold: true, size: 10, color: { argb: 'FFFFFFFF' } }, fill: { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FF1A4480' } }, alignment: { horizontal: 'center' }, border: { top: { style: 'thin' }, bottom: { style: 'thin' }, left: { style: 'thin' }, right: { style: 'thin' } } };
    });
    ws.getRow(r).height = 22;
    r++;

    items.forEach(function(item) {
        ws.getCell(r, 1).value = item.cod;
        ws.getCell(r, 1).style = { font: { size: 10 }, border: { top: { style: 'thin', color: { argb: 'FFE2E8F0' } }, bottom: { style: 'thin', color: { argb: 'FFE2E8F0' } } } };
        ws.getCell(r, 2).value = item.nombre;
        ws.getCell(r, 2).style = { font: { size: 10 }, border: { top: { style: 'thin', color: { argb: 'FFE2E8F0' } }, bottom: { style: 'thin', color: { argb: 'FFE2E8F0' } } } };
        ws.getCell(r, 3).value = item.cantidad;
        ws.getCell(r, 3).style = { font: { size: 10, bold: true }, numFmt: '#,##0.00', alignment: { horizontal: 'right' }, border: { top: { style: 'thin', color: { argb: 'FFE2E8F0' } }, bottom: { style: 'thin', color: { argb: 'FFE2E8F0' } } } };
        r++;
    });

    ws.getCell(r, 1).value = 'Total items: ' + items.length;
    ws.getCell(r, 1).style = { font: { bold: true, size: 10, color: { argb: 'FF1A4480' } } };
};

ConsultaPedidos.exportarExcelVer = function(numPed, ejercicio) {
    var self = this;
    this._pedLoadExceljs(function() {
        var params = '?id_empresa=' + (self.sesion ? self.sesion.id_empresa : '');
        if (ejercicio) params += '&ejercicio=' + ejercicio;
        fetch(self.API_URL + self.endpoint + '/' + numPed + params)
            .then(function(r) { return r.json(); })
            .then(function(res) {
                if (!res.ok || !res.data) { Mensaje.error({ titulo: 'Excel', texto: 'Error al obtener datos' }); return; }
                var row = res.data;
                var estados = { P: 'Pendiente', A: 'Aprobado', C: 'Cerrado', N: 'Anulado' };
                var empresa = self.sesion?.empresa_razon || '';
                var pedDisplay = row.ejercicio ? row.ejercicio + '-' + row.num_ped : row.num_ped;
                var fecha = row.fecha_pedido ? self._pedFmtFecha(row.fecha_pedido.split('T')[0]) : '';
                var tipo = row.tipo === 'M' ? 'Materiales' : (row.tipo === 'G' ? 'Gastos' : '');
                var estado = estados[row.estado] || row.estado || '';
                var obs = row.observaciones || '-';

                var items = (row.detalle || []).map(function(d) {
                    return { cod: d.cod_articulo, nombre: d.nombre, cantidad: parseFloat(d.cantidad) || 0 };
                });

                var wb = new ExcelJS.Workbook();
                self._consPedBuildExcel(wb, pedDisplay, empresa, row.proveedor_razon_social || '', fecha, tipo, estado, obs, items);
                wb.xlsx.writeBuffer().then(function(buf) {
                    var blob = new Blob([buf], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
                    var a = document.createElement('a');
                    a.href = URL.createObjectURL(blob);
                    a.download = 'Pedido_' + pedDisplay.replace(/[^a-zA-Z0-9-]/g, '_') + '.xlsx';
                    a.click();
                });
            })
            .catch(function() { Mensaje.error({ titulo: 'Excel', texto: 'Error al obtener datos' }); });
    });
};

var _consPedImprimir = ConsultaPedidos.imprimir;
ConsultaPedidos.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 if (k === 'tipo') {
                filtros.push('Tipo: ' + this.filtrosColumna[k].split(',').map(function(v) { return v.trim() === 'M' ? 'Materiales' : 'Gastos'; }).join(', '));
            } else {
                filtros.push(k + ': ' + this.filtrosColumna[k]);
            }
        }
    }
    var buscarVal = document.getElementById(this.elementId + 'Buscar');
    if (buscarVal && buscarVal.value.trim()) filtros.push('Busqueda: ' + buscarVal.value.trim());

    function fmtFecha(iso) {
        if (!iso) return '';
        var p = iso.split('-');
        return p[2] + '/' + p[1] + '/' + p[0];
    }
    var desde = document.getElementById('consPedFechaDesde');
    var hasta = document.getElementById('consPedFechaHasta');
    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);
};

ConsultaPedidos.init({
    title: 'Consultar Pedidos',
    icon: 'fa-file-invoice',
    idSingular: 'Pedido',
    idField: 'num_ped',
    endpoint: '/pedidos',
    sortDefault: 'fecha_pedido',
    limite: 50,
    searchPlaceholder: 'Buscar por N° pedido o proveedor...',
    filtroEstado: false,
    showEstado: false,
    showAcciones: false,
    showCrear: false,
    exportFileName: 'ConsultaPedidos',
    elementId: 'pageConsPedidos',
    menuPage: 'ConsPedidos',
    columnFilters: {},
    columns: [
        { field: 'ejercicio', label: 'Ejerc.', sortable: true, filterable: true, width: '5%' },
        { field: 'num_ped', label: 'N° Pedido', sortable: true, filterable: true, width: '110px' },
        { field: 'fecha_pedido', label: 'Fecha', sortable: true, filterable: false, width: '110px',
            render: function(row) {
                if (!row.fecha_pedido) return '';
                var d = new Date(row.fecha_pedido);
                if (isNaN(d.getTime())) return row.fecha_pedido;
                return ('0' + d.getDate()).slice(-2) + '/' + ('0' + (d.getMonth() + 1)).slice(-2) + '/' + d.getFullYear();
            }
        },
        { field: 'proveedor_razon_social', label: 'Proveedor', sortable: true, filterable: true },
        { field: 'tipo', label: 'Tipo', sortable: true, filterable: true, width: '80px',
            render: function(row) { return row.tipo === 'M' ? 'Materiales' : 'Gastos'; }
        },
        { field: 'estado', label: 'Estado', sortable: true, filterable: true, width: '110px',
            render: function(row) {
                var estados = { P: 'Pendiente', A: 'Aprobado', C: 'Cerrado', N: 'Anulado' };
                return estados[row.estado] || row.estado;
            }
        },
        { field: 'num_ocs', label: 'O.C.', sortable: true, filterable: false, width: '150px',
            render: function(row) { return row.num_ocs || '-'; }
        }
    ],
    onEliminar: null
});
