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

StockCorteFecha._fmtMiles = function(val, dec) {
    dec = dec !== undefined ? dec : 2;
    var num = parseFloat(val) || 0;
    return num.toLocaleString('es-PE', { minimumFractionDigits: dec, maximumFractionDigits: dec });
};

var _scfMostrarVista = StockCorteFecha.mostrarVista;
StockCorteFecha.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);
    };
    _scfMostrarVista.call(this);
    this.cargarTabla = _origCargar;

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

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

    var toolbar = document.querySelector('#' + self.elementId + ' .prov-toolbar');
    if (toolbar) {
        var bar = document.createElement('div');
        bar.id = 'scfExtraBar';
        bar.style.cssText = 'display:flex;align-items:center;gap:12px;padding:8px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:0.82rem;flex-wrap:wrap';

        var hoy = new Date();
        var fechaHoy = hoy.getFullYear() + '-' + String(hoy.getMonth() + 1).padStart(2, '0') + '-' + String(hoy.getDate()).padStart(2, '0');

        bar.innerHTML =
            '<label style="display:flex;align-items:center;gap:4px;font-weight:600;color:#475569;font-size:0.78rem">' +
            'Corte al: <input type="date" id="scfFechaCorte" value="' + fechaHoy + '" style="padding:4px 8px;border:1px solid #cbd5e1;border-radius:4px;font-size:0.78rem">' +
            '</label>' +
            '<label style="display:flex;align-items:center;gap:4px;font-weight:600;color:#475569;font-size:0.78rem">' +
            'Familia: <select id="scfFamilia" style="padding:4px 8px;border:1px solid #cbd5e1;border-radius:4px;font-size:0.78rem"><option value="">Todas</option></select>' +
            '</label>';
        toolbar.parentNode.insertBefore(bar, toolbar.nextSibling);

        self._cargarFamilias();

        document.getElementById('scfFechaCorte').addEventListener('change', function() {
            self.paginaActual = 1;
            self.cargarTabla();
        });
        document.getElementById('scfFamilia').addEventListener('change', function() {
            self.paginaActual = 1;
            self.cargarTabla();
        });
    }

    self.cargarTabla();
};

StockCorteFecha._cargarFamilias = function() {
    var self = this;
    self.ensureSesion();
    if (!self.sesion || !self.sesion.id_empresa) return;
    fetch(self.API_URL + '/stock-corte-fecha/familias?id_empresa=' + self.sesion.id_empresa)
        .then(function(r) { return r.json(); })
        .then(function(res) {
            if (res.ok && res.data) {
                var sel = document.getElementById('scfFamilia');
                if (!sel) return;
                res.data.forEach(function(fam) {
                    var opt = document.createElement('option');
                    opt.value = fam.id_familia;
                    opt.textContent = fam.nombre;
                    sel.appendChild(opt);
                });
            }
        }).catch(function() {});
};

StockCorteFecha.obtenerParamsExtra = function() {
    var fechaEl = document.getElementById('scfFechaCorte');
    var famEl = document.getElementById('scfFamilia');
    var s = '';
    if (fechaEl && fechaEl.value) s += '&fecha_corte=' + fechaEl.value;
    if (famEl && famEl.value) s += '&id_familia=' + famEl.value;
    return s;
};

StockCorteFecha._lastTotales = { total_articulos: 0, total_stock: 0 };

var _scfCargarTabla = StockCorteFecha.cargarTabla;
StockCorteFecha.cargarTabla = function() {
    var self = this;
    self._cargarTotales().then(function() {
        return _scfCargarTabla.call(self);
    }).then(function() {
        self._agregarTotales();
        self._attatchRowEvents();
    }).catch(function() {});
};

