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

Pedidos.detalleItems = [];

Pedidos.renderDetalle = function() {
    var self = this;
    var tbody = document.getElementById('pedidoDetalleBody');
    if (!tbody) return;
    var html = '';
    this.detalleItems.forEach(function(item, idx) {
        html += '<tr>' +
            '<td>' + (item.cod_articulo || '') + '</td>' +
            '<td>' + (item.nombre || '') + '</td>' +
            '<td><input type="number" class="ped-det-cant" data-idx="' + idx + '" value="' + (item.cantidad ? parseFloat(item.cantidad).toFixed(2) : '') + '" step="0.01" 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><button class="ped-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('.ped-det-cant').forEach(function(inp) {
        inp.addEventListener('change', function() {
            var idx = parseInt(this.dataset.idx);
            if (!isNaN(idx) && self.detalleItems[idx]) {
                self.detalleItems[idx].cantidad = parseFloat(this.value) || 0;
            }
        });
    });
    tbody.querySelectorAll('.ped-btn-del').forEach(function(btn) {
        btn.addEventListener('click', function() {
            var idx = parseInt(this.dataset.idx);
            if (!isNaN(idx)) {
                self.detalleItems.splice(idx, 1);
                self.renderDetalle();
            }
        });
    });
    var count = document.getElementById('pedDetCount');
    if (count) count.textContent = '(' + this.detalleItems.length + ' items)';
};

Pedidos.iniciarAutocompleteArticulo = function() {
    var self = this;
    var input = document.getElementById('pedAddArticulo');
    if (!input || input.dataset._autoArtOk) return;
    input.dataset._autoArtOk = '1';
    var hiddenId = document.getElementById('pedAddIdArticulo');
    var hiddenCod = document.getElementById('pedAddCodArticulo');
    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 = self.API_URL + '/articulos?buscar=' + encodeURIComponent(v) + '&limit=20&estado=1&id_empresa=' + (self.sesion ? self.sesion.id_empresa : '');
                if (self.sesion && self.sesion.id_sucursal) url += '&id_sucursal=' + self.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_articulo + '" data-cod="' + item.cod_articulo + '" data-nombre="' + (item.nombre || '').replace(/"/g, '&quot;') + '">' + item.cod_articulo + ' - ' + 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;
                        if (hiddenCod) hiddenCod.value = this.dataset.cod;
                        ocultar();
                        var cantInput = document.getElementById('pedAddCant');
                        if (cantInput) { cantInput.focus(); cantInput.select(); }
                    });
                });
            }).catch(function() { ocultar(); });
        }, 250);
    });
    input.addEventListener('blur', function() { setTimeout(ocultar, 200); });
    input.addEventListener('focus', function() { if (dd.children.length > 0 && this.value) { posicionar(); dd.style.display = 'block'; } });
    input.addEventListener('keydown', function(e) {
        var items = dd.querySelectorAll('.prov-autocomplete-item');
        if (items.length === 0) return;
        var active = dd.querySelector('.hover');
        var idx = active ? Array.prototype.indexOf.call(items, active) : -1;
        if (e.key === 'ArrowDown') { e.preventDefault(); if (active) active.classList.remove('hover'); items[(idx + 1) % items.length].classList.add('hover'); }
        else if (e.key === 'ArrowUp') { e.preventDefault(); if (active) active.classList.remove('hover'); items[(idx - 1 + items.length) % items.length].classList.add('hover'); }
        else if (e.key === 'Enter' && active) { e.preventDefault(); active.click(); }
        else if (e.key === 'Escape') { ocultar(); }
        else if (e.key === 'Enter' && !active) { self.agregarItemDesdeForm(); }
    });
};

Pedidos.agregarItemDesdeForm = function() {
    var artInput = document.getElementById('pedAddArticulo');
    var hiddenId = document.getElementById('pedAddIdArticulo');
    var hiddenCod = document.getElementById('pedAddCodArticulo');
    var cantInput = document.getElementById('pedAddCant');
    var idArt = hiddenId ? hiddenId.value : '';
    var codArt = hiddenCod ? hiddenCod.value : '';
    var nombre = artInput ? artInput.value.trim() : '';
    var cantidad = parseFloat(cantInput ? cantInput.value : '1') || 1;
    if (!idArt || !codArt) {
        Mensaje.error({ titulo: 'Validacion', texto: 'Seleccione un articulo de la lista' });
        return;
    }
    var dup = this.detalleItems.some(function(item) { return item.id_articulo === parseInt(idArt); });
    if (dup) {
        Mensaje.error({ titulo: 'Validacion', texto: 'El articulo ya esta agregado al detalle' });
        return;
    }
    this.detalleItems.push({ id_articulo: parseInt(idArt), cod_articulo: codArt, nombre: nombre, cantidad: cantidad });
    this.renderDetalle();
    if (artInput) artInput.value = '';
    if (hiddenId) hiddenId.value = '';
    if (hiddenCod) hiddenCod.value = '';
    if (cantInput) cantInput.value = '1';
    if (artInput) artInput.focus();
};

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