StockCorteFecha._cargarTotales = function() {
    var self = this;
    self.ensureSesion();
    if (!self.sesion || !self.sesion.id_empresa) return Promise.resolve();
    var url = self.API_URL + '/stock-corte-fecha/totales?id_empresa=' + self.sesion.id_empresa + (self.sesion && self.sesion.id_sucursal ? '&id_sucursal=' + self.sesion.id_sucursal : '');
    if (typeof self.obtenerParamsExtra === 'function') url += self.obtenerParamsExtra();
    return fetch(url).then(function(r) { return r.json(); }).then(function(res) {
        if (res.ok) {
            self._lastTotales = { total_articulos: res.total_articulos || 0, total_stock: res.total_stock || 0 };
        }
    }).catch(function() {});
};

StockCorteFecha._agregarTotales = function() {
    var self = this;
    var wrap = document.getElementById(self.elementId + 'TablaWrap');
    if (!wrap) return;

    wrap.querySelectorAll('.sv-total-row').forEach(function(el) { el.remove(); });
    var oldResumen = document.getElementById('scfResumen');
    if (oldResumen) oldResumen.remove();

    var tbody = wrap.querySelector('table tbody');
    if (!tbody) return;

    var totalStock = self._lastTotales.total_stock || 0;
    var totalArticulos = self._lastTotales.total_articulos || 0;

    var totBg = 'background:#1A4480;border:none';
    var totTd = 'padding:8px 10px;font-weight:700;font-size:0.7rem;color:#fff';

    var trs = tbody.querySelectorAll('tr');
    var lastTr = trs.length > 0 ? trs[trs.length - 1] : null;
    if (lastTr) {
        var totalTr = document.createElement('tr');
        totalTr.className = 'sv-total-row';
        totalTr.innerHTML =
            '<td colspan="4" style="' + totTd + ';' + totBg + ';text-align:right;padding-right:8px;border-radius:6px 0 0 6px">TOTAL GENERAL</td>' +
            '<td style="' + totTd + ';' + totBg + ';text-align:center;width:8%"></td>' +
            '<td style="' + totTd + ';' + totBg + ';text-align:right;width:12%;border-radius:0 6px 6px 0">' + StockCorteFecha._fmtMiles(totalStock) + '</td>';
        lastTr.parentNode.insertBefore(totalTr, lastTr.nextSibling);
    }

    var pag = document.getElementById(self.elementId + 'Paginacion');
    if (pag) {
        var resumen = document.createElement('div');
        resumen.id = 'scfResumen';
        resumen.className = 'sv-resumen';
        resumen.innerHTML =
            '<div class="sv-resumen-item"><span class="sv-resumen-label">Articulos:</span> <span class="sv-resumen-value">' + StockCorteFecha._fmtMiles(totalArticulos) + '</span></div>' +
            '<div class="sv-resumen-item"><span class="sv-resumen-label">Total Stock:</span> <span class="sv-resumen-value" style="color:#1A4480">' + StockCorteFecha._fmtMiles(totalStock) + '</span></div>';
        pag.parentNode.insertBefore(resumen, pag);
    }
};