Pedidos._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;padding:5px 10px;margin-bottom:14px}' +
        'thead{display:table-header-group}tr{page-break-inside:avoid}' +
        'table{width:100%;border-collapse:separate;border-spacing:0;font-size:0.72rem}' +
        'thead th{background:#1A4480;color:#FFF;padding:7px 8px;text-align:center;font-weight:700;text-transform:uppercase;font-size:0.6rem;letter-spacing:0.5px;border-bottom:2px solid #0F2847;white-space:nowrap}' +
        '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('oc-print-frame');
    if (oldIframe) document.body.removeChild(oldIframe);

    var iframe = document.createElement('iframe');
    iframe.id = 'oc-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);
    };
};

Pedidos.imprimirDetalle = function() {
    var self = this;
    if (!this.detalleItems || this.detalleItems.length === 0) {
        Mensaje.error({ titulo: 'Imprimir', texto: 'No hay items en el detalle para imprimir' });
        return;
    }
    var pedEj = document.getElementById('pedFormEjercicio')?.value || '';
    var numPed = document.getElementById('pedFormNum')?.value || '';
    var empresa = this.sesion?.empresa_razon || '';
    var pedDisplay = pedEj ? pedEj + '-' + numPed : (numPed || '');
    var params = '?id_empresa=' + (self.sesion ? self.sesion.id_empresa : '') + '&ejercicio=' + (pedEj || new Date().getFullYear());
    fetch(self.API_URL + self.endpoint + '/' + numPed + params)
        .then(function(r) { return r.json(); })
        .then(function(res) {
            var row = res.ok && res.data ? res.data : null;
            var estados = { P: 'Pendiente', A: 'Aprobado', C: 'Cerrado', N: 'Anulado' };
            var fecha = row ? (row.fecha_pedido ? new Date(row.fecha_pedido).toLocaleDateString('es-PE') : '') : (document.getElementById('pedFormFecha')?.value || '');
            var proveedor = row ? (row.proveedor_razon_social || '') : (document.getElementById('pedFormProveedor')?.value || '');
            var tipo = row ? (row.tipo === 'M' ? 'Materiales' : 'Gastos') : (document.getElementById('pedFormTipo')?.value === 'M' ? 'Materiales' : 'Gastos');
            var estado = row ? (estados[row.estado] || row.estado) : '';
            var obs = row ? (row.observaciones || '-') : '-';
            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 = '';
            self.detalleItems.forEach(function(item) {
                filas += '<tr><td>' + (item.cod_articulo || '') + '</td><td>' + (item.nombre || '') + '</td><td style="text-align:right">' + (parseFloat(item.cantidad) || 0).toFixed(2) + '</td></tr>';
            });
            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>' + pedDisplay + '</span><strong style="color:#475569;white-space:nowrap">Proveedor:</strong><span>' + proveedor + '</span><strong style="color:#475569;white-space:nowrap">Fecha:</strong><span>' + fecha + '</span><strong style="color:#475569;white-space:nowrap">Tipo:</strong><span>' + tipo + '</span><strong style="color:#475569;white-space:nowrap">Estado:</strong><span>' + estado + '</span><strong style="color:#475569;white-space:nowrap">Obs:</strong><span>' + obs + '</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: ' + self.detalleItems.length + '</div>', 'Pedido ' + pedDisplay);
        })
        .catch(function() {
            Mensaje.error({ titulo: 'Error', texto: 'Error al obtener datos para imprimir' });
        });
};

Pedidos.cambiarEstado = function(numPed, nuevoEstado, ejercicio) {
    var self = this;
    var ejerc = ejercicio || new Date().getFullYear();
    var textos = { A: 'aprobar', C: 'cerrar', N: 'anular' };
    var confirmar = nuevoEstado === 'N' ? 'Esta seguro de anular el pedido ' + numPed + '?' : 'Confirmar ' + textos[nuevoEstado] + ' pedido ' + numPed + '?';
    Mensaje.confirmacion({ titulo: 'Cambiar estado', texto: confirmar, onAceptar: function() {
        fetch(self.API_URL + self.endpoint + '/' + numPed + '/estado?ejercicio=' + ejerc + '&id_empresa=' + (self.sesion ? self.sesion.id_empresa : ''), {
            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 cambiado', texto: res.mensaje });
                Modal.cerrar();
                self.paginaActual = 1;
                self.cargarTabla();
            } else {
                Mensaje.error({ titulo: 'Error', texto: res.mensaje });
            }
        })
        .catch(function(err) { console.error('[ESTADO]', err); Mensaje.error({ titulo: 'Error', texto: 'Error al cambiar estado: ' + (err.message || err) }); });
    } });
};

Pedidos.verDetalle = async function(numPed, ejercicio) {
    var self = this;
    try {
        var params = '?id_empresa=' + (self.sesion ? self.sesion.id_empresa : '') + '&ejercicio=' + (ejercicio || new Date().getFullYear());
        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="pedViewExcelBtn" title="Exportar Excel" style="color:#059669"><i class="fas fa-file-excel" style="color:#059669"></i></button><button class="ped-detalle-print-btn" id="pedViewPrintBtn" 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.ejercicio || '') ? row.ejercicio + '-' + row.num_ped : (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="pedOcRelacionada"><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>';

        var btnAprobar = row.estado === 'P' ? '<button class="btn-prov btn-prov-primario" id="pedBtnAprobar" style="font-size:0.78rem"><i class="fas fa-check"></i> Aprobar</button>' : '';
        var btnCerrar = row.estado === 'A' ? '<button class="btn-prov btn-prov-primario" id="pedBtnCerrar" style="font-size:0.78rem"><i class="fas fa-lock"></i> Cerrar</button>' : '';
        var btnAnular = (row.estado === 'P' || row.estado === 'A') ? '<button class="btn-prov" id="pedBtnAnular" style="font-size:0.78rem;background:#f1f5f9;color:#ef4444;border:1px solid #fecaca;border-radius:8px;padding:8px 16px;cursor:pointer;font-weight:600"><i class="fas fa-ban"></i> Anular</button>' : '';
        var btnGenerarOC = (row.estado === 'P' || row.estado === 'A') ? '<button class="btn-prov btn-prov-primario" id="pedBtnGenerarOC" style="font-size:0.78rem"><i class="fas fa-file-export"></i> Generar OC</button>' : '';
        var accionesHtml = '';
        if (btnAprobar || btnCerrar || btnAnular || btnGenerarOC) {
            accionesHtml = '<div class="ped-section" style="text-align:center;padding:12px 20px;display:flex;gap:10px;justify-content:center">' + btnAprobar + btnCerrar + btnGenerarOC + btnAnular + '</div>';
        }
        html += accionesHtml;
        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('pedViewPrintBtn');
                if (btn) {
                    btn.onclick = function() { self.imprimirDetalleVer(numPed, ejercicio); };
                }
                var btnExcel = document.getElementById('pedViewExcelBtn');
                if (btnExcel) {
                    btnExcel.onclick = function() { self.exportarExcelVer(numPed, ejercicio); };
                }
                var elAprobar = document.getElementById('pedBtnAprobar');
                if (elAprobar) elAprobar.onclick = function() { self.cambiarEstado(numPed, 'A', ejercicio); };
                var elCerrar = document.getElementById('pedBtnCerrar');
                if (elCerrar) elCerrar.onclick = function() { self.cambiarEstado(numPed, 'C', ejercicio); };
                var elAnular = document.getElementById('pedBtnAnular');
                if (elAnular) elAnular.onclick = function() { self.cambiarEstado(numPed, 'N', ejercicio); };
                var elGenerarOC = document.getElementById('pedBtnGenerarOC');
                if (elGenerarOC) elGenerarOC.onclick = function() { self.generarOC(numPed, ejercicio); };
                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('pedOcRelacionada');
                        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('pedOcRelacionada');
                        if (el) el.innerHTML = '<span style="color:#ef4444">Error</span>';
                    });
            }
        });
    } catch (error) {
        Mensaje.error({ titulo: 'Error', texto: 'Error al cargar detalle del pedido' });
    }
};

Pedidos.imprimirDetalleVer = function(numPed, ejercicio) {
    var self = this;
    var empresa = this.sesion?.empresa_razon || '';
    var params = '?id_empresa=' + (self.sesion ? self.sesion.id_empresa : '') + '&ejercicio=' + (ejercicio || new Date().getFullYear());
    fetch(self.API_URL + self.endpoint + '/' + numPed + params)
        .then(function(r) { return r.json(); })
        .then(function(res) {
            if (!res.ok || !res.data) return;
            var row = res.data;
            var estados = { P: 'Pendiente', A: 'Aprobado', C: 'Cerrado', N: 'Anulado' };
            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 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 numPedDisplay = (row.ejercicio || '') ? row.ejercicio + '-' + row.num_ped : (row.num_ped || '');
            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>' + numPedDisplay + '</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);
        })
        .catch(function() { Mensaje.error({ titulo: 'Error', texto: 'Error al obtener datos para imprimir' }); });
};

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

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