StockCorteFecha.imprimir = async function() {
    var self = this;
    var di = await TablaGenerica._obtenerDatosImpresion();
    var ahora = new Date();
    var fechaStr = ahora.toLocaleDateString('es-PE', { day: '2-digit', month: '2-digit', year: 'numeric' }) + ' ' + ahora.toLocaleTimeString('es-PE', { hour: '2-digit', minute: '2-digit' });

    var fechaCorte = '';
    var fechaEl = document.getElementById('scfFechaCorte');
    if (fechaEl && fechaEl.value) {
        var parts = fechaEl.value.split('-');
        fechaCorte = parts[2] + '/' + parts[1] + '/' + parts[0];
    }

    var filtros = [];
    if (fechaCorte) filtros.push('Corte al: ' + fechaCorte);
    var famEl = document.getElementById('scfFamilia');
    if (famEl && famEl.value) filtros.push('Familia: ' + famEl.options[famEl.selectedIndex].text);
    var buscarVal = document.getElementById(self.elementId + 'Buscar');
    if (buscarVal && buscarVal.value.trim()) filtros.push('Busqueda: ' + buscarVal.value.trim());

    var datos = await self.obtenerTodosDatos();
        if (!datos || datos.length === 0) { Mensaje.error({ titulo: 'Imprimir', texto: 'No hay datos' }); return; }

        var html = '<!DOCTYPE html><html><head><meta charset="UTF-8"><style>';
        html += '*{margin:0;padding:0;border:0;outline:none}';
        html += 'body{font-family:Arial,sans-serif;font-size:11px;margin:20px;color:#1E293B}';
        html += 'table{width:100%;border-collapse:separate;border-spacing:0;font-size:10px;margin-top:0}';
        html += 'thead{display:table-header-group}';
        html += 'tr{page-break-inside:avoid}';
        html += 'th{background:#1A4480;color:#fff;padding:8px 10px;text-align:center;font-weight:700;text-transform:uppercase;font-size:9px;border:0;border-left:0;border-right:0;white-space:nowrap}';
        html += 'th.title-row{background:#fff;color:#1E293B;font-size:14px;padding:18px 12px 20px 12px;text-align:left}';
        html += 'th.filtros-row{background:#fff;color:#475569;font-size:9px;text-transform:none;padding:6px 12px;border-bottom:0;text-align:left}';
        html += 'td{padding:6px 10px;border:0;border-left:0;border-right:0;border-bottom:1px solid #E2E8F0;color:#334155;box-sizing:border-box}';
        html += 'tr:nth-child(even){background:#F8FAFC}';
        html += '.right{text-align:right}.center{text-align:center}.bold{font-weight:700}';
        html += '@page{margin:12mm;@bottom-center{content:counter(page);font-size:9px;color:#94A3B8}}';
        html += '</style></head><body>';
        html += '<div style="border-radius:8px;overflow:hidden">';
        html += '<table>';
        html += '<thead>';
        html += '<tr><th class="title-row" colspan="6"><div style="display:flex;justify-content:space-between;align-items:flex-start"><div>' + di.logoHtml + '<span style="display:inline-block;vertical-align:middle"><span style="font-weight:800;color:#1A4480;text-transform:uppercase">Stock por Corte de Fecha</span>' + (di.empresa ? '<br><span style="font-size:0.8rem;color:#1A4480;font-weight:600">' + di.empresa + '</span>' : '') + (di.sucursal ? '<br><span style="font-size:0.7rem;color:#64748B;font-weight:400">' + di.sucursal + '</span>' : '') + '</span></div><div style="text-align:right"><span style="font-size:0.65rem;color:#64748B;font-weight:400;text-transform:none">' + fechaStr + '</span></div></div></th></tr>';
        if (filtros.length > 0) html += '<tr><th class="filtros-row" colspan="6"><span style="padding:4px 8px">' + filtros.join(' | ') + '</span></th></tr>';
        html += '<tr style="clip-path:inset(0 round 6px 6px 0 0)"><th style="width:10%">Codigo</th><th style="width:12%">Cod.Venta</th><th style="width:30%">Articulo</th><th style="width:20%">Familia</th><th style="width:8%">Und</th><th style="width:12%">Cantidad</th></tr>';
        html += '</thead><tbody>';

        datos.forEach(function(art) {
            var stock = parseFloat(art.stock) || 0;
            html += '<tr><td>' + (art.cod_articulo || '') + '</td><td>' + (art.cod_vta || '') + '</td><td>' + (art.nom_art || '') + '</td><td>' + (art.nom_fam || '') + '</td><td class="center">' + (art.und_prd || '') + '</td><td class="right bold">' + StockCorteFecha._fmtMiles(stock) + '</td></tr>';
        });

        var tE = self._lastTotales.total_stock || 0;
        var tA = self._lastTotales.total_articulos || 0;
        html += '</tbody></table>';
        html += '<div style="background:#1A4480;color:#fff;font-weight:700;padding:8px 10px;font-size:11px;border-radius:0 0 6px 6px;overflow:hidden">';
        html += '<div style="display:flex">';
        html += '<div style="width:10%"></div><div style="width:12%"></div><div style="width:30%"></div>';
        html += '<div style="width:20%;text-align:right;padding-right:10px">TOTAL GENERAL</div>';
        html += '<div style="width:8%"></div>';
        html += '<div style="width:12%;text-align:right;padding-right:10px">' + StockCorteFecha._fmtMiles(tE) + '</div>';
        html += '</div></div></div>';
        html += '<div style="display:flex;gap:16px;margin-top:14px;padding:8px 12px;background:#F8FAFC;border-radius:6px;font-size:9px;flex-wrap:wrap;border:1px solid #E2E8F0">';
        html += '<span style="font-weight:700;color:#334155">Artículos: <span style="color:#1A4480">' + StockCorteFecha._fmtMiles(tA) + '</span></span>';
        html += '<span style="font-weight:700;color:#334155">Total Stock: <span style="color:#1A4480">' + StockCorteFecha._fmtMiles(tE) + '</span></span>';
        html += '<span style="font-weight:700;color:#334155;margin-left:auto">Total: <span style="color:#1A4480">' + StockCorteFecha._fmtMiles(datos.length) + ' registro(s)</span></span>';
        html += '</div>';
        html += '</body></html>';

        var iframe = document.createElement('iframe');
        iframe.style.cssText = 'position:fixed;top:-9999px;width:1px;height:1px';
        document.body.appendChild(iframe);
        var win = iframe.contentWindow;
        win.document.open();
        win.document.write(html);
        win.document.close();
        setTimeout(function() { win.print(); }, 300);
        setTimeout(function() { document.body.removeChild(iframe); }, 1500);
};