Pedidos._pedBuildExcel = 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++;
    });
    r += 2;
    ws.mergeCells(r, 1, r, 3);
    ws.getCell(r, 1).value = 'NexusERP';
    ws.getCell(r, 1).style = { font: { size: 8, color: { argb: 'FF94A3B8' } }, alignment: { horizontal: 'center' } };
};

Pedidos.exportarExcelDetalle = function() {
    var self = this;
    if (!this.detalleItems || this.detalleItems.length === 0) {
        Mensaje.error({ titulo: 'Excel', texto: 'No hay items en el detalle para exportar' }); return;
    }
    this._pedLoadExceljs(function() { self._pedGenerarExcelDetalle(); });
};

Pedidos._pedGenerarExcelDetalle = function() {
    var self = this;
    var pedEj = document.getElementById('pedFormEjercicio')?.value || '';
    var numPed = document.getElementById('pedFormNum')?.value || '';
    var empresa = this.sesion?.empresa_razon || '';
    var pedDisplay = pedEj ? pedEj + '-' + numPed : (numPed || '');
    var params = '?id_empresa=' + (self.sesion ? self.sesion.id_empresa : '') + '&ejercicio=' + (pedEj || new Date().getFullYear());
    fetch(self.API_URL + self.endpoint + '/' + numPed + params)
        .then(function(r) { return r.json(); })
        .then(function(res) {
            var row = res.ok && res.data ? res.data : null;
            var estados = { P: 'Pendiente', A: 'Aprobado', C: 'Cerrado', N: 'Anulado' };
            var fecha = row ? (row.fecha_pedido ? self._pedFmtFecha(row.fecha_pedido.split('T')[0]) : '') : (self._pedFmtFecha(document.getElementById('pedFormFecha')?.value || ''));
            var proveedor = row ? (row.proveedor_razon_social || '') : (document.getElementById('pedFormProveedor')?.value || '');
            var tipo = row ? (row.tipo === 'M' ? 'Materiales' : 'Gastos') : (document.getElementById('pedFormTipo')?.value === 'M' ? 'Materiales' : 'Gastos');
            var estado = row ? (estados[row.estado] || row.estado) : '';
            var obs = row ? (row.observaciones || '-') : '-';

            var items = self.detalleItems.map(function(item) {
                return { cod: item.cod_articulo, nombre: item.nombre, cantidad: parseFloat(item.cantidad) || 0 };
            });

            var wb = new ExcelJS.Workbook();
            self._pedBuildExcel(wb, pedDisplay, empresa, proveedor, 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' }); });
};

Pedidos.exportarExcelVer = function(numPed, ejercicio) {
    var self = this;
    this._pedLoadExceljs(function() {
        var params = '?id_empresa=' + (self.sesion ? self.sesion.id_empresa : '') + '&ejercicio=' + (ejercicio || new Date().getFullYear());
        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; }
                self._pedGenerarExcelVer(res.data, numPed, ejercicio);
            })
            .catch(function() { Mensaje.error({ titulo: 'Excel', texto: 'Error al obtener datos' }); });
    });
};

Pedidos._pedGenerarExcelVer = function(row, numPed, ejercicio) {
    var empresa = this.sesion?.empresa_razon || '';
    var pedDisplay = row.ejercicio ? row.ejercicio + '-' + row.num_ped : row.num_ped;
    var fecha = row.fecha_pedido ? this._pedFmtFecha(row.fecha_pedido.split('T')[0]) : '';
    var tipo = row.tipo === 'M' ? 'Materiales' : (row.tipo === 'G' ? 'Gastos' : '');
    var estados = { P: 'Pendiente', A: 'Aprobado', C: 'Cerrado', N: 'Anulado' };
    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();
    this._pedBuildExcel(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();
    });
};

Pedidos.generarOC = async function(numPed, ejercicio) {
    var self = this;
    try {
        var params = '?ejercicio=' + (ejercicio || new Date().getFullYear()) + '&id_empresa=' + (self.sesion ? self.sesion.id_empresa : '');
        if (self.sesion && self.sesion.id_sucursal) params += '&id_sucursal=' + self.sesion.id_sucursal;
        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;
        if (row.estado === 'C') { Mensaje.error({ titulo: 'Cerrado', texto: 'El pedido ' + numPed + ' ya está cerrado' }); return; }

        if (row.estado === 'A') {
            var restRes = await fetch(self.API_URL + self.endpoint + '/' + numPed + '/items-restantes' + params);
            var restData = await restRes.json();
            if (restData.ok && restData.data && restData.data.length > 0) {
                row.detalle = restData.data.map(function(r) {
                    return {
                        id_articulo: r.id_articulo,
                        cod_articulo: r.cod_articulo || '',
                        nombre: r.nombre || '',
                        cod_unidad: r.cod_unidad || '',
                        cantidad: r.pendiente,
                    };
                });
            } else {
                Mensaje.error({ titulo: 'Completo', texto: 'Todos los artículos del pedido ya fueron convertidos' });
                return;
            }
        }

        Modal.cerrar();
        window._pedidoParaOC = row;
        var ocLink = document.querySelector('.nav-link[data-page="OrdenesCompra"]');
        if (ocLink) ocLink.click();
        setTimeout(function() {
            if (typeof OrdenesCompra !== 'undefined') {
                OrdenesCompra.abrirModal();
            }
        }, 100);
    } catch (error) {
        Mensaje.error({ titulo: 'Error', texto: 'Error al generar OC desde pedido' });
    }
};

var _pedMostrarVista = Pedidos.mostrarVista;
Pedidos.mostrarVista = function() {
    var self = this;

    var pTitle = document.querySelector('#' + this.elementId + ' .prov-header-titulo p');

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

    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('pedFechaBar');
    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 = 'pedFechaBar';
    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="pedFechaDesde" 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="pedFechaHasta" class="prov-input" value="' + fmtHoy + '" style="width:150px;padding:5px 8px;font-size:0.8rem">' +
        '<button class="btn-prov btn-prov-primario" id="pedBtnLimpiarFecha" style="padding:5px 14px;font-size:0.78rem">Limpiar</button>';

    wrap.parentNode.insertBefore(bar, wrap);

    function recargar() {
        self.paginaActual = 1;
        self.cargarTabla();
    }

    document.getElementById('pedFechaDesde').addEventListener('change', recargar);
    document.getElementById('pedFechaHasta').addEventListener('change', recargar);
    document.getElementById('pedBtnLimpiarFecha').addEventListener('click', function() {
        document.getElementById('pedFechaDesde').value = fmtMes;
        document.getElementById('pedFechaHasta').value = fmtHoy;
        recargar();
    });

    self.cargarTabla();
};

Pedidos.obtenerParamsExtra = function() {
    var desde = document.getElementById('pedFechaDesde');
    var hasta = document.getElementById('pedFechaHasta');
    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 _pedCargarTabla = Pedidos.cargarTabla;
Pedidos.cargarTabla = function() {
    var self = this;
    _pedCargarTabla.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>';
            }

            var acc = tr.querySelector('.prov-acciones');
            if (!acc) return;
            var est = rowData.estado;
            var numPed = rowData.num_ped;
            if (est === 'P') {
                acc.insertAdjacentHTML('beforeend', '<button class="prov-btn-accion ped-btn-estado" title="Aprobar" data-id="' + numPed + '" data-estado="A"><i class="fas fa-check" style="color:#10b981"></i></button>');
                acc.insertAdjacentHTML('beforeend', '<button class="prov-btn-accion ped-btn-estado" title="Anular" data-id="' + numPed + '" data-estado="N"><i class="fas fa-ban" style="color:#ef4444"></i></button>');
            } else if (est === 'A') {
                acc.insertAdjacentHTML('beforeend', '<button class="prov-btn-accion ped-btn-estado" title="Cerrar" data-id="' + numPed + '" data-estado="C"><i class="fas fa-lock" style="color:#1A4480"></i></button>');
                acc.insertAdjacentHTML('beforeend', '<button class="prov-btn-accion ped-btn-estado" title="Anular" data-id="' + numPed + '" data-estado="N"><i class="fas fa-ban" style="color:#ef4444"></i></button>');
            }
        });
        wrap.querySelectorAll('.ped-btn-estado').forEach(function(btn) {
            btn.addEventListener('click', function(e) {
                e.stopPropagation();
                self.cambiarEstado(this.dataset.id, this.dataset.estado);
            });
        });

        // 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('pedCtxMenu');
            if (!ctxMenu) {
                ctxMenu = document.createElement('div');
                ctxMenu.id = 'pedCtxMenu';
                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="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="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="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('.ped-ctx-item').forEach(function(item) {
                        item.addEventListener('click', function(ev) {
                            ev.stopPropagation();
                            ctxMenu.style.display = 'none';
                            var oc = this.dataset.oc;
                            var action = this.dataset.action;
                            var parts = oc.split('-');
                            var ejercicio = parts.length > 1 ? parseInt(parts[0]) : new Date().getFullYear();
                            var numOc = parts.length > 1 ? parts[1] : oc;
                            if (action === 'ver') {
                                if (typeof OrdenesCompra !== 'undefined') {
                                    OrdenesCompra.verDetalle(numOc, ejercicio);
                                }
                            } else if (action === 'imprimir') {
                                if (typeof OrdenesCompra !== 'undefined') {
                                    OrdenesCompra.imprimirDetalleVer(numOc, ejercicio);
                                }
                            }
                        });
                        item.addEventListener('mouseenter', function() { this.style.background = '#f1f5f9'; });
                        item.addEventListener('mouseleave', function() { this.style.background = ''; });
                    });
                    // Remove last divider
                    var lastDiv = ctxMenu.querySelector('.ped-ctx-divider:last-child');
                    if (lastDiv) lastDiv.remove();
                });
            });
        }
    });
};