StockCorteFecha.exportarExcel = function() {
    var self = this;
    self.cerrarExportDD();
    self.obtenerTodosDatos().then(function(datos) {
        if (!datos || datos.length === 0) { Mensaje.error({ titulo: 'Excel', texto: 'No hay datos para exportar' }); return; }
        function go() {
            var wb = new ExcelJS.Workbook();
            var ws = wb.addWorksheet('Stock Corte Fecha');
            ws.columns = [
                { header: 'Codigo', key: 'cod', width: 10 }, { header: 'Cod. Venta', key: 'codvta', width: 12 },
                { header: 'Articulo', key: 'nombre', width: 35 }, { header: 'Familia', key: 'familia', width: 18 },
                { header: 'Und', key: 'und', width: 8 }, { header: 'Cantidad', key: 'stock', width: 12 }
            ];
            ws.getRow(1).font = { bold: true, color: { argb: 'FFFFFFFF' } };
            ws.getRow(1).fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FF1A4480' } };
            ws.getRow(1).alignment = { horizontal: 'center' };
            var tE = 0;
            datos.forEach(function(art) {
                var stock = parseFloat(art.stock) || 0;
                tE += stock;
                ws.addRow({ cod: art.cod_articulo || '', codvta: art.cod_vta || '', nombre: art.nom_art || '', familia: art.nom_fam || '', und: art.und_prd || '', stock: stock });
            });
            ws.addRow([]);
            ws.addRow(['', '', '', '', 'TOTAL', tE]).font = { bold: true };
            ws.getColumn('stock').numFmt = '#,##0.00';
            wb.xlsx.writeBuffer().then(function(buf) {
                var a = document.createElement('a');
                a.href = URL.createObjectURL(new Blob([buf], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }));
                a.download = 'stock_corte_fecha_' + new Date().toISOString().slice(0, 10) + '.xlsx';
                a.click();
            });
        }
        if (typeof ExcelJS === 'undefined') { var s = document.createElement('script'); s.src = 'https://cdn.jsdelivr.net/npm/exceljs@4.4.0/dist/exceljs.min.js'; s.onload = go; document.head.appendChild(s); } else { go(); }
    });
};