var _pedImprimir = Pedidos.imprimir;
Pedidos.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 colMap = {};
    this.columns.forEach(function(c) { colMap[c.field] = c.label; });
    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((colMap[k] || 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('pedFechaDesde');
    var hasta = document.getElementById('pedFechaHasta');
    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 nCols = this.columns.length;
    var cabecerasHtml = this.columns.map(function(c) { return '<th>' + c.label + '</th>'; }).join('');
    var di = await TablaGenerica._obtenerDatosImpresion();
    var empresaHtml = di.empresa ? '<div style="font-size:0.72rem;color:#1A4480;font-weight:600;margin-top:3px">' + di.empresa + '</div>' : '';
    var sucursalHtml = di.sucursal ? '<div style="font-size:0.65rem;color:#64748B;margin-top:1px">' + di.sucursal + '</div>' : '';
    var headerContent = '<div style="display:flex;justify-content:space-between;align-items:flex-start"><div>' + di.logoHtml + '<div style="display:inline-block;vertical-align:middle"><div style="font-size:1rem;font-weight:800;color:#1A4480;text-transform:uppercase;letter-spacing:0.5px">' + this.title + '</div>' + empresaHtml + sucursalHtml + '</div></div><div style="text-align:right;font-size:0.6rem;color:#64748B;white-space:nowrap">' + fechaHora + '</div></div>';
    var titleRow = '<tr><th class="print-title-row" colspan="' + nCols + '" style="background:#fff;color:#1E293B;padding:14px 8px 4px;text-align:left;font-weight:400;text-transform:none;letter-spacing:0;border-bottom:none">' + headerContent + '</th></tr>';
    var filtrosRow = filtros.length > 0 ? '<tr><th class="print-filtros-row" colspan="' + nCols + '" style="background:#fff;color:#475569;padding:6px 8px 10px;text-align:left;font-weight:400;text-transform:none;letter-spacing:0;border-bottom:none;font-size:0.65rem">' + filtros.join(' | ') + '</th></tr>' : '';
    var colRow = '<tr style="clip-path:inset(0 round 6px 6px 0 0)">' + cabecerasHtml + '</tr>';
    var tablaHtml = '<div style="border-radius:8px;overflow:hidden"><table><thead>' + titleRow + filtrosRow + colRow + '</thead><tbody>' + filasHtml + '</tbody></table></div>';

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

Pedidos.init({
    title: '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: true,
    exportFileName: 'Pedidos',
    elementId: 'pagePedidos',
    menuPage: 'Pedidos',
    columnFilters: {},
    columns: [
        { field: 'ejercicio', label: 'Ejerc.', sortable: true, filterable: true, width: '40px' },
        { field: 'num_ped', label: 'N° Pedido', sortable: true, filterable: true, width: '80px' },
        { field: 'fecha_pedido', label: 'Fecha', sortable: true, filterable: false, width: '80px',
            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, width: '240px' },
        { 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: '90px',
            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: '120px',
            render: function(row) { return row.num_ocs || ''; }
        }
    ],
    onEliminar: function(numPed) {
        var self = this;
        Mensaje.confirmar({
            titulo: 'Eliminar Pedido',
            texto: 'Esta seguro de eliminar el pedido ' + numPed + '?',
            icono: 'warning'
        }, function() {
            fetch(self.API_URL + self.endpoint + '/' + numPed + '?id_empresa=' + (self.sesion ? self.sesion.id_empresa : ''), { method: 'DELETE' })
                .then(function(r) { return r.json(); })
                .then(function(res) {
                    if (res.ok) {
                        Mensaje.exito({ titulo: 'Eliminado', texto: res.mensaje });
                        self.paginaActual = 1;
                        self.cargarTabla();
                    } else {
                        Mensaje.error({ titulo: 'Error', texto: res.mensaje });
                    }
                })
                .catch(function() { Mensaje.error({ titulo: 'Error', texto: 'Error al eliminar' }); });
        });
    },
    renderFormulario: function(data) {
        this.detalleItems = [];
        var html = '';

        html += '<div class="ped-section"><div class="ped-section-title"><i class="fas fa-file-invoice"></i> Cabecera</div>';
        html += '<div class="ped-grid">';
        html += '<div class="prov-field"><label>N° Pedido</label><div style="display:flex;gap:4px"><input type="text" id="pedFormEjercicio" class="prov-input" readonly style="background:#f3f4f6;color:#6b7280;width:70px;flex:none"><input type="text" id="pedFormNum" class="prov-input" readonly style="background:#f3f4f6;color:#6b7280;flex:1"></div></div>';
        html += '<div class="prov-field"><label>Fecha <span class="req">*</span></label><input type="date" id="pedFormFecha" class="prov-input" required></div>';
        html += '<div class="prov-field"><label>Proveedor <span class="req">*</span></label><input type="text" id="pedFormProveedor" class="prov-input" autocomplete="off" placeholder="Escriba para buscar..."><input type="hidden" id="pedFormIdProveedor"></div>';
        html += '<div class="prov-field"><label>Tipo</label><select id="pedFormTipo" class="prov-input"><option value="M">Materiales</option><option value="G">Gastos</option></select></div>';
        html += '<div class="prov-field" style="grid-column:1/3"><label>Observaciones</label><textarea id="pedFormObs" class="prov-input" maxlength="200" rows="2" placeholder="Opcional"></textarea></div>';
        html += '</div></div>';

        html += '<div class="ped-section ped-section-detalle"><div class="ped-section-title"><i class="fas fa-list"></i> Detalle <span id="pedDetCount" class="ped-count">(0 items)</span><button class="ped-detalle-print-btn oc-excel-btn" id="pedBtnExcelDetalle" title="Exportar Excel" style="color:#059669"><i class="fas fa-file-excel" style="color:#059669"></i></button><button class="ped-detalle-print-btn" id="pedBtnPrintDetalle" title="Imprimir" style="color:#1A4480"><i class="fas fa-print" style="color:#1A4480"></i></button></div>';
        html += '<div class="ped-detalle-wrap"><table class="ped-detalle-table"><thead><tr><th style="width:90px">Codigo</th><th>Articulo</th><th style="width:100px">Cantidad</th><th style="width:50px"></th></tr></thead><tbody id="pedidoDetalleBody"></tbody></table></div>';
        html += '<div class="ped-add-bar">';
        html += '<div class="prov-field" style="margin:0;flex:3;min-width:0"><label>Buscar articulo</label><input type="text" id="pedAddArticulo" class="prov-input" autocomplete="off" placeholder="Escriba para buscar..."><input type="hidden" id="pedAddIdArticulo"><input type="hidden" id="pedAddCodArticulo"></div>';
        html += '<div class="prov-field" style="margin:0;width:110px"><label>Cantidad</label><input type="number" id="pedAddCant" class="prov-input" step="0.01" min="0" placeholder="0.00" style="text-align:right"></div>';
        html += '<button id="pedBtnAddItem" class="btn-prov btn-prov-primario" style="margin-top:18px"><i class="fas fa-plus"></i> Agregar</button>';
        html += '</div></div>';

        return html;
    },
    onCargarFormulario: function(data) {
        var self = this;
        var esEdicion = data && data.num_ped;

        document.getElementById('pedFormEjercicio').value = esEdicion ? data.ejercicio : String(new Date().getFullYear());
        document.getElementById('pedFormNum').value = esEdicion ? data.num_ped : 'Auto-generado';
        document.getElementById('pedFormFecha').value = data && data.fecha_pedido ? data.fecha_pedido.split('T')[0] : new Date().toISOString().split('T')[0];
        document.getElementById('pedFormTipo').value = data && data.tipo ? data.tipo : 'M';
        document.getElementById('pedFormObs').value = data && data.observaciones ? data.observaciones : '';

        (function(inputId, hiddenId, apiUrl, empId, editData) {
            var input = document.getElementById(inputId);
            if (!input || input.dataset._autoProvOk) return;
            input.dataset._autoProvOk = '1';
            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 = apiUrl + '/proveedores?buscar=' + encodeURIComponent(v) + '&limit=20&estado=1&id_empresa=' + empId;
                    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_proveedor + '" data-nombre="' + (item.razon_social || '').replace(/"/g, '&quot;') + '">' + item.cod_proveedor + ' - ' + (item.razon_social || '') + '</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;
                                document.getElementById(hiddenId).value = this.dataset.id;
                                ocultar();
                            });
                        });
                    }).catch(function() { ocultar(); });
                }, 250);
            });
            input.addEventListener('blur', function() { setTimeout(ocultar, 200); });
            input.addEventListener('focus', function() { if (dd.children.length > 0 && this.value) { posicionar(); dd.style.display = 'block'; } });
            input.addEventListener('keydown', function(e) {
                var items = dd.querySelectorAll('.prov-autocomplete-item');
                if (items.length === 0) return;
                var active = dd.querySelector('.hover');
                var idx = active ? Array.prototype.indexOf.call(items, active) : -1;
                if (e.key === 'ArrowDown') { e.preventDefault(); if (active) active.classList.remove('hover'); items[(idx + 1) % items.length].classList.add('hover'); }
                else if (e.key === 'ArrowUp') { e.preventDefault(); if (active) active.classList.remove('hover'); items[(idx - 1 + items.length) % items.length].classList.add('hover'); }
                else if (e.key === 'Enter' && active) { e.preventDefault(); active.click(); }
                else if (e.key === 'Escape') { ocultar(); }
            });
            if (editData) {
                input.value = editData.proveedor_razon_social || '';
                document.getElementById(hiddenId).value = editData.id_proveedor || '';
            }
        })('pedFormProveedor', 'pedFormIdProveedor', self.API_URL, self.sesion ? self.sesion.id_empresa : '', esEdicion ? data : null);

        self.detalleItems = [];
        if (esEdicion && data.detalle) {
            data.detalle.forEach(function(d) {
                self.detalleItems.push({ id_articulo: d.id_articulo, cod_articulo: d.cod_articulo, nombre: d.nombre, cantidad: d.cantidad });
            });
        }
        self.renderDetalle();
        self.iniciarAutocompleteArticulo();

        var addBtn = document.getElementById('pedBtnAddItem');
        if (addBtn) {
            addBtn.onclick = function() { self.agregarItemDesdeForm(); };
        }
        var cantInput = document.getElementById('pedAddCant');
        if (cantInput) {
            cantInput.onkeydown = function(e) { if (e.key === 'Enter') { self.agregarItemDesdeForm(); } };
        }
        var printBtn = document.getElementById('pedBtnPrintDetalle');
        if (printBtn) {
            printBtn.onclick = function() { self.imprimirDetalle(); };
        }
        var excelBtn = document.getElementById('pedBtnExcelDetalle');
        if (excelBtn) {
            excelBtn.onclick = function() { self.exportarExcelDetalle(); };
        }
    },
    onGuardar: function() {
        var self = this;
        var numPed = document.getElementById('pedFormNum')?.value;
        var idProveedor = document.getElementById('pedFormIdProveedor')?.value;
        var fecha = document.getElementById('pedFormFecha')?.value;
        var tipo = document.getElementById('pedFormTipo')?.value;
        var obs = document.getElementById('pedFormObs')?.value.trim();

        if (!idProveedor) { Mensaje.error({ titulo: 'Validacion', texto: 'Seleccione un proveedor' }); return; }
        if (!fecha) { Mensaje.error({ titulo: 'Validacion', texto: 'Ingrese la fecha' }); return; }
        if (self.detalleItems.length === 0) { Mensaje.error({ titulo: 'Validacion', texto: 'Agregue al menos un articulo al detalle' }); return; }
        if (!self.sesion || !self.sesion.id_empresa) { Mensaje.error({ titulo: 'Error', texto: 'Sesion no disponible' }); return; }

        var body = {
            id_empresa: self.sesion.id_empresa,
            ejercicio: parseInt(document.getElementById('pedFormEjercicio').value) || new Date().getFullYear(),
            id_proveedor: parseInt(idProveedor),
            fecha_pedido: fecha,
            tipo: tipo || 'M',
            estado: 'P',
            observaciones: obs || null,
            usuario_crea: self.sesion.id_usuario || null,
            detalle: self.detalleItems.map(function(d) {
                return { id_articulo: d.id_articulo, cantidad: parseFloat(d.cantidad) || 0 };
            })
        };

        var esNuevo = !numPed || numPed === 'Auto-generado';
        var metodo = esNuevo ? 'POST' : 'PUT';
        var url = self.API_URL + self.endpoint + (esNuevo ? '' : '/' + numPed + '?ejercicio=' + body.ejercicio);

        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) {
                Mensaje.exito({ titulo: 'Guardado', texto: res.mensaje });
                Modal.cerrar();
                self.paginaActual = 1;
                self.cargarTabla();
            } else {
                Mensaje.error({ titulo: 'Error', texto: res.mensaje });
            }
        })
        .catch(function() {
            Mensaje.error({ titulo: 'Error', texto: 'Error al guardar pedido' });
        });
    },
    abrirModal: function(id) {
        var self = this;
        var titulo = id ? 'Editar Pedido' : 'Nuevo Pedido';
        var esNuevo = !id;

        var contenido = '<div class="prov-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: '800px',
            alto: '90vh',
            contenido: contenido,
            botones: [
                { texto: 'Cancelar', tipo: 'secundario', accion: function() { Modal.cerrar(); } },
                { texto: 'Guardar', tipo: 'primario', accion: function() { self.onGuardar(); } }
            ]
        });

        if (esNuevo) {
            document.getElementById('pedFormFecha').value = new Date().toISOString().split('T')[0];
            this.onCargarFormulario(null);
        } else {
            this.cargarDatos(id);
        }
    }
});