StockCorteFecha.exportarCSV = function() {
    var self = this;
    self.cerrarExportDD();
    self.obtenerTodosDatos().then(function(datos) {
        if (!datos || datos.length === 0) { Mensaje.error({ titulo: 'CSV', texto: 'No hay datos para exportar' }); return; }
        var bom = '\uFEFF', rows = [];
        rows.push(['Codigo', 'Cod.Venta', 'Articulo', 'Familia', 'Und', 'Cantidad'].join(';'));
        datos.forEach(function(art) {
            var stock = parseFloat(art.stock) || 0;
            rows.push(['"'+(art.cod_articulo||'')+'"','"'+(art.cod_vta||'')+'"','"'+(art.nom_art||'').replace(/"/g,'""')+'"','"'+(art.nom_fam||'').replace(/"/g,'""')+'"','"'+(art.und_prd||'')+'"',stock.toFixed(2).replace('.',',')].join(';'));
        });
        var a = document.createElement('a');
        a.href = URL.createObjectURL(new Blob([bom + rows.join('\n')], { type: 'text/csv;charset=utf-8' }));
        a.download = 'stock_corte_fecha_' + new Date().toISOString().slice(0, 10) + '.csv';
        a.click();
    });
};

StockCorteFecha.exportarPDF = function() { this.cerrarExportDD(); this.imprimir(); };

StockCorteFecha.exportarTXT = function() {
    var self = this;
    self.cerrarExportDD();
    self.obtenerTodosDatos().then(function(datos) {
        if (!datos || datos.length === 0) { Mensaje.error({ titulo: 'TXT', texto: 'No hay datos para exportar' }); return; }
        var rows = [];
        rows.push(['Codigo', 'Cod.Venta', 'Articulo', 'Familia', 'Und', 'Cantidad'].join('\t'));
        datos.forEach(function(art) {
            var stock = parseFloat(art.stock) || 0;
            rows.push([art.cod_articulo||'',art.cod_vta||'',art.nom_art||'',art.nom_fam||'',art.und_prd||'',stock.toFixed(2)].join('\t'));
        });
        var a = document.createElement('a');
        a.href = URL.createObjectURL(new Blob([rows.join('\n')], { type: 'text/plain;charset=utf-8' }));
        a.download = 'stock_corte_fecha_' + new Date().toISOString().slice(0, 10) + '.txt';
        a.click();
    });
};

StockCorteFecha._attatchRowEvents = function() {
    var self = this;
    var wrap = document.getElementById(self.elementId + 'TablaWrap');
    if (!wrap || !self.currentData || self.currentData.length === 0) return;
    var rows = wrap.querySelectorAll('table tbody tr:not(.scf-total-row)');
    rows.forEach(function(tr, idx) {
        var rowData = self.currentData[idx];
        if (!rowData) return;
        tr.style.cursor = 'pointer';
        tr.addEventListener('dblclick', function(e) {
            if (e.target.closest('.prov-btn-accion, .prov-btn-eliminar, .prov-btn-filtro')) return;
            self._verDetalleArticulo(rowData);
        });
    });
};

StockCorteFecha._verDetalleArticulo = function(row) {
    var self = this;
    self.ensureSesion();
    if (!row.id_articulo || !self.sesion) return;
    fetch(self.API_URL + '/articulos/' + row.id_articulo + '?id_empresa=' + self.sesion.id_empresa)
        .then(function(r) { return r.json(); })
        .then(function(res) {
            if (!res.ok) { Mensaje.error({ titulo: 'Error', texto: 'Artículo no encontrado' }); return; }
            var a = res.data;
            var html = '<div style="padding:4px 0"><div style="display:grid;grid-template-columns:auto 1fr;gap:4px 16px;font-size:0.82rem">';
            html += '<span style="font-weight:600;color:#475569">Código:</span><span>' + (a.cod_articulo || '-') + '</span>';
            html += '<span style="font-weight:600;color:#475569">Cód. Venta:</span><span>' + (a.cod_vta || '-') + '</span>';
            html += '<span style="font-weight:600;color:#475569">Nombre:</span><span>' + (a.nombre || '-') + '</span>';
            html += '<span style="font-weight:600;color:#475569">Familia:</span><span>' + (a.familia_nombre || '-') + '</span>';
            html += '<span style="font-weight:600;color:#475569">Subfamilia:</span><span>' + (a.subfamilia_nombre || '-') + '</span>';
            html += '<span style="font-weight:600;color:#475569">Unidad:</span><span>' + (a.unidad_nombre || '-') + ' (' + (a.unidad_codigo || '') + ')</span>';
            html += '<span style="font-weight:600;color:#475569">Proveedor:</span><span>' + (a.proveedor_razon_social || '-') + '</span>';
            html += '<span style="font-weight:600;color:#475569">Stock Actual:</span><span style="font-weight:700">' + StockCorteFecha._fmtMiles(a.stock_actual) + '</span>';
            html += '<span style="font-weight:600;color:#475569">Stock Mínimo:</span><span>' + StockCorteFecha._fmtMiles(a.stock_minimo) + '</span>';
            html += '<span style="font-weight:600;color:#475569">Stock Máximo:</span><span>' + StockCorteFecha._fmtMiles(a.stock_maximo) + '</span>';
            html += '<span style="font-weight:600;color:#475569">Precio Venta:</span><span>S/ ' + StockCorteFecha._fmtMiles(a.precio_venta) + '</span>';
            html += '<span style="font-weight:600;color:#475569">Precio Compra:</span><span>S/ ' + StockCorteFecha._fmtMiles(a.precio_compra) + '</span>';
            html += '</div></div>';
            Modal.abrir({ titulo: 'Detalle de Artículo — ' + (a.cod_articulo || ''), ancho: '600px', contenido: html, botones: [{ texto: 'Cerrar', tipo: 'primario', accion: function() { Modal.cerrar(); } }] });
        }).catch(function() { Mensaje.error({ titulo: 'Error', texto: 'Error al cargar artículo' }); });
};

StockCorteFecha.init({
    title: 'Stock por Corte de Fecha',
    icon: 'fa-calendar-check',
    idSingular: 'Stock',
    idField: 'cod_articulo',
    endpoint: '/stock-corte-fecha',
    sortDefault: 'cod_vta',
    limite: 50,
    searchPlaceholder: 'Buscar por codigo, nombre...',
    filtroEstado: false,
    showEstado: false,
    showAcciones: false,
    showCrear: false,
    exportFileName: 'StockCorteFecha',
    elementId: 'pageStockCorteFecha',
    menuPage: 'StockCorteFecha',
    columnFilters: {},
    columns: [
        { field: 'cod_articulo', label: 'Codigo', sortable: true, filterable: true, width: '10%' },
        { field: 'cod_vta', label: 'Cod. Venta', sortable: true, filterable: true, width: '12%',
            render: function(row) { return row.cod_vta || ''; }
        },
        { field: 'nom_art', label: 'Articulo', sortable: true, filterable: true, width: '30%' },
        { field: 'nom_fam', label: 'Familia', sortable: true, filterable: true, width: '20%',
            render: function(row) { return '<span style="color:#64748b">' + (row.nom_fam || '') + '</span>'; }
        },
        { field: 'und_prd', label: 'Und', sortable: false, filterable: false, width: '8%',
            render: function(row) { return '<span style="text-align:center;display:block">' + (row.und_prd || '') + '</span>'; }
        },
        { field: 'stock', label: 'Cantidad', sortable: true, filterable: false, width: '12%',
            render: function(row) {
                var val = parseFloat(row.stock) || 0;
                return '<span style="display:block;text-align:right;font-weight:700">' + StockCorteFecha._fmtMiles(val) + '</span>';
            }
        }
    ],
    onEliminar: null
});
