// /home/Autopartes/pos/static/js/inventory.js
// Inventory management UI — rewritten to match design-system HTML structure
// Panels: panel-stock, panel-entradas, panel-salidas, panel-traspasos, panel-ajustes, panel-conteos, panel-alertas

(function () {
    'use strict';

    var API = '/pos/api/inventory';
    function getToken() { return localStorage.getItem('pos_token') || ''; }
    if (!getToken()) { window.location.href = '/pos/login'; return; }

    function authHeaders() { return { 'Authorization': 'Bearer ' + getToken(), 'Content-Type': 'application/json' }; }
    var currentPage = 1;
    var currentSearch = '';
    var draftCountId = null;
    var inventoryVS = null;
    var compatSource = 'both'; // default, loaded from config
    var inventorySearchController = null;

    var user = window.POS_USER || {};
    var userRole = (user.role || '').toLowerCase();
    var userPerms = user.permissions || [];
    var canEditPrices = userRole === 'owner' || userRole === 'admin' || userPerms.indexOf('config.edit_prices') !== -1;
    var canCreateItem = userRole === 'owner' || userRole === 'admin' || userRole === 'counter' || userRole === 'cashier' || userRole === 'warehouse' || userPerms.indexOf('inventory.create') !== -1;
    var canEditItem = userRole === 'owner' || userRole === 'admin' || userRole === 'warehouse' || userPerms.indexOf('inventory.edit') !== -1;
    var canImportItems = userRole === 'owner' || userRole === 'admin' || userRole === 'warehouse' || userPerms.indexOf('inventory.edit') !== -1;

    // Hide toolbar actions the user is not allowed to use
    (function applyInventoryPermissions() {
        var headerNew = document.getElementById('btnHeaderNewProduct');
        var stockNew = document.getElementById('btnStockNewProduct');
        var headerImport = document.getElementById('btnHeaderImport');
        if (headerNew) headerNew.style.display = canCreateItem ? '' : 'none';
        if (stockNew) stockNew.style.display = canCreateItem ? '' : 'none';
        if (headerImport) headerImport.style.display = canImportItems ? '' : 'none';
    })();

    // Load compatibility source setting
    (function loadCompatSource() {
        fetch('/pos/api/config/vehicle-compat-source', { headers: { 'Authorization': 'Bearer ' + getToken() } })
            .then(function(r) { return r.json(); })
            .then(function(d) {
                if (d.source) compatSource = d.source;
            }).catch(function() {});
    })();

    // --- API helper ---
    function apiFetch(url, opts) {
        return fetch(url, Object.assign({ headers: authHeaders() }, opts || {}))
            .then(function (resp) {
                if (resp.status === 401) {
                    localStorage.removeItem('pos_token');
                    window.location.href = '/pos/login';
                    return null;
                }
                return resp.json();
            });
    }

    // --- Helpers ---
    function fmt(n) { return (parseFloat(n) || 0).toFixed(2); }
    function esc(s) {
        if (!s) return '';
        var d = document.createElement('div');
        d.textContent = s;
        return d.innerHTML;
    }
    function formatDateTime(isoStr) {
        if (!isoStr) return '-';
        var d = new Date(isoStr);
        if (isNaN(d.getTime())) return esc(isoStr);
        return d.toLocaleString('es-MX', {
            day: '2-digit', month: '2-digit', year: 'numeric',
            hour: '2-digit', minute: '2-digit'
        });
    }

    // --- Dashboard summary badges ---
    function loadSummary() {
        var skeletonHtml = '<div class="skeleton skeleton--text" style="width:80%;"></div>';
        ['inv-total-skus','inv-total-value','inv-low-stock','inv-no-movement'].forEach(function(id) {
            var el = document.getElementById(id);
            if (el) el.innerHTML = skeletonHtml;
        });
        apiFetch(API + '/summary').then(function(data) {
            if (!data) return;
            var totalSkusEl = document.getElementById('inv-total-skus');
            var totalValueEl = document.getElementById('inv-total-value');
            var lowStockEl = document.getElementById('inv-low-stock');
            var noMovementEl = document.getElementById('inv-no-movement');
            if (totalSkusEl) totalSkusEl.textContent = (data.total_skus || 0).toLocaleString('es-MX');
            if (totalValueEl) totalValueEl.textContent = '$' + (data.total_value || 0).toLocaleString('es-MX', {minimumFractionDigits: 2, maximumFractionDigits: 2});
            if (lowStockEl) lowStockEl.textContent = (data.low_stock || 0).toLocaleString('es-MX');
            if (noMovementEl) noMovementEl.textContent = (data.no_movement || 0).toLocaleString('es-MX');
        }).catch(function(err) {
            console.error('Inventory summary load failed:', err);
        });
    }
    loadSummary();

    // --- Global tier discounts ---
    var globalDiscounts = { 2: 15, 3: 25 };
    function loadTierDiscounts() {
        apiFetch(API + '/tier-discounts').then(function(data) {
            if (data && data.data) {
                data.data.forEach(function(d) {
                    globalDiscounts[d.tier_id] = d.discount_pct;
                });
            }
            var discEl = document.getElementById('tierDiscountBadge');
            if (discEl) {
                discEl.textContent = 'Taller -' + globalDiscounts[2] + '% · Mayoreo -' + globalDiscounts[3] + '%';
            }
        });
    }
    loadTierDiscounts();

    function showTierDiscountModal() {
        document.getElementById('tierDisc2').value = globalDiscounts[2];
        document.getElementById('tierDisc3').value = globalDiscounts[3];
        document.getElementById('tierDiscountModal').classList.add('is-open');
    }
    function closeTierDiscountModal() {
        document.getElementById('tierDiscountModal').classList.remove('is-open');
    }
    function saveTierDiscounts() {
        var d2 = parseFloat(document.getElementById('tierDisc2').value) || 0;
        var d3 = parseFloat(document.getElementById('tierDisc3').value) || 0;
        fetch(API + '/tier-discounts', {
            method: 'PUT',
            headers: { 'Authorization': 'Bearer ' + getToken(), 'Content-Type': 'application/json' },
            body: JSON.stringify({ discount_pct_2: d2, discount_pct_3: d3 })
        }).then(function(r) { return r.json(); })
          .then(function(res) {
              showToast(res.message || 'Guardado', 'ok');
              globalDiscounts[2] = d2;
              globalDiscounts[3] = d3;
              var discEl = document.getElementById('tierDiscountBadge');
              if (discEl) {
                  discEl.textContent = 'Taller -' + d2 + '% · Mayoreo -' + d3 + '%';
              }
              closeTierDiscountModal();
          }).catch(function() {
              showToast('Error al guardar descuentos', 'error');
          });
    }

    // Register Cmd+K items
    if (typeof registerCmdKItem === 'function') {
        registerCmdKItem({ group: 'Inventario', label: 'Ver stock', href: '/pos/inventory#stock', icon: '📦' });
        registerCmdKItem({ group: 'Inventario', label: 'Alertas de stock', href: '/pos/inventory#alertas', icon: '⚠️' });
        registerCmdKItem({ group: 'Inventario', label: 'Entradas de mercancía', href: '/pos/inventory#entradas', icon: '📥' });
        registerCmdKItem({ group: 'Inventario', label: 'Salidas / Ventas', href: '/pos/inventory#salidas', icon: '📤' });
        registerCmdKItem({ group: 'Inventario', label: 'Traspasos', href: '/pos/inventory#traspasos', icon: '🚚' });
        registerCmdKItem({ group: 'Inventario', label: 'Ajustes', href: '/pos/inventory#ajustes', icon: '⚙️' });
        registerCmdKItem({ group: 'Inventario', label: 'Conteos físicos', href: '/pos/inventory#conteos', icon: '🔢' });
    }

    // Handle hash-based tab switching (e.g. /pos/inventory#alertas)
    (function handleHashTab() {
        var hash = window.location.hash.replace('#', '');
        if (hash && ['stock', 'entradas', 'salidas', 'traspasos', 'ajustes', 'conteos', 'alertas'].indexOf(hash) !== -1) {
            setTimeout(function() { switchTab(hash); }, 100);
        }
    })();

    // =====================================================================
    //  TAB SWITCHING — uses design-system switchTab() already in the HTML.
    //  We hook into it to trigger data loads when tabs are activated.
    // =====================================================================

    var _origSwitchTab = window.switchTab;
    window.switchTab = function (name) {
        if (typeof _origSwitchTab === 'function') _origSwitchTab(name);
        if (name === 'alertas') loadAlerts();
        if (name === 'stock') loadItems(currentPage);
    };

    // =====================================================================
    //  STOCK / PRODUCTS  (panel-stock)
    // =====================================================================

    var selectedItems = new Set();

    function renderInventoryRow(it) {
        var isChecked = selectedItems.has(it.id) ? 'checked' : '';
        return '<tr style="cursor:pointer;" onclick="viewProductDetail(' + it.id + ')">' +
            '<td onclick="event.stopPropagation();"><input type="checkbox" class="item-checkbox" data-id="' + it.id + '" ' + isChecked + ' onclick="event.stopPropagation();toggleItemSelection(' + it.id + ')"></td>' +
            '<td class="td--mono" style="font-size:var(--text-caption);color:var(--color-text-muted);">' + it.id + '</td>' +
            '<td class="td--mono">' + esc(it.barcode) + '</td>' +
            '<td class="td--mono">' + esc(it.part_number) + '</td>' +
            '<td class="td--primary">' + esc(it.name) + '</td>' +
            '<td>' + esc(it.brand) + '</td>' +
            '<td style="text-align:right" class="td--primary">' + it.stock + '</td>' +
            '<td style="text-align:right" class="td--amount">$' + fmt(it.cost) + '</td>' +
            '<td style="text-align:right" class="td--amount">$' + fmt(it.price_1) + '</td>' +
            '<td style="text-align:right" class="td--amount">$' + fmt(it.price_2) + '</td>' +
            '<td style="text-align:right" class="td--amount">$' + fmt(it.price_3) + '</td>' +
            '<td>' + esc(it.location) + '</td>' +
            '<td>' +
            '<button class="btn btn--ghost btn--sm" onclick="event.stopPropagation();viewHistory(' + it.id + ')">Historial</button> ' +
            (canEditItem ? '<button class="btn btn--ghost btn--sm" onclick="event.stopPropagation();showEditItemModal(' + it.id + ')">Editar</button> ' : '') +
            (canCreateItem ? '<button class="btn btn--ghost btn--sm" style="color:var(--color-accent);" onclick="event.stopPropagation();showPurchaseModalForItem(' + it.id + ')">Entrada</button> ' : '') +
            (userPerms.indexOf('marketplace.manage') !== -1 || userRole === 'owner' || userRole === 'admin' ? '<button class="btn btn--sm btn--meli" onclick="event.stopPropagation();publishToMeli(' + it.id + ')">ML</button> ' : '') +
            '<button class="btn btn--ghost btn--sm" onclick="event.stopPropagation();printBarcode(\'' + esc(it.barcode) + '\',\'' + esc(it.part_number) + '\',\'' + esc(it.name) + '\')">Etiqueta</button> ' +
            (canEditItem ? '<button class="btn btn--ghost btn--sm" style="color:var(--color-error);" onclick="event.stopPropagation();deleteItem(' + it.id + ')">Eliminar</button>' : '') +
            '</td></tr>';
    }

    window.toggleItemSelection = function(id) {
        if (selectedItems.has(id)) {
            selectedItems.delete(id);
        } else {
            selectedItems.add(id);
        }
        updateSelectionUI();
    };

    window.toggleSelectAllItems = function() {
        var cb = document.getElementById('selectAllItems');
        var allChecked = cb.checked;
        // We need to get all visible items from inventoryVS
        if (inventoryVS && inventoryVS.data) {
            inventoryVS.data.forEach(function(it) {
                if (allChecked) selectedItems.add(it.id);
                else selectedItems.delete(it.id);
            });
            inventoryVS.refresh();
        }
        updateSelectionUI();
    };

    function updateSelectionUI() {
        var count = selectedItems.size;
        var btn = document.getElementById('btnPublishML');
        var badge = document.getElementById('meliSelectedCountBadge');
        if (btn) btn.style.display = count > 0 ? 'inline-flex' : 'none';
        if (badge) badge.textContent = count;
        // Update select-all checkbox state
        var selectAll = document.getElementById('selectAllItems');
        if (selectAll && inventoryVS && inventoryVS.data) {
            var visibleIds = inventoryVS.data.map(function(it) { return it.id; });
            var allSelected = visibleIds.length > 0 && visibleIds.every(function(id) { return selectedItems.has(id); });
            selectAll.checked = allSelected;
        }
    }

    function loadItems(page, search) {
        currentPage = page || 1;
        currentSearch = search !== undefined ? search : currentSearch;
        var params = new URLSearchParams({ page: currentPage, per_page: 50 });
        if (currentSearch) params.set('q', currentSearch);

        var tbody = document.getElementById('productTableBody');
        if (tbody) tbody.innerHTML = renderSkeletonRows(12, 8);

        if (inventorySearchController) {
            inventorySearchController.abort();
        }
        inventorySearchController = new AbortController();

        apiFetch(API + '/items?' + params.toString(), { signal: inventorySearchController.signal })
            .then(function (data) {
                inventorySearchController = null;
                if (!data) return;

                var items = data.data || [];
                if (!items.length) {
                    tbody.innerHTML = '<tr><td colspan="12">' + renderEmptyState({
                        icon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>',
                        title: 'Sin productos',
                        subtitle: currentSearch ? 'No se encontraron resultados para "' + esc(currentSearch) + '". Intenta con otro término.' : 'El inventario está vacío. Crea tu primer producto para empezar.',
                        action: currentSearch ? '<button class="btn btn--ghost btn--sm" onclick="document.getElementById(\'productSearch\').value=\'\';loadItems(1,\'\')">Limpiar búsqueda</button>' : '<button class="btn btn--primary btn--sm" onclick="openCreateModal()">Crear producto</button>'
                    }) + '</td></tr>';
                    document.getElementById('productPagination').innerHTML = '';
                    return;
                }

            if (!inventoryVS) {
                inventoryVS = new VirtualScroll({
                    container: tbody,
                    rowHeight: 48,
                    buffer: 3,
                    renderRow: renderInventoryRow,
                    emptyHtml: '<tr><td colspan="12">' + renderEmptyState({ title: 'Sin productos', subtitle: 'El inventario está vacío.' }) + '</td></tr>'
                });
            }
            inventoryVS.setData(items);
            // Make columns resizable
            if (typeof makeTableResizable === 'function') {
                makeTableResizable('#stockTable');
            }

            // Pagination
            var pg = data.pagination || {};
            var pgEl = document.getElementById('productPagination');
            if (pg.total_pages > 1) {
                pgEl.innerHTML =
                    '<div class="pagination">' +
                    '<button class="page-btn" ' + (pg.page <= 1 ? 'disabled' : 'onclick="window._loadItems(' + (pg.page - 1) + ')"') + '>&lsaquo;</button>' +
                    '<span style="padding:0 var(--space-2);font-size:var(--text-body-sm);color:var(--color-text-muted);">' + pg.page + ' / ' + pg.total_pages + ' (' + pg.total + ' productos)</span>' +
                    '<button class="page-btn" ' + (pg.page >= pg.total_pages ? 'disabled' : 'onclick="window._loadItems(' + (pg.page + 1) + ')"') + '>&rsaquo;</button>' +
                    '</div>';
            } else {
                pgEl.innerHTML = '<span style="font-size:var(--text-body-sm);color:var(--color-text-muted);">' + (pg.total || 0) + ' productos</span>';
            }
        }).catch(function (err) {
            if (err.name === 'AbortError') return;
            console.error('Inventory load error:', err);
        });
    }

    // Search
    var searchInput = document.getElementById('productSearch');
    var searchTimeout;
    if (searchInput) {
        searchInput.addEventListener('input', function () {
            clearTimeout(searchTimeout);
            searchTimeout = setTimeout(function () {
                loadItems(1, searchInput.value.trim());
            }, 350);
        });
    }

    // =====================================================================
    //  CREATE ITEM  (createModal)
    // =====================================================================

    function loadCategories(selectedId) {
        var sel = document.getElementById('newCategory');
        if (!sel) return;
        apiFetch(API + '/categories/all').then(function(data) {
            if (!data || !data.categories) return;
            var cats = data.categories;
            var top = cats.filter(function(c) { return !c.parent_id; });
            var subs = cats.filter(function(c) { return c.parent_id; });
            sel.innerHTML = '<option value="">Sin categoría</option>';
            top.forEach(function(c) {
                sel.innerHTML += '<optgroup label="' + esc(c.name) + '">' +
                    '<option value="' + c.id + '"' + (c.id === selectedId ? ' selected' : '') + '>' + esc(c.name) + '</option>';
                subs.filter(function(s) { return s.parent_id === c.id; }).forEach(function(s) {
                    sel.innerHTML += '<option value="' + s.id + '"' + (s.id === selectedId ? ' selected' : '') + '>&nbsp;&nbsp;' + esc(s.name) + '</option>';
                });
                sel.innerHTML += '</optgroup>';
            });
        });
    }
    window.loadCategories = loadCategories;

    function onCategoryChange(categoryId) {
        // Kept for backwards compatibility; selector is now flat.
    }
    window.onCategoryChange = onCategoryChange;

    function resetCreateModal() {
        document.getElementById('editItemId').value = '';
        document.getElementById('createModalTitle').textContent = 'Nuevo Producto';
        document.getElementById('createModalBtn').textContent = 'Crear Producto';
        var ids = ['newPartNumber','newName','newBrand','newBarcode','newSku2','newSku3','newUnit','newCost','newPrice1','newMinStock','newInitialStock','newMaxStock','newTaxRate','newLocation','newDescription'];
        ids.forEach(function(id) {
            var el = document.getElementById(id);
            if (el) el.value = '';
        });
        document.getElementById('newCategory').innerHTML = '<option value="">Sin categoría</option>';
        document.getElementById('newIsActive').value = 'true';
        document.getElementById('initialStockField').style.display = '';
        document.querySelectorAll('#createModal .price-field input').forEach(function(el) { el.disabled = false; });
    }

    function showCreateModal() {
        resetCreateModal();
        document.getElementById('createModal').classList.add('is-open');
        loadCategories();
        // Attach AI classification on part number blur
        var pnInput = document.getElementById('newPartNumber');
        if (pnInput && !pnInput._classifyBound) {
            pnInput._classifyBound = true;
            pnInput.addEventListener('blur', function () {
                var pn = this.value.trim();
                if (pn.length < 3) return;
                var nameInput = document.getElementById('newName');
                // Only auto-classify if name is still empty
                if (nameInput && nameInput.value.trim()) return;
                classifyPartNumber(pn);
            });
        }
    }

    function showEditItemModal(itemId) {
        resetCreateModal();
        document.getElementById('editItemId').value = itemId;
        document.getElementById('createModalTitle').textContent = 'Editar Producto';
        document.getElementById('createModalBtn').textContent = 'Guardar Cambios';
        document.getElementById('initialStockField').style.display = 'none';
        document.getElementById('createModal').classList.add('is-open');
        apiFetch(API + '/items/' + itemId).then(function(it) {
            if (!it) return;
            document.getElementById('newPartNumber').value = it.part_number || '';
            document.getElementById('newName').value = it.name || '';
            document.getElementById('newBrand').value = it.brand || '';
            document.getElementById('newBarcode').value = it.barcode || '';
            document.getElementById('newUnit').value = it.unit || '';
            document.getElementById('newCost').value = it.cost != null ? it.cost : '';
            document.getElementById('newPrice1').value = it.price_1 != null ? it.price_1 : '';
            document.getElementById('newMinStock').value = it.min_stock != null ? it.min_stock : '';
            document.getElementById('newMaxStock').value = it.max_stock != null ? it.max_stock : '';
            document.getElementById('newTaxRate').value = it.tax_rate != null ? it.tax_rate : '';
            document.getElementById('newLocation').value = it.location || '';
            document.getElementById('newDescription').value = it.description || '';
            document.getElementById('newIsActive').value = (it.is_active === false ? 'false' : 'true');
            document.getElementById('newSku2').value = (it.sku_aliases && it.sku_aliases[0]) ? it.sku_aliases[0].sku : '';
            document.getElementById('newSku3').value = (it.sku_aliases && it.sku_aliases[1]) ? it.sku_aliases[1].sku : '';
            if (!canEditPrices) {
                document.querySelectorAll('#createModal .price-field input').forEach(function(el) { el.disabled = true; });
            }
            loadCategories(it.category_id);
        }).catch(function(e) {
            alert('Error al cargar producto: ' + e.message);
            closeCreateModal();
        });
    }
    window.showEditItemModal = showEditItemModal;

    function classifyPartNumber(partNumber) {
        var resultEl = document.getElementById('createResult');
        resultEl.innerHTML = '<span style="color:var(--color-text-muted);">Consultando IA...</span>';
        apiFetch(API + '/classify/' + encodeURIComponent(partNumber)).then(function (data) {
            if (!data) return;
            if (data.name) {
                document.getElementById('newName').value = data.name;
            }
            if (data.brand) {
                document.getElementById('newBrand').value = data.brand;
            }
            // Show suggestion label
            var parts = [];
            if (data.name) parts.push(data.name);
            if (data.brand) parts.push(data.brand);
            if (data.vehicle) parts.push(data.vehicle);
            if (data.category) parts.push(data.category);
            if (parts.length > 0) {
                resultEl.innerHTML = '<span style="color:var(--color-accent);font-size:var(--text-caption);">Sugerido por IA: ' + esc(parts.join(' | ')) + '</span>';
            } else {
                resultEl.innerHTML = '<span style="color:var(--color-text-muted);font-size:var(--text-caption);">IA no pudo identificar este numero de parte</span>';
            }
        }).catch(function () {
            resultEl.innerHTML = '';
        });
    }

    function closeCreateModal() {
        document.getElementById('createModal').classList.remove('is-open');
        document.getElementById('createResult').innerHTML = '';
        resetCreateModal();
    }

    function createItem() {
        var editId = document.getElementById('editItemId').value;
        var data = {
            part_number: document.getElementById('newPartNumber').value.trim(),
            name: document.getElementById('newName').value.trim(),
            brand: document.getElementById('newBrand').value.trim(),
            barcode: document.getElementById('newBarcode').value.trim() || undefined,
            unit: document.getElementById('newUnit').value.trim() || undefined,
            cost: parseFloat(document.getElementById('newCost').value) || 0,
            price_1: parseFloat(document.getElementById('newPrice1').value) || 0,
            min_stock: parseInt(document.getElementById('newMinStock').value) || 0,
            max_stock: parseInt(document.getElementById('newMaxStock').value) || 0,
            tax_rate: parseFloat(document.getElementById('newTaxRate').value) || 0,
            location: document.getElementById('newLocation').value.trim(),
            description: document.getElementById('newDescription').value.trim(),
            is_active: document.getElementById('newIsActive').value === 'true',
            sku_aliases: []
        };
        var sku2 = document.getElementById('newSku2').value.trim();
        var sku3 = document.getElementById('newSku3').value.trim();
        var categoryId = document.getElementById('newCategory').value;
        if (categoryId) data.category_id = parseInt(categoryId);
        if (sku2) data.sku_aliases.push({sku: sku2, label: 'Alternativo 1'});
        if (sku3) data.sku_aliases.push({sku: sku3, label: 'Alternativo 2'});
        if (!data.part_number || !data.name) {
            document.getElementById('createResult').innerHTML = '<span style="color:var(--color-error);">Numero de parte y nombre son obligatorios</span>';
            return;
        }

        var url = API + '/items';
        var method = 'POST';
        if (editId) {
            url = API + '/items/' + editId;
            method = 'PUT';
            // Stock inicial solo en creación
        } else {
            data.initial_stock = parseInt(document.getElementById('newInitialStock').value) || 0;
        }

        apiFetch(url, { method: method, body: JSON.stringify(data) }).then(function (result) {
            if (result && (result.id || result.message)) {
                var msg = editId ? 'Producto actualizado' : ('Creado ID ' + result.id + ' | Barcode: ' + result.barcode);
                if (!editId && result.vehicle_compatibilities_added > 0) {
                    msg += ' | ' + result.vehicle_compatibilities_added + ' vehiculo(s) asignado(s) por IA';
                }
                document.getElementById('createResult').innerHTML = '<span style="color:var(--color-success);">' + msg + '</span>';
                loadItems(currentPage);
                closeCreateModal();
                if (window.loadInventoryStats) window.loadInventoryStats();
            } else {
                document.getElementById('createResult').innerHTML = '<span style="color:var(--color-error);">' + (result ? result.error || 'Error' : 'Error de red') + '</span>';
            }
        });
    }

    function submitBulkImport() {
        var fileInput = document.getElementById('bulkImportFile');
        var resultEl = document.getElementById('bulkImportResult');
        var mode = document.getElementById('bulkImportMode').value;
        var strategy = document.getElementById('bulkImportStrategy').value;
        if (!fileInput.files || !fileInput.files[0]) {
            resultEl.style.display = 'block';
            resultEl.innerHTML = '<span style="color:var(--color-error);">Selecciona un archivo CSV o Excel.</span>';
            return;
        }
        var file = fileInput.files[0];
        var formData = new FormData();
        formData.append('file', file);
        resultEl.style.display = 'block';
        resultEl.innerHTML = '<span style="color:var(--color-text-muted);">Importando...</span>';
        fetch(API + '/items/bulk-import', {
            method: 'POST',
            headers: {
                'Authorization': 'Bearer ' + getToken(),
                'X-Import-Mode': mode,
                'X-Import-Strategy': strategy,
                'X-Import-Stock': (document.getElementById('bulkImportSkipStock') || {}).checked ? 'skip' : 'add'
            },
            body: formData
        }).then(function(resp) { return resp.json(); }).then(function(data) {
            if (data.error) {
                resultEl.innerHTML = '<span style="color:var(--color-error);">' + esc(data.error) + '</span>';
                return;
            }
            var html = '<div style="color:var(--color-success);">Importacion completada: <strong>' + data.created + '</strong> producto(s) creado(s)';
            if (data.skipped > 0) html += ', <strong>' + data.skipped + '</strong> saltado(s)';
            html += '</div>';
            if (data.warnings && data.warnings.length) {
                html += '<div style="margin-top:8px;max-height:160px;overflow:auto;background:var(--color-surface);padding:8px;border-radius:6px;font-size:var(--text-caption);">';
                html += '<strong style="color:var(--color-warning);">Advertencias (' + data.warnings.length + '):</strong><ul style="margin:4px 0 0 16px;padding:0;">';
                data.warnings.forEach(function(w) {
                    html += '<li>' + esc(w) + '</li>';
                });
                html += '</ul></div>';
            }
            resultEl.innerHTML = html;
            loadItems(currentPage);
            if (window.loadInventoryStats) window.loadInventoryStats();
        }).catch(function(err) {
            resultEl.innerHTML = '<span style="color:var(--color-error);">Error de red: ' + esc(err.message) + '</span>';
        });
    }
    window.submitBulkImport = submitBulkImport;

    function downloadBulkImportTemplate() {
        var headers = [
            'numero_de_parte','nombre','marca','precio','cantidad','costo',
            'sku_secundario','descripcion','categoria','fabricante','modelo','anio','motor','codigo_motor'
        ];
        var example = [
            'EJ-001','Filtro de aceite','ACDelco','150.00','10','90.00',
            'EJ001-ALT','Filtro para sedan','Filtros','Nissan','Sentra','2020','1.8','MR18DE'
        ];
        var csv = [headers.join(','), example.join(',')].join('\n');
        var blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
        var url = URL.createObjectURL(blob);
        var a = document.createElement('a');
        a.href = url;
        a.download = 'plantilla_inventario.csv';
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
        URL.revokeObjectURL(url);
    }
    window.downloadBulkImportTemplate = downloadBulkImportTemplate;

    // --- Full inventory export (server-side CSV) ---
    function loadExportBranches() {
        var sel = document.getElementById('exportBranch');
        if (!sel) return;
        fetch('/pos/api/config/branches', {
            headers: { 'Authorization': 'Bearer ' + getToken() }
        }).then(function(resp) { return resp.ok ? resp.json() : {}; })
          .then(function(data) {
              var branches = data.data || data.branches || [];
              branches.forEach(function(b) {
                  var opt = document.createElement('option');
                  opt.value = b.id;
                  opt.textContent = b.name;
                  sel.appendChild(opt);
              });
          }).catch(function() { /* selector queda solo con "todas" */ });
    }
    loadExportBranches();

    function exportFullInventory() {
        var btn = document.getElementById('btnExportFull');
        var branchSel = document.getElementById('exportBranch');
        var branchId = branchSel ? branchSel.value : '';
        var url = API + '/export' + (branchId ? ('?branch_id=' + encodeURIComponent(branchId)) : '');
        if (btn) { btn.disabled = true; btn.textContent = '⏳ Generando CSV...'; }
        fetch(url, {
            headers: { 'Authorization': 'Bearer ' + getToken() }
        }).then(function(resp) {
            if (!resp.ok) {
                return resp.json().catch(function() { return {}; }).then(function(err) {
                    throw new Error(err.error || ('Error ' + resp.status));
                });
            }
            var disposition = resp.headers.get('Content-Disposition') || '';
            var match = disposition.match(/filename="?([^";]+)"?/);
            var filename = match ? match[1] : 'inventario_completo.csv';
            return resp.blob().then(function(blob) { return { blob: blob, filename: filename }; });
        }).then(function(result) {
            var url = URL.createObjectURL(result.blob);
            var a = document.createElement('a');
            a.href = url;
            a.download = result.filename;
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);
            URL.revokeObjectURL(url);
            document.getElementById('exportModal').classList.remove('is-open');
            showToast('Inventario completo descargado', 'ok');
        }).catch(function(err) {
            showToast('Error al exportar: ' + esc(err.message), 'error');
        }).finally(function() {
            if (btn) { btn.disabled = false; btn.textContent = '📦 Inventario completo (CSV)'; }
        });
    }
    window.exportFullInventory = exportFullInventory;

    function exportCurrentView() {
        document.getElementById('exportModal').classList.remove('is-open');
        if (typeof window.exportVisibleTableCSV === 'function') {
            window.exportVisibleTableCSV('inventario');
        }
    }
    window.exportCurrentView = exportCurrentView;

    // =====================================================================
    //  PURCHASE / ENTRADA  (purchaseModal)
    // =====================================================================

    let purchaseSearchTimeout = null;
    let purchaseSelectedItem = null;

    function showPurchaseModal() {
        document.getElementById('purchaseModal').classList.add('is-open');
        setTimeout(function() {
            var el = document.getElementById('purchaseItemSearch');
            if (el) el.focus();
        }, 100);
    }
    function showPurchaseModalForItem(itemId) {
        // Pre-fill by fetching item details
        apiFetch(API + '/items?page=1&per_page=1').then(function() {
            // We just need the item detail; use the existing list or fetch by id
            apiFetch(API + '/items?page=1&per_page=1').then(function() {});
        });
        selectPurchaseItem({id: itemId, name: 'Producto #' + itemId});
        showPurchaseModal();
    }
    function closePurchaseModal() {
        document.getElementById('purchaseModal').classList.remove('is-open');
        document.getElementById('purchaseResult').innerHTML = '';
        clearPurchaseSelection();
    }

    function clearPurchaseSelection() {
        purchaseSelectedItem = null;
        var ids = ['purchaseItemId','purchaseItemSearch','purchaseQty','purchaseCost','purchaseInvoice','purchaseNotes'];
        ids.forEach(function(id) {
            var el = document.getElementById(id);
            if (el) el.value = '';
        });
        var results = document.getElementById('purchaseItemResults');
        if (results) results.style.display = 'none';
        var selected = document.getElementById('purchaseItemSelected');
        if (selected) selected.textContent = '';
    }

    function selectPurchaseItem(item) {
        purchaseSelectedItem = item;
        document.getElementById('purchaseItemId').value = item.id;
        document.getElementById('purchaseItemSearch').value = item.name || item.part_number || item.barcode || ('#' + item.id);
        document.getElementById('purchaseItemResults').style.display = 'none';
        document.getElementById('purchaseItemSelected').innerHTML =
            '<strong>' + esc(item.name || '') + '</strong>' +
            (item.part_number ? ' · No. parte: ' + esc(item.part_number) : '') +
            (item.barcode ? ' · Barcode: ' + esc(item.barcode) : '');
        document.getElementById('purchaseQty').focus();
    }

    function searchPurchaseItems(query) {
        var resultsEl = document.getElementById('purchaseItemResults');
        if (!query || query.length < 2) {
            resultsEl.style.display = 'none';
            return;
        }
        apiFetch(API + '/items?q=' + encodeURIComponent(query) + '&per_page=10').then(function(res) {
            var items = (res && res.data) || [];
            if (!items.length) {
                resultsEl.innerHTML = '<div style="padding:var(--space-3);color:var(--color-text-muted);font-size:var(--text-caption);">Sin resultados</div>';
                resultsEl.style.display = 'block';
                return;
            }
            resultsEl.innerHTML = items.map(function(it) {
                return '<div class="purchase-search-result" style="padding:var(--space-3);cursor:pointer;border-bottom:1px solid var(--color-border);" ' +
                    'data-id="' + it.id + '">' +
                    '<div style="font-weight:var(--font-weight-semibold);">' + esc(it.name) + '</div>' +
                    '<div style="font-size:var(--text-caption);color:var(--color-text-muted);">' +
                    (it.part_number ? 'No. parte: ' + esc(it.part_number) + ' · ' : '') +
                    (it.barcode ? 'Barcode: ' + esc(it.barcode) + ' · ' : '') +
                    'Stock: ' + (it.stock || 0) +
                    '</div>' +
                    '</div>';
            }).join('');
            resultsEl.querySelectorAll('.purchase-search-result').forEach(function(row) {
                row.onclick = function() {
                    var id = parseInt(row.dataset.id);
                    var item = items.find(function(x) { return x.id === id; });
                    if (item) selectPurchaseItem(item);
                };
            });
            resultsEl.style.display = 'block';
        }).catch(function() {
            resultsEl.style.display = 'none';
        });
    }

    function wirePurchaseSearch() {
        var input = document.getElementById('purchaseItemSearch');
        var resultsEl = document.getElementById('purchaseItemResults');
        if (!input) return;

        input.addEventListener('input', function() {
            if (purchaseSelectedItem && input.value !== purchaseSelectedItem.name) {
                purchaseSelectedItem = null;
                document.getElementById('purchaseItemId').value = '';
                document.getElementById('purchaseItemSelected').textContent = '';
            }
            clearTimeout(purchaseSearchTimeout);
            purchaseSearchTimeout = setTimeout(function() {
                searchPurchaseItems(input.value.trim());
            }, 250);
        });

        input.addEventListener('keydown', function(e) {
            if (e.key === 'Enter') {
                e.preventDefault();
                // Try exact barcode match first
                var query = input.value.trim();
                if (!query) return;
                apiFetch(API + '/items?q=' + encodeURIComponent(query) + '&per_page=20').then(function(res) {
                    var items = (res && res.data) || [];
                    var exact = items.find(function(it) {
                        return (it.barcode || '').toLowerCase() === query.toLowerCase() ||
                               (it.part_number || '').toLowerCase() === query.toLowerCase();
                    });
                    if (exact) {
                        selectPurchaseItem(exact);
                    } else if (items.length === 1) {
                        selectPurchaseItem(items[0]);
                    } else {
                        searchPurchaseItems(query);
                    }
                });
            } else if (e.key === 'Escape') {
                if (resultsEl) resultsEl.style.display = 'none';
            }
        });

        document.addEventListener('click', function(e) {
            if (resultsEl && !input.contains(e.target) && !resultsEl.contains(e.target)) {
                resultsEl.style.display = 'none';
            }
        });
    }

    function recordPurchase() {
        var data = {
            inventory_id: parseInt(document.getElementById('purchaseItemId').value),
            quantity: parseInt(document.getElementById('purchaseQty').value),
            unit_cost: parseFloat(document.getElementById('purchaseCost').value),
            supplier_invoice: document.getElementById('purchaseInvoice').value.trim(),
            notes: document.getElementById('purchaseNotes').value.trim()
        };
        if (!data.inventory_id || !data.quantity || !data.unit_cost) {
            document.getElementById('purchaseResult').innerHTML = '<span style="color:var(--color-error);">Complete todos los campos obligatorios</span>';
            return;
        }
        apiFetch(API + '/purchase', { method: 'POST', body: JSON.stringify(data) }).then(function (result) {
            if (result && result.operation_id) {
                document.getElementById('purchaseResult').innerHTML = '<span style="color:var(--color-success);">Compra registrada (op #' + result.operation_id + ')</span>';
                closePurchaseModal();
                if (window.loadInventoryStats) window.loadInventoryStats();
                loadItems(currentPage);
            } else {
                document.getElementById('purchaseResult').innerHTML = '<span style="color:var(--color-error);">' + (result ? result.error || 'Error' : 'Error de red') + '</span>';
            }
        });
    }

    // =====================================================================
    //  ADJUSTMENT / AJUSTE  (adjustmentModal)
    // =====================================================================

    function showAdjustmentModal() {
        document.getElementById('adjustmentModal').classList.add('is-open');
    }
    function closeAdjustmentModal() {
        document.getElementById('adjustmentModal').classList.remove('is-open');
        document.getElementById('adjustResult').innerHTML = '';
    }

    function recordAdjustment() {
        var data = {
            inventory_id: parseInt(document.getElementById('adjustItemId').value),
            quantity: parseInt(document.getElementById('adjustQty').value),
            reason: document.getElementById('adjustReason').value.trim()
        };
        if (!data.inventory_id || data.quantity === undefined || !data.reason) {
            document.getElementById('adjustResult').innerHTML = '<span style="color:var(--color-error);">Complete todos los campos (razon obligatoria)</span>';
            return;
        }
        apiFetch(API + '/adjustment', { method: 'POST', body: JSON.stringify(data) }).then(function (result) {
            if (result && result.operation_id) {
                document.getElementById('adjustResult').innerHTML = '<span style="color:var(--color-success);">Ajuste registrado (op #' + result.operation_id + ')</span>';
                closeAdjustmentModal();
                ['adjustItemId','adjustQty','adjustReason'].forEach(function(id) {
                    var el = document.getElementById(id);
                    if (el) el.value = '';
                });
                if (window.loadInventoryStats) window.loadInventoryStats();
                if (window.loadOperations) window.loadOperations('ajustes', 1);
                loadItems(currentPage);
            } else {
                document.getElementById('adjustResult').innerHTML = '<span style="color:var(--color-error);">' + (result ? result.error || 'Error' : 'Error de red') + '</span>';
            }
        });
    }

    // =====================================================================
    //  TRANSFER / TRASPASO  (transferModal)
    // =====================================================================

    var transferLines = [];
    var transferDocOpen = null;

    function showTransferModal() {
        document.getElementById('transferModal').classList.add('is-open');
        loadTransferBranches();
        renderTransferLines();
        loadTransferDocs();
        setTimeout(function () { var el = document.getElementById('transferScan'); if (el) el.focus(); }, 100);
    }
    function closeTransferModal() {
        document.getElementById('transferModal').classList.remove('is-open');
        document.getElementById('transferResult').innerHTML = '';
    }
    window.showTransferModal = showTransferModal;
    window.closeTransferModal = closeTransferModal;
    window.transferAddByCode = transferAddByCode;
    window.countAddByCode = countAddByCode;

    function switchTransferTab(tab) {
        document.getElementById('tr-panel-new').style.display = tab === 'new' ? '' : 'none';
        document.getElementById('tr-panel-list').style.display = tab === 'list' ? '' : 'none';
        document.getElementById('tr-tab-new').classList.toggle('active', tab === 'new');
        document.getElementById('tr-tab-list').classList.toggle('active', tab === 'list');
        document.getElementById('transferNewFooter').style.display = tab === 'new' ? 'flex' : 'none';
        if (tab === 'list') loadTransferDocs();
    }

    function loadTransferBranches() {
        fetch('/pos/api/config/branches', { headers: { 'Authorization': 'Bearer ' + getToken() } })
            .then(function (r) { return r.json(); })
            .then(function (d) {
                var sel = document.getElementById('transferTo');
                sel.innerHTML = '<option value="">-- Seleccionar --</option>';
                (d.data || []).forEach(function (b) {
                    sel.innerHTML += '<option value="' + b.id + '">' + esc(b.name) + '</option>';
                });
            }).catch(function () {});
    }

    function renderTransferLines() {
        var el = document.getElementById('transferLines');
        if (!transferLines.length) {
            el.innerHTML = '<p style="padding:10px;color:var(--color-text-muted);font-size:var(--text-caption);">Escanea o busca productos para agregarlos</p>';
            return;
        }
        el.innerHTML = transferLines.map(function (l, i) {
            return '<div style="display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--color-border);">'
                + '<span style="flex:1;font-size:var(--text-body-sm);">' + esc(l.name) + ' <span style="font-family:var(--font-mono);color:var(--color-text-muted);">' + esc(l.part_number) + '</span> · Stock origen: ' + l.stock + '</span>'
                + '<input type="number" min="1" value="' + l.quantity + '" onchange="Inventory.transferLineQty(' + i + ', this.value)" style="width:80px;" class="form-input" />'
                + '<button class="btn btn--ghost btn--sm" onclick="Inventory.transferLineRemove(' + i + ')">✕</button>'
                + '</div>';
        }).join('');
    }

    function transferAddByCode(code) {
        apiFetch(API + '/items/lookup?code=' + encodeURIComponent(code))
            .then(function (d) {
                if (!d || !d.found) {
                    document.getElementById('transferResult').innerHTML = '<span style="color:var(--color-error);">Código no encontrado: ' + esc(code) + '</span>';
                    return;
                }
                var it = d.item;
                var existing = transferLines.find(function (l) { return l.inventory_id === it.id; });
                if (existing) existing.quantity += 1;
                else transferLines.push({ inventory_id: it.id, part_number: it.part_number, name: it.name, stock: it.stock, quantity: 1 });
                renderTransferLines();
            }).catch(function () {
                document.getElementById('transferResult').innerHTML = '<span style="color:var(--color-error);">Error de búsqueda</span>';
            });
    }

    function transferLineQty(i, v) {
        transferLines[i].quantity = Math.max(1, parseInt(v, 10) || 1);
    }
    function transferLineRemove(i) {
        transferLines.splice(i, 1);
        renderTransferLines();
    }

    function transferDocSave(andSend) {
        var toBranch = parseInt(document.getElementById('transferTo').value);
        if (!toBranch) { alert('Selecciona sucursal destino'); return; }
        if (!transferLines.length) { alert('Agrega al menos un producto'); return; }
        apiFetch(API + '/transfer-docs', {
            method: 'POST',
            body: JSON.stringify({
                to_branch_id: toBranch,
                notes: document.getElementById('transferNotes').value.trim(),
                items: transferLines.map(function (l) {
                    return { inventory_id: l.inventory_id, quantity: l.quantity };
                }),
            })
        }).then(function (d) {
            if (!d || !d.id) throw new Error(d ? d.error || 'Error' : 'Error de red');
            if (!andSend) {
                document.getElementById('transferResult').innerHTML = '<span style="color:var(--color-success);">Borrador #' + d.id + ' guardado</span>';
                transferLines = [];
                renderTransferLines();
                return;
            }
            return apiFetch(API + '/transfer-docs/' + d.id + '/send', { method: 'POST', body: '{}' })
                .then(function (s) {
                    document.getElementById('transferResult').innerHTML = '<span style="color:var(--color-success);">Transferencia #' + d.id + ' enviada</span>';
                    transferLines = [];
                    renderTransferLines();
                    if (window.loadInventoryStats) window.loadInventoryStats();
                });
        }).catch(function (e) {
            document.getElementById('transferResult').innerHTML = '<span style="color:var(--color-error);">' + esc(e.message) + '</span>';
        });
    }

    function loadTransferDocs() {
        apiFetch(API + '/transfer-docs').then(function (d) {
            var docs = (d && d.data) || [];
            var el = document.getElementById('transferDocsList');
            if (!docs.length) {
                el.innerHTML = '<p style="padding:10px;color:var(--color-text-muted);font-size:var(--text-caption);">Sin transferencias registradas</p>';
                return;
            }
            var statusColor = { draft: 'var(--color-text-muted)', sent: 'var(--color-warning)', received: 'var(--color-success)', cancelled: 'var(--color-error)' };
            el.innerHTML = docs.map(function (t) {
                return '<div style="display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--color-border);cursor:pointer;" onclick="Inventory.openTransferDoc(' + t.id + ')">'
                    + '<div style="flex:1;"><strong>#' + t.id + '</strong> ' + esc(t.from_name) + ' → ' + esc(t.to_name)
                    + ' <span style="color:' + (statusColor[t.status] || 'auto') + ';font-weight:600;">[' + t.status + ']</span>'
                    + '<div style="font-size:var(--text-caption);color:var(--color-text-muted);">' + t.total_qty + ' piezas · ' + (t.created_at || '').slice(0, 16).replace('T', ' ') + '</div></div>'
                    + '<span style="color:var(--color-text-muted);">›</span></div>';
            }).join('');
        });
    }

    function openTransferDoc(id) {
        apiFetch(API + '/transfer-docs/' + id).then(function (d) {
            switchTransferTab('new');
            document.getElementById('tr-panel-new').style.display = 'none';
            document.getElementById('tr-panel-list').style.display = '';
            transferDocOpen = d;
            var el = document.getElementById('transferDocsList');
            var html = '<div style="padding:10px;"><button class="btn btn--ghost btn--sm" onclick="Inventory.switchTransferTab(\'list\')">← Volver</button></div>';
            html += '<div style="padding:0 10px;"><strong>#' + d.id + '</strong> ' + esc(d.from_name) + ' → ' + esc(d.to_name)
                + ' <span style="font-weight:600;">[' + d.status + ']</span></div>';
            html += '<div style="padding:10px;">';
            d.lines.forEach(function (l) {
                html += '<div style="display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--color-border);">'
                    + '<span style="flex:1;font-size:var(--text-body-sm);">' + esc(l.name) + ' <span style="font-family:var(--font-mono);color:var(--color-text-muted);">' + esc(l.part_number) + '</span></span>'
                    + '<span>Env: ' + l.quantity + '</span>';
                if (d.status === 'sent') {
                    html += '<label style="font-size:var(--text-caption);">Recibido:</label>'
                        + '<input type="number" min="0" max="' + l.quantity + '" value="' + l.qty_received + '" id="tr-rec-' + l.id + '" class="form-input" style="width:70px;" />';
                } else {
                    html += '<span>Rec: ' + l.qty_received + '</span>';
                }
                html += '</div>';
            });
            html += '</div>';
            html += '<div style="padding:0 10px 10px;">';
            if (d.status === 'draft') {
                html += '<button class="btn btn--primary" onclick="Inventory.transferDocSend(' + d.id + ')">Enviar (descontar origen)</button> ';
            }
            if (d.status === 'sent') {
                html += '<button class="btn btn--primary" onclick="Inventory.transferDocReceive(' + d.id + ')" style="background:var(--color-success);">Confirmar recepción</button> ';
            }
            if (d.status === 'draft') {
                html += '<button class="btn btn--ghost" onclick="Inventory.transferDocCancel(' + d.id + ')" style="color:var(--color-error);">Cancelar</button>';
            }
            html += '</div><div id="transferResult" style="padding:0 10px;min-height:1.5em;"></div>';
            el.innerHTML = html;
        });
    }

    function transferDocSend(id) {
        apiFetch(API + '/transfer-docs/' + id + '/send', { method: 'POST', body: '{}' })
            .then(function (r) {
                if (r && r.ok) { if (window.loadInventoryStats) window.loadInventoryStats(); openTransferDoc(id); }
                else alert((r && r.error) || 'Error');
            });
    }

    function transferDocReceive(id) {
        var received = {};
        document.querySelectorAll('[id^="tr-rec-"]').forEach(function (inp) {
            var lineId = parseInt(inp.id.replace('tr-rec-', ''), 10);
            received[lineId] = parseInt(inp.value, 10) || 0;
        });
        apiFetch(API + '/transfer-docs/' + id + '/receive', {
            method: 'POST', body: JSON.stringify({ received: received })
        }).then(function (r) {
            if (r && r.ok) {
                alert('Recepción confirmada' + (r.differences ? ' — ' + r.differences + ' diferencia(s) ajustadas en destino' : ''));
                if (window.loadInventoryStats) window.loadInventoryStats();
                loadItems(currentPage);
                openTransferDoc(id);
            } else alert((r && r.error) || 'Error');
        });
    }

    function transferDocCancel(id) {
        if (!confirm('¿Cancelar el borrador de transferencia?')) return;
        apiFetch(API + '/transfer-docs/' + id + '/cancel', { method: 'POST', body: '{}' })
            .then(function () { loadTransferDocs(); });
    }
    // =====================================================================
    //  OPERATIONS LIST (Entradas, Salidas, Traspasos, Ajustes)
    // =====================================================================

    var opTypeMap = {
        'entradas': 'PURCHASE',
        'salidas': 'SALE',
        'traspasos': 'TRANSFER',
        'ajustes': 'ADJUST'
    };

    var opColspan = { entradas: 8, salidas: 7, traspasos: 8, ajustes: 7 };

    function loadOperations(type, page) {
        var opType = opTypeMap[type];
        if (!opType) return;
        page = page || 1;
        var params = new URLSearchParams({ type: opType, page: page, per_page: 50 });
        apiFetch(API + '/operations?' + params.toString()).then(function (data) {
            if (!data) return;
            var tbodyId = type + 'TableBody';
            var footerId = type + 'Footer';
            var pagId = type + 'Pagination';
            var tbody = document.getElementById(tbodyId);
            var ops = data.data || [];
            if (!ops.length) {
                tbody.innerHTML = '<tr><td colspan="' + (opColspan[type] || 8) + '" style="text-align:center;padding:30px;color:var(--color-text-muted);">Sin registros</td></tr>';
                document.getElementById(pagId).innerHTML = '';
                document.getElementById(footerId).textContent = '';
                return;
            }
            tbody.innerHTML = ops.map(function (op) { return renderOperationRow(op, type); }).join('');
            var pg = data.pagination || {};
            if (pg.total_pages > 1) {
                document.getElementById(pagId).innerHTML =
                    '<div class="pagination">' +
                    '<button class="page-btn" ' + (pg.page <= 1 ? 'disabled' : 'onclick="window._loadOperations(\'' + type + '\',' + (pg.page - 1) + ')"') + '>&lsaquo;</button>' +
                    '<span style="padding:0 var(--space-2);font-size:var(--text-body-sm);color:var(--color-text-muted);">' + pg.page + ' / ' + pg.total_pages + ' (' + pg.total + ' registros)</span>' +
                    '<button class="page-btn" ' + (pg.page >= pg.total_pages ? 'disabled' : 'onclick="window._loadOperations(\'' + type + '\',' + (pg.page + 1) + ')"') + '>&rsaquo;</button>' +
                    '</div>';
            } else {
                document.getElementById(pagId).innerHTML = '';
            }
            document.getElementById(footerId).textContent = (pg.total || 0) + ' registros';
        });
    }
    window.loadOperations = loadOperations;
    window._loadOperations = loadOperations;

    function renderOperationRow(op, type) {
        var dateStr = op.created_at ? new Date(op.created_at).toLocaleString('es-MX', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' }) : '-';
        var productInfo = esc(op.part_number || op.barcode || '') + ' — ' + esc(op.product_name || '');
        if (type === 'entradas') {
            return '<tr>' +
                '<td class="td--mono">#' + op.id + '</td>' +
                '<td>' + dateStr + '</td>' +
                '<td>' + productInfo + '</td>' +
                '<td style="text-align:right">' + (op.quantity || 0) + '</td>' +
                '<td style="text-align:right" class="td--amount">$' + fmt(op.cost_at_time || 0) + '</td>' +
                '<td style="text-align:right" class="td--amount">$' + fmt(op.total || 0) + '</td>' +
                '<td>' + esc(op.notes || '-') + '</td>' +
                '<td>' + esc(op.employee_name || '-') + '</td>' +
                '</tr>';
        }
        if (type === 'salidas') {
            return '<tr>' +
                '<td class="td--mono">#' + op.id + '</td>' +
                '<td>' + dateStr + '</td>' +
                '<td>' + productInfo + '</td>' +
                '<td style="text-align:right">' + (op.quantity || 0) + '</td>' +
                '<td style="text-align:right" class="td--amount">$' + fmt(op.total || 0) + '</td>' +
                '<td>' + esc(op.notes || '-') + '</td>' +
                '<td>' + esc(op.employee_name || '-') + '</td>' +
                '</tr>';
        }
        if (type === 'traspasos') {
            return '<tr>' +
                '<td class="td--mono">#' + op.id + '</td>' +
                '<td>' + dateStr + '</td>' +
                '<td>' + productInfo + '</td>' +
                '<td style="text-align:right">' + (op.quantity || 0) + '</td>' +
                '<td>' + esc(op.branch_name || '-') + '</td>' +
                '<td>' + esc(op.notes || '-') + '</td>' +
                '<td>' + esc(op.employee_name || '-') + '</td>' +
                '<td></td>' +
                '</tr>';
        }
        if (type === 'ajustes') {
            return '<tr>' +
                '<td class="td--mono">#' + op.id + '</td>' +
                '<td>' + dateStr + '</td>' +
                '<td>' + esc(op.operation_type || 'ADJUST') + '</td>' +
                '<td>' + productInfo + '</td>' +
                '<td style="text-align:right">' + (op.quantity || 0) + '</td>' +
                '<td>' + esc(op.notes || '-') + '</td>' +
                '<td>' + esc(op.employee_name || '-') + '</td>' +
                '</tr>';
        }
        return '<tr><td colspan="8">-</td></tr>';
    }

    // =====================================================================
    //  PHYSICAL COUNT / CONTEO  (countModal)
    // =====================================================================

    function showCountModal() {
        document.getElementById('countModal').classList.add('is-open');
        // Pre-add one line if empty
        if (!document.querySelectorAll('#countLines .count-row').length) {
            addCountLine();
        }
    }
    function closeCountModal() {
        document.getElementById('countModal').classList.remove('is-open');
    }

    var countRows = [];

    function addCountLine() {
        var input = document.getElementById('countScanInput');
        if (input) input.focus();
    }

    function countAddByCode(code, qty) {
        apiFetch(API + '/items/lookup?code=' + encodeURIComponent(code))
            .then(function (d) {
                if (!d || !d.found) {
                    alert('Código no encontrado: ' + code);
                    return;
                }
                var it = d.item;
                var row = countRows.find(function (r) { return r.inventory_id === it.id; });
                if (row) row.counted_quantity += (qty || 1);
                else countRows.push({
                    inventory_id: it.id, part_number: it.part_number, name: it.name,
                    expected: it.stock, counted_quantity: (qty || 1),
                });
                renderCountRows();
            });
    }

    function renderCountRows() {
        var el = document.getElementById('countLines');
        if (!countRows.length) {
            el.innerHTML = '<p style="padding:10px;color:var(--color-text-muted);font-size:var(--text-caption);">Sin productos escaneados</p>';
            return;
        }
        el.innerHTML = countRows.map(function (r, i) {
            var diff = r.counted_quantity - r.expected;
            var color = diff === 0 ? 'var(--color-success)' : (diff < 0 ? 'var(--color-error)' : 'var(--color-warning)');
            return '<div style="display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--color-border);">'
                + '<span style="flex:1;font-size:var(--text-body-sm);">' + esc(r.name) + ' <span style="font-family:var(--font-mono);color:var(--color-text-muted);">' + esc(r.part_number) + '</span></span>'
                + '<span style="font-size:var(--text-caption);color:var(--color-text-muted);">Esp: ' + r.expected + '</span>'
                + '<input type="number" min="0" value="' + r.counted_quantity + '" onchange="Inventory.countQty(' + i + ', this.value)" class="form-input" style="width:80px;" />'
                + '<span style="width:60px;text-align:right;color:' + color + ';font-weight:600;">' + (diff > 0 ? '+' : '') + diff + '</span>'
                + '<button class="btn btn--ghost btn--sm" onclick="Inventory.countRemove(' + i + ')">✕</button>'
                + '</div>';
        }).join('');
    }

    function countQty(i, v) {
        countRows[i].counted_quantity = Math.max(0, parseInt(v, 10) || 0);
        renderCountRows();
    }
    function countRemove(i) {
        countRows.splice(i, 1);
        renderCountRows();
    }

    function startPhysicalCount() {
        var items = countRows.map(function (r) {
            return { inventory_id: r.inventory_id, counted_quantity: r.counted_quantity };
        });
        if (!items.length) { alert('Escanea al menos un producto'); return; }

        apiFetch(API + '/physical-count/start', { method: 'POST', body: JSON.stringify({ items: items }) }).then(function (result) {
            if (!result || !result.count_id) {
                document.getElementById('countResults').innerHTML = '<span style="color:var(--color-error);">' + (result ? result.error || 'Error' : 'Error de red') + '</span>';
                return;
            }

            draftCountId = result.count_id;
            var html = '<h4 style="margin-bottom:var(--space-3);">Borrador #' + result.count_id + ' — ' + esc(result.message) + '</h4>';
            html += '<table class="data-table"><thead><tr><th>ID</th><th>Esperado</th><th>Contado</th><th>Diferencia</th></tr></thead><tbody>';
            (result.results || []).forEach(function (r) {
                var color = r.difference === 0 ? 'var(--color-success)' : (r.difference < 0 ? 'var(--color-error)' : 'var(--color-warning)');
                html += '<tr><td>' + r.inventory_id + '</td><td>' + r.expected + '</td><td>' + r.counted + '</td><td style="color:' + color + ';font-weight:600;">' + (r.difference > 0 ? '+' : '') + r.difference + '</td></tr>';
            });
            html += '</tbody></table>';
            html += '<button class="btn btn--primary" style="margin-top:var(--space-3);" onclick="approvePhysicalCount(' + result.count_id + ')">Aprobar y Ajustar Inventario</button>';
            document.getElementById('countResults').innerHTML = html;
            countRows = [];
            renderCountRows();
        }).catch(function (e) {
            document.getElementById('countResults').innerHTML = '<span style="color:var(--color-error);">' + esc(e.message) + '</span>';
        });
    }
    // =====================================================================

    function uploadItemImage(itemId) {
        var input = document.createElement('input');
        input.type = 'file';
        input.accept = 'image/jpeg,image/png,image/webp';
        input.onchange = function () {
            if (!input.files || !input.files[0]) return;
            var file = input.files[0];
            if (file.size > 5 * 1024 * 1024) {
                alert('Imagen demasiado grande (max 5 MB)');
                return;
            }
            var fd = new FormData();
            fd.append('file', file);
            var statusEl = document.getElementById('imgUploadStatus');
            if (statusEl) statusEl.textContent = 'Subiendo...';
            fetch(API + '/items/' + itemId + '/image', {
                method: 'POST',
                headers: { 'Authorization': 'Bearer ' + getToken() },
                body: fd
            })
            .then(function (r) { return r.json(); })
            .then(function (result) {
                if (result.image_url) {
                    // Refresh detail view
                    viewProductDetail(itemId);
                } else {
                    if (statusEl) statusEl.textContent = result.error || 'Error';
                }
            })
            .catch(function () {
                if (statusEl) statusEl.textContent = 'Error de red';
            });
        };
        input.click();
    }

    function deleteItemImage(itemId) {
        if (!confirm('Eliminar imagen de este producto?')) return;
        fetch(API + '/items/' + itemId + '/image', {
            method: 'DELETE',
            headers: { 'Authorization': 'Bearer ' + getToken() }
        })
        .then(function (r) { return r.json(); })
        .then(function (result) {
            if (result.message) {
                viewProductDetail(itemId);
            } else {
                alert(result.error || 'Error');
            }
        })
        .catch(function () { alert('Error de red'); });
    }

    function viewProductDetail(itemId) {
        apiFetch(API + '/items/' + itemId).then(function (data) {
            if (!data || data.error) {
                alert(data ? data.error : 'Error de red');
                return;
            }
            var history = data.history || [];
            var html = '';

            // Tab styles
            html += '<style>';
            html += '.compat-tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border);margin-bottom:16px;}';
            html += '.compat-tab-btn{padding:8px 16px;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;}';
            html += '.compat-tab-btn.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-surface-0);border-radius:var(--radius-sm) var(--radius-sm) 0 0;}';
            html += '.compat-tab-panel{display:none;}';
            html += '.compat-tab-panel.is-active{display:block;}';
            html += '.compat-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;}';
            html += '.compat-form label{font-size:var(--text-caption);color:var(--color-text-muted);display:block;margin-bottom:4px;}';
            html += '</style>';

            // Tabs
            html += '<div class="compat-tabs">';
            html += '<button class="compat-tab-btn is-active" onclick="switchCompatTab(\'detail\',this)">Detalle</button>';
            html += '<button class="compat-tab-btn" onclick="switchCompatTab(\'compat\',this)">Compatibilidad</button>';
            html += '</div>';

            // Detail panel
            html += '<div id="compatTab-detail" class="compat-tab-panel is-active">';

            // Product image section
            html += '<div style="text-align:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border);">';
            if (data.image_url) {
                html += '<img src="' + esc(data.image_url) + '?t=' + Date.now() + '" alt="' + esc(data.name) + '" loading="lazy" decoding="async" style="max-width:100%;max-height:220px;object-fit:contain;border-radius:var(--radius-sm);margin-bottom:8px;display:block;margin-left:auto;margin-right:auto;">';
                html += '<div style="display:flex;gap:8px;justify-content:center;">';
                html += '<button class="btn btn--ghost btn--sm" onclick="uploadItemImage(' + data.id + ')">Cambiar imagen</button>';
                html += '<button class="btn btn--ghost btn--sm" style="color:var(--color-error);" onclick="deleteItemImage(' + data.id + ')">Eliminar imagen</button>';
                html += '</div>';
            } else {
                html += '<div style="padding:24px;color:var(--color-text-muted);">';
                html += '<svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" style="opacity:0.4;"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>';
                html += '<div style="margin-top:8px;">Sin imagen</div>';
                html += '</div>';
                html += '<button class="btn btn--primary btn--sm" onclick="uploadItemImage(' + data.id + ')">Subir imagen</button>';
            }
            html += '<span id="imgUploadStatus" style="display:block;margin-top:4px;font-size:var(--text-caption);color:var(--color-text-muted);"></span>';
            html += '</div>';

            // Action buttons
            html += '<div style="display:flex;gap:8px;justify-content:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border);">';
            html += '<button class="btn btn--ghost btn--sm" onclick="showProductTimeline(' + data.id + ')">📅 Timeline</button>';
            if (data.image_url) {
                html += '<button class="btn btn--ghost btn--sm" onclick="showImageCompare(\'' + esc(data.image_url) + '\')">🖼️ Comparar</button>';
            }
            html += '<button class="btn btn--ghost btn--sm" onclick="viewHistory(' + data.id + ')">📜 Historial</button>';
            html += '</div>';

            // Product info header
            html += '<div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border);">';
            html += '<div><span style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;display:block;">ID Inventario</span><strong style="font-family:var(--font-mono);">' + data.id + '</strong></div>';
            html += '<div><span style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;display:block;">No. Parte</span><strong>' + esc(data.part_number) + '</strong></div>';
            html += '<div><span style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;display:block;">Nombre</span><strong>' + esc(data.name) + '</strong></div>';
            html += '<div><span style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;display:block;">Marca</span>' + esc(data.brand || '-') + '</div>';
            html += '<div><span style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;display:block;">Categoría</span>' + esc(data.category_name || '-') + '</div>';
            html += '<div><span style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;display:block;">Codigo de Barras</span><span style="font-family:var(--font-mono);">' + esc(data.barcode) + '</span></div>';
            html += '<div><span style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;display:block;">Ubicacion</span>' + esc(data.location || '-') + '</div>';
            html += '<div><span style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;display:block;">Stock</span><strong style="font-size:1.2em;">' + (data.stock || 0) + '</strong></div>';
            html += '</div>';

            // SKU Aliases section
            html += '<div style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:8px;">SKU Alternativos</div>';
            html += '<div id="skuAliasContent" style="margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border);">';
            html += '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">Cargando SKU alternativos...</p>';
            html += '</div>';

            // Prices
            html += '<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border);">';
            html += '<div><span style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;display:block;">Costo</span><span class="td--amount">$' + fmt(data.cost) + '</span></div>';
            html += '<div><span style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;display:block;">Mostrador</span><span class="td--amount">$' + fmt(data.price_1) + '</span></div>';
            html += '<div><span style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;display:block;">Taller</span><span class="td--amount">$' + fmt(data.price_2) + '</span><span style="font-size:var(--text-caption);color:var(--color-text-muted);"> (-' + globalDiscounts[2] + '%)</span></div>';
            html += '<div><span style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;display:block;">Mayoreo</span><span class="td--amount">$' + fmt(data.price_3) + '</span><span style="font-size:var(--text-caption);color:var(--color-text-muted);"> (-' + globalDiscounts[3] + '%)</span></div>';
            html += '</div>';

            // Cross-references section
            html += '<div style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:8px;">Cross-References / Equivalencias</div>';
            html += '<div id="crossRefContent" style="margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border);">';
            html += '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">Cargando equivalencias...</p>';
            html += '</div>';

            // Load cross-references from catalog API
            var partNumber = data.part_number;
            var catalogPartId = data.catalog_part_id;
            (function loadCrossRefs() {
                // Try catalog part detail if we have catalog_part_id
                var url = catalogPartId
                    ? '/pos/api/catalog/part/' + catalogPartId
                    : '/pos/api/catalog/search?q=' + encodeURIComponent(partNumber);

                fetch(url, { headers: { 'Authorization': 'Bearer ' + getToken() } })
                    .then(function(r) { return r.json(); })
                    .then(function(d) {
                        var el = document.getElementById('crossRefContent');
                        if (!el) return;

                        var alternatives = d.alternatives || [];
                        var bodegas = d.bodegas || [];

                        // If it was a search, get alternatives from first result
                        if (!catalogPartId && d.data && d.data.length > 0) {
                            // Fetch detail for first match
                            fetch('/pos/api/catalog/part/' + d.data[0].id_part, { headers: { 'Authorization': 'Bearer ' + getToken() } })
                                .then(function(r2) { return r2.json(); })
                                .then(function(d2) {
                                    renderCrossRefs(el, d2.alternatives || [], d2.bodegas || []);
                                })
                                .catch(function() { el.innerHTML = '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">Sin conexion al catalogo.</p>'; });
                            return;
                        }

                        renderCrossRefs(el, alternatives, bodegas);
                    })
                    .catch(function() {
                        var el = document.getElementById('crossRefContent');
                        if (el) el.innerHTML = '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">Sin conexion al catalogo central.</p>';
                    });
            })();

            function renderCrossRefs(el, alternatives, bodegas) {
                var html2 = '';

                if (bodegas && bodegas.length > 0) {
                    html2 += '<div style="margin-bottom:12px;"><strong style="font-size:var(--text-body-sm);color:var(--color-text-primary);">Disponible en Bodegas:</strong></div>';
                    html2 += '<table class="data-table"><thead><tr><th>Bodega</th><th>Stock</th><th>Precio</th><th>Ubicacion</th></tr></thead><tbody>';
                    bodegas.forEach(function(b) {
                        html2 += '<tr><td>' + esc(b.business_name || b.bodega || '') + '</td><td>' + (b.stock || b.stock_quantity || 0) + '</td><td class="td--amount">$' + fmt(b.price || 0) + '</td><td>' + esc(b.location || b.warehouse_location || '') + '</td></tr>';
                    });
                    html2 += '</tbody></table>';
                }

                if (alternatives && alternatives.length > 0) {
                    html2 += '<div style="margin-top:12px;margin-bottom:8px;"><strong style="font-size:var(--text-body-sm);color:var(--color-text-primary);">Partes Equivalentes (Aftermarket):</strong></div>';
                    html2 += '<table class="data-table"><thead><tr><th>No. Parte</th><th>Fabricante</th><th>Nombre</th></tr></thead><tbody>';
                    alternatives.forEach(function(a) {
                        html2 += '<tr><td class="td--mono">' + esc(a.part_number || a.cross_reference_number || '') + '</td><td>' + esc(a.manufacturer || a.source_ref || '') + '</td><td>' + esc(a.name || a.name_aftermarket_parts || '') + '</td></tr>';
                    });
                    html2 += '</tbody></table>';
                }

                if (!html2) {
                    html2 = '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">No se encontraron equivalencias para esta parte.</p>';
                }
                el.innerHTML = html2;
            }

            // Close detail panel
            html += '</div>';

            // Compatibility panel
            html += '<div id="compatTab-compat" class="compat-tab-panel">';

            // Existing compatibilities
            html += '<div id="compatContent" style="margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border);">';
            html += '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">Cargando compatibilidades...</p>';
            html += '</div>';

            // Manual add form
            html += '<div style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:8px;">Agregar Manualmente</div>';
            html += '<div class="compat-form">';
            html += '<div><label>Marca</label><select class="select-filter" id="manualMake" onchange="onManualMakeChange(' + itemId + ')" style="width:100%;"><option value="">Cargando...</option></select></div>';
            html += '<div><label>Modelo</label><select class="select-filter" id="manualModel" onchange="onManualModelChange(' + itemId + ')" style="width:100%;" disabled><option value="">Selecciona marca</option></select></div>';
            html += '<div><label>Ano</label><select class="select-filter" id="manualYear" onchange="onManualYearChange(' + itemId + ')" style="width:100%;" disabled><option value="">Selecciona modelo</option></select></div>';
            html += '<div><label>Motor</label><select class="select-filter" id="manualEngine" style="width:100%;" disabled><option value="">Selecciona ano</option></select></div>';
            html += '</div>';
            html += '<button class="btn btn--primary btn--sm" onclick="submitManualCompat(' + itemId + ')">Agregar compatibilidad</button>';

            // Auto-match button
            var btnLabel = compatSource === 'qwen' ? 'Auto-Match con IA (QWEN)' : (compatSource === 'both' ? 'Auto-Match (TecDoc + IA)' : 'Auto-Match por TecDoc');
            html += '<div style="margin-top:16px;"><button class="btn btn--ghost btn--sm" onclick="autoMatchCompat(' + itemId + ')">' + btnLabel + '</button></div>';

            html += '</div>';

            // Load SKU aliases
            (function loadSkuAliases() {
                fetch('/pos/api/inventory/items/' + itemId + '/skus', { headers: { 'Authorization': 'Bearer ' + getToken() } })
                    .then(function(r) { return r.json(); })
                    .then(function(d) {
                        var el = document.getElementById('skuAliasContent');
                        if (!el) return;
                        var list = d.aliases || [];
                        var html2 = '';
                        if (list.length > 0) {
                            html2 += '<table class="data-table"><thead><tr><th>SKU</th><th>Etiqueta</th><th></th></tr></thead><tbody>';
                            list.forEach(function(a) {
                                html2 += '<tr><td class="td--mono">' + esc(a.sku) + '</td><td>' + esc(a.label || '-') + '</td>';
                                html2 += '<td><button class="btn btn--ghost btn--sm" style="color:var(--color-error);" onclick="removeSkuAlias(' + itemId + ',' + a.id + ')">Quitar</button></td></tr>';
                            });
                            html2 += '</tbody></table>';
                        } else {
                            html2 += '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">Sin SKU alternativos.</p>';
                        }
                        html2 += '<div style="margin-top:8px;display:flex;gap:8px;">';
                        html2 += '<input type="text" class="meli-title-input" id="newAliasSku-' + itemId + '" placeholder="Nuevo SKU" style="flex:1;">';
                        html2 += '<input type="text" class="meli-title-input" id="newAliasLabel-' + itemId + '" placeholder="Etiqueta (opcional)" style="flex:1;">';
                        html2 += '<button class="btn btn--primary btn--sm" onclick="addSkuAlias(' + itemId + ')">Agregar</button>';
                        html2 += '</div>';
                        el.innerHTML = html2;
                    })
                    .catch(function() {
                        var el = document.getElementById('skuAliasContent');
                        if (el) el.innerHTML = '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">Error al cargar SKU alternativos.</p>';
                    });
            })();

            // Load vehicle compatibilities and makes
            (function loadCompatPanel() {
                fetch('/pos/api/inventory/items/' + itemId + '/vehicles', { headers: { 'Authorization': 'Bearer ' + getToken() } })
                    .then(function(r) { return r.json(); })
                    .then(function(d) {
                        var el = document.getElementById('compatContent');
                        if (!el) return;
                        var list = d.vehicles || [];
                        var html2 = '';
                        if (list.length > 0) {
                            html2 += '<table class="data-table"><thead><tr><th>Marca</th><th>Modelo</th><th>Ano</th><th>Motor</th><th>Origen</th><th></th></tr></thead><tbody>';
                            list.forEach(function(c) {
                                var sourceLabel = c.source === 'qwen_ai' ? '<span style="background:var(--color-primary);color:#000;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;">IA</span>' : (c.source === 'auto_match' ? '<span style="background:var(--color-success);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;">TecDoc</span>' : esc(c.source || ''));
                                html2 += '<tr><td>' + esc(c.brand || '') + '</td><td>' + esc(c.model || '') + '</td><td>' + esc(c.year || '') + '</td><td>' + esc(c.engine || '') + '</td><td>' + sourceLabel + '</td>';
                                html2 += '<td><button class="btn btn--ghost btn--sm" style="color:var(--color-error);" onclick="removeCompat(' + itemId + ',' + c.id + ')">Quitar</button></td></tr>';
                            });
                            html2 += '</tbody></table>';
                        } else {
                            html2 += '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">Sin vehiculos vinculados.</p>';
                        }
                        el.innerHTML = html2;
                    })
                    .catch(function() {
                        var el = document.getElementById('compatContent');
                        if (el) el.innerHTML = '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">Error al cargar compatibilidades.</p>';
                    });

                // Load makes
                fetch('/pos/api/inventory/vehicles/makes', { headers: { 'Authorization': 'Bearer ' + getToken() } })
                    .then(function(r) { return r.json(); })
                    .then(function(d) {
                        var sel = document.getElementById('manualMake');
                        if (!sel) return;
                        var opts = '<option value="">Selecciona marca</option>';
                        (d.makes || []).forEach(function(m) { opts += '<option value="' + esc(m.name) + '" data-id="' + m.id + '">' + esc(m.name) + '</option>'; });
                        sel.innerHTML = opts;
                        sel.disabled = false;
                    })
                    .catch(function() {
                        var sel = document.getElementById('manualMake');
                        if (sel) { sel.innerHTML = '<option value="">Error al cargar</option>'; }
                    });
            })();

            // Movement history
            html += '<div style="font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:8px;">Historial de Movimientos</div>';
            if (!history.length) {
                html += '<p style="color:var(--color-text-muted);text-align:center;padding:var(--space-4);">Sin movimientos</p>';
            } else {
                html += '<table class="data-table"><thead><tr><th>Fecha</th><th>Tipo</th><th>Cantidad</th><th>Costo</th><th>Empleado</th><th>Notas</th></tr></thead><tbody>';
                history.forEach(function (h) {
                    var qtyColor = h.quantity > 0 ? 'var(--color-success)' : 'var(--color-error)';
                    html += '<tr>' +
                        '<td style="font-size:var(--text-caption);">' + formatDateTime(h.date) + '</td>' +
                        '<td>' + esc(h.type) + '</td>' +
                        '<td style="color:' + qtyColor + ';font-weight:600;">' + (h.quantity > 0 ? '+' : '') + h.quantity + '</td>' +
                        '<td class="td--amount">' + (h.cost ? '$' + fmt(h.cost) : '\u2014') + '</td>' +
                        '<td>' + esc(h.employee) + '</td>' +
                        '<td style="font-size:var(--text-caption);">' + esc(h.notes) + '</td>' +
                        '</tr>';
                });
                html += '</tbody></table>';
            }
            document.getElementById('historyContent').innerHTML = html;
            document.getElementById('historyModal').classList.add('is-open');
        });
    }

    // Vehicle compatibility actions
    function autoMatchCompat(itemId) {
        fetch('/pos/api/inventory/items/' + itemId + '/vehicles/auto-match', {
            method: 'POST',
            headers: { 'Authorization': 'Bearer ' + getToken() }
        }).then(function(r) { return r.json(); })
          .then(function(d) {
              var msg = '';
              if (d.tecdoc && d.qwen) {
                  var t = d.tecdoc.matched ? (d.tecdoc.matched_count || d.tecdoc.matches ? d.tecdoc.matches.length : 0) : 0;
                  var q = d.qwen.total_qwen || 0;
                  var qi = d.qwen.inserted || 0;
                  msg = 'Auto-match completado.\nTecDoc: ' + t + ' vehiculos.\nIA QWEN: ' + qi + ' nuevos vinculados (de ' + q + ' encontrados).';
              } else if (d.myes) {
                  msg = 'Auto-match completado. Vehiculos encontrados: ' + (d.total_qwen || d.myes.length) + ' (nuevos vinculados: ' + (d.inserted || 0) + ')';
              } else {
                  msg = 'Auto-match completado. Vehiculos vinculados: ' + (d.matched ? 'Si' : 'No');
              }
              alert(msg);
              viewProductDetail(itemId);
          }).catch(function() { alert('Error en auto-match'); });
    }

    function removeCompat(itemId, compatId) {
        if (!confirm('Quitar compatibilidad con este vehiculo?')) return;
        fetch('/pos/api/inventory/items/' + itemId + '/vehicles/' + compatId, {
            method: 'DELETE',
            headers: { 'Authorization': 'Bearer ' + getToken() }
        }).then(function(r) { return r.json(); })
          .then(function() {
              viewProductDetail(itemId);
          }).catch(function() { alert('Error al quitar compatibilidad'); });
    }

    // Manual compatibility tab functions
    window.switchCompatTab = function(tab, btn) {
        document.querySelectorAll('.compat-tab-btn').forEach(function(b) { b.classList.remove('is-active'); });
        document.querySelectorAll('.compat-tab-panel').forEach(function(p) { p.classList.remove('is-active'); });
        btn.classList.add('is-active');
        document.getElementById('compatTab-' + tab).classList.add('is-active');
    };

    window.onManualMakeChange = function(itemId) {
        var sel = document.getElementById('manualMake');
        var modelSel = document.getElementById('manualModel');
        var yearSel = document.getElementById('manualYear');
        var engineSel = document.getElementById('manualEngine');
        if (!sel || !modelSel) return;
        var opt = sel.options[sel.selectedIndex];
        var brandId = opt ? opt.getAttribute('data-id') : null;
        modelSel.innerHTML = '<option value="">Cargando...</option>';
        modelSel.disabled = true;
        yearSel.innerHTML = '<option value="">Selecciona modelo</option>';
        yearSel.disabled = true;
        engineSel.innerHTML = '<option value="">Selecciona ano</option>';
        engineSel.disabled = true;
        if (!brandId) {
            modelSel.innerHTML = '<option value="">Selecciona marca</option>';
            return;
        }
        fetch('/pos/api/inventory/vehicles/models?brand_id=' + brandId, { headers: { 'Authorization': 'Bearer ' + getToken() } })
            .then(function(r) { return r.json(); })
            .then(function(d) {
                var opts = '<option value="">Selecciona modelo</option>';
                (d.models || []).forEach(function(m) { opts += '<option value="' + esc(m.name) + '" data-id="' + m.id + '">' + esc(m.name) + '</option>'; });
                modelSel.innerHTML = opts;
                modelSel.disabled = false;
            })
            .catch(function() { modelSel.innerHTML = '<option value="">Error</option>'; });
    };

    window.onManualModelChange = function(itemId) {
        var modelSel = document.getElementById('manualModel');
        var yearSel = document.getElementById('manualYear');
        var engineSel = document.getElementById('manualEngine');
        if (!modelSel || !yearSel) return;
        var opt = modelSel.options[modelSel.selectedIndex];
        var modelId = opt ? opt.getAttribute('data-id') : null;
        yearSel.innerHTML = '<option value="">Cargando...</option>';
        yearSel.disabled = true;
        engineSel.innerHTML = '<option value="">Selecciona ano</option>';
        engineSel.disabled = true;
        if (!modelId) {
            yearSel.innerHTML = '<option value="">Selecciona modelo</option>';
            return;
        }
        fetch('/pos/api/inventory/vehicles/years?model_id=' + modelId, { headers: { 'Authorization': 'Bearer ' + getToken() } })
            .then(function(r) { return r.json(); })
            .then(function(d) {
                var opts = '<option value="">Selecciona ano</option>';
                (d.years || []).forEach(function(y) { opts += '<option value="' + y.year + '" data-id="' + y.id + '">' + y.year + '</option>'; });
                yearSel.innerHTML = opts;
                yearSel.disabled = false;
            })
            .catch(function() { yearSel.innerHTML = '<option value="">Error</option>'; });
    };

    window.onManualYearChange = function(itemId) {
        var modelSel = document.getElementById('manualModel');
        var yearSel = document.getElementById('manualYear');
        var engineSel = document.getElementById('manualEngine');
        if (!modelSel || !yearSel || !engineSel) return;
        var mOpt = modelSel.options[modelSel.selectedIndex];
        var yOpt = yearSel.options[yearSel.selectedIndex];
        var modelId = mOpt ? mOpt.getAttribute('data-id') : null;
        var yearId = yOpt ? yOpt.getAttribute('data-id') : null;
        engineSel.innerHTML = '<option value="">Cargando...</option>';
        engineSel.disabled = true;
        if (!modelId || !yearId) {
            engineSel.innerHTML = '<option value="">Selecciona ano</option>';
            return;
        }
        fetch('/pos/api/inventory/vehicles/engines?model_id=' + modelId + '&year_id=' + yearId, { headers: { 'Authorization': 'Bearer ' + getToken() } })
            .then(function(r) { return r.json(); })
            .then(function(d) {
                var opts = '<option value="">Selecciona motor</option>';
                (d.engines || []).forEach(function(e) { opts += '<option value="' + esc(e.name) + '" data-code="' + esc(e.code || '') + '">' + esc(e.name + (e.code ? ' (' + e.code + ')' : '')) + '</option>'; });
                engineSel.innerHTML = opts;
                engineSel.disabled = false;
            })
            .catch(function() { engineSel.innerHTML = '<option value="">Error</option>'; });
    };

    window.submitManualCompat = function(itemId) {
        var makeSel = document.getElementById('manualMake');
        var modelSel = document.getElementById('manualModel');
        var yearSel = document.getElementById('manualYear');
        var engineSel = document.getElementById('manualEngine');
        if (!makeSel || !modelSel || !yearSel) return;
        var make = makeSel.value;
        var model = modelSel.value;
        var year = yearSel.value;
        var engine = engineSel ? engineSel.value : '';
        var engineCode = engineSel && engineSel.selectedIndex > 0 ? (engineSel.options[engineSel.selectedIndex].getAttribute('data-code') || '') : '';
        if (!make || !model || !year) {
            alert('Selecciona al menos marca, modelo y ano');
            return;
        }
        fetch('/pos/api/inventory/items/' + itemId + '/vehicles/manual', {
            method: 'POST',
            headers: { 'Authorization': 'Bearer ' + getToken(), 'Content-Type': 'application/json' },
            body: JSON.stringify({ make: make, model: model, year: parseInt(year), engine: engine, engine_code: engineCode })
        }).then(function(r) { return r.json(); })
          .then(function(d) {
              if (d.error) { alert(d.error); return; }
              viewProductDetail(itemId);
          }).catch(function() { alert('Error al agregar compatibilidad'); });
    };

    // SKU alias actions
    window.addSkuAlias = function(itemId) {
        var skuEl = document.getElementById('newAliasSku-' + itemId);
        var labelEl = document.getElementById('newAliasLabel-' + itemId);
        var sku = skuEl ? skuEl.value.trim() : '';
        var label = labelEl ? labelEl.value.trim() : '';
        if (!sku) { alert('Ingresa un SKU'); return; }
        fetch('/pos/api/inventory/items/' + itemId + '/skus', {
            method: 'POST',
            headers: { 'Authorization': 'Bearer ' + getToken(), 'Content-Type': 'application/json' },
            body: JSON.stringify({ sku: sku, label: label })
        }).then(function(r) { return r.json(); })
          .then(function(d) {
              if (d.error) { alert(d.error); return; }
              viewProductDetail(itemId);
          }).catch(function() { alert('Error al agregar SKU'); });
    };

    window.removeSkuAlias = function(itemId, aliasId) {
        if (!confirm('Eliminar este SKU alternativo?')) return;
        fetch('/pos/api/inventory/items/' + itemId + '/skus/' + aliasId, {
            method: 'DELETE',
            headers: { 'Authorization': 'Bearer ' + getToken() }
        }).then(function(r) { return r.json(); })
          .then(function() {
              viewProductDetail(itemId);
          }).catch(function() { alert('Error al eliminar SKU'); });
    };

    // =====================================================================
    //  RESTAURADAS (recuperadas de git HEAD)
    // =====================================================================

    function viewHistory(itemId) {
        apiFetch(API + '/items/' + itemId + '/history').then(function (data) {
            if (!data) return;
            var history = data.data || [];
            var html = '';
            if (!history.length) {
                html = renderEmptyState({
                    icon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>',
                    title: 'Sin movimientos',
                    subtitle: 'Este producto aún no tiene historial de entradas, salidas ni ajustes.'
                });
            } else {
                html = '<table class="data-table"><thead><tr><th>Fecha</th><th>Tipo</th><th>Cantidad</th><th>Costo</th><th>Empleado</th><th>Notas</th></tr></thead><tbody>';
                history.forEach(function (h) {
                    var qtyColor = h.quantity > 0 ? 'var(--color-success)' : 'var(--color-error)';
                    html += '<tr>' +
                        '<td style="font-size:var(--text-caption);">' + formatDateTime(h.date) + '</td>' +
                        '<td>' + esc(h.type) + '</td>' +
                        '<td style="color:' + qtyColor + ';font-weight:600;">' + (h.quantity > 0 ? '+' : '') + h.quantity + '</td>' +
                        '<td class="td--amount">' + (h.cost ? '$' + fmt(h.cost) : '—') + '</td>' +
                        '<td>' + esc(h.employee) + '</td>' +
                        '<td style="font-size:var(--text-caption);">' + esc(h.notes) + '</td>' +
                        '</tr>';
                });
                html += '</tbody></table>';
            }
            document.getElementById('historyContent').innerHTML = html;
            document.getElementById('historyModal').classList.add('is-open');
        });
    }

    function closeHistoryModal() {
        document.getElementById('historyModal').classList.remove('is-open');
    }

    function recordTransfer() {
        var data = {
            inventory_id: parseInt(document.getElementById('transferItemId').value),
            from_branch_id: parseInt(document.getElementById('transferFrom').value),
            to_branch_id: parseInt(document.getElementById('transferTo').value),
            quantity: parseInt(document.getElementById('transferQty').value),
            notes: document.getElementById('transferNotes').value.trim()
        };
        if (!data.inventory_id || !data.from_branch_id || !data.to_branch_id || !data.quantity) {
            document.getElementById('transferResult').innerHTML = '<span style="color:var(--color-error);">Complete todos los campos</span>';
            return;
        }
        apiFetch(API + '/transfer', { method: 'POST', body: JSON.stringify(data) }).then(function (result) {
            if (result && result.out_operation_id) {
                document.getElementById('transferResult').innerHTML = '<span style="color:var(--color-success);">Transferencia registrada</span>';
                closeTransferModal();
                ['transferItemId','transferFrom','transferTo','transferQty','transferNotes'].forEach(function(id) {
                    var el = document.getElementById(id);
                    if (el) el.value = '';
                });
                if (window.loadInventoryStats) window.loadInventoryStats();
                if (window.loadOperations) window.loadOperations('traspasos', 1);
                loadItems(currentPage);
            } else {
                document.getElementById('transferResult').innerHTML = '<span style="color:var(--color-error);">' + (result ? result.error || 'Error' : 'Error de red') + '</span>';
            }
        });
    }

    function approvePhysicalCount() {
        if (!draftCountId) { alert('No hay borrador activo'); return; }
        apiFetch(API + '/physical-count/approve', { method: 'POST', body: JSON.stringify({ count_id: draftCountId }) }).then(function (result) {
            if (result && result.status === 'approved') {
                document.getElementById('countResults').innerHTML = '<span style="color:var(--color-success);">' + esc(result.message) + '</span>';
                draftCountId = null;
            } else {
                document.getElementById('countResults').innerHTML += '<br><span style="color:var(--color-error);">' + (result ? result.error || 'Error' : 'Error de red') + '</span>';
            }
        });
    }

    function cancelDraft() {
        draftCountId = null;
        document.getElementById('countResults').innerHTML = '<span style="color:var(--color-text-muted);">Borrador cancelado</span>';
    }

    function loadAlerts() {
        var container = document.getElementById('alertsContent');
        if (container) container.innerHTML = '<div style="padding:var(--space-6);">' + renderEmptyState({
            icon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>',
            title: 'Cargando alertas...',
            subtitle: 'Revisando el estado del inventario'
        }) + '</div>';

        apiFetch(API + '/alerts').then(function (data) {
            if (!data) return;
            var alerts = data.data || [];
            var counts = data.counts || {};
            if (!container) return;

            if (!alerts.length) {
                container.innerHTML = renderEmptyState({
                    icon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>',
                    title: 'Todo en orden',
                    subtitle: 'No hay alertas activas en el inventario. Los niveles de stock están dentro de los límites configurados.'
                });
                return;
            }

            // Summary bar
            var html = '<div style="display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-surface-2);border-radius:var(--radius-lg);">' +
                '<div style="font-size:var(--text-sm);font-weight:700;">Resumen de alertas</div>' +
                (counts.critical ? '<span class="badge badge--low">' + counts.critical + ' crítica' + (counts.critical !== 1 ? 's' : '') + '</span>' : '') +
                (counts.warning ? '<span class="badge badge--over">' + counts.warning + ' advertencia' + (counts.warning !== 1 ? 's' : '') + '</span>' : '') +
                (counts.info ? '<span class="badge badge--ok">' + counts.info + ' informativa' + (counts.info !== 1 ? 's' : '') + '</span>' : '') +
                '</div>';

            // Group by severity
            var critical = alerts.filter(function (a) { return a.severity === 'critical'; });
            var warning = alerts.filter(function (a) { return a.severity === 'warning'; });
            var info = alerts.filter(function (a) { return a.severity !== 'critical' && a.severity !== 'warning'; });

            html += renderAlertSection('Criticas', critical, 'critical', 'badge--low');
            html += renderAlertSection('Advertencias', warning, 'warning', 'badge--over');
            html += renderAlertSection('Informativas', info, 'info', 'badge--ok');

            container.innerHTML = html;
        });
    }

    function code128Svg(data, width, height) {
        data = String(data || '');
        if (!data.length) return '';
        var codes = [104];
        var sum = 104;
        for (var i = 0; i < data.length; i++) {
            var c = data.charCodeAt(i);
            if (c < 32 || c > 126) c = 32;
            var v = c - 32;
            codes.push(v);
            sum += v * (i + 1);
        }
        codes.push(sum % 103);
        codes.push(106);
        var quiet = 10;
        var modules = quiet * 2;
        codes.forEach(function (cd) {
            CODE128_BARS[cd].split('').forEach(function (w) { modules += parseInt(w, 10); });
        });
        var mw = width / modules;
        var bars = '';
        var x = quiet * mw;
        codes.forEach(function (cd) {
            var pat = CODE128_BARS[cd];
            for (var k = 0; k < pat.length; k++) {
                var w = parseInt(pat[k], 10) * mw;
                if (k % 2 === 0) bars += '<rect x="' + x.toFixed(2) + '" y="0" width="' + w.toFixed(2) + '" height="' + height + '"/>';
                x += w;
            }
        });
        return '<svg xmlns="http://www.w3.org/2000/svg" width="' + width + '" height="' + height + '" viewBox="0 0 ' + width + ' ' + height + '" fill="#000">' + bars + '</svg>';
    }

    function printBarcode(barcode, partNumber, name) {
        var w = window.open('', '_blank', 'width=420,height=300');
        w.document.write('<html><head><title>Etiqueta</title><style>body{font-family:system-ui,sans-serif;text-align:center;padding:16px;margin:0;}h1{font-size:1rem;margin:4px 0;}p{margin:2px 0;font-size:0.85rem;}</style></head><body>');
        w.document.write(code128Svg(barcode || partNumber, 320, 70));
        w.document.write('<h1>' + (barcode || partNumber) + '</h1>');
        w.document.write('<p style="font-weight:600;">' + partNumber + '</p>');
        w.document.write('<p style="font-size:0.85rem;">' + name + '</p>');
        w.document.write('</body></html>');
        w.document.close();
        w.print();
    }

    function deleteItem(itemId) {
        if (!confirm('¿Eliminar este artículo del inventario? Se mantendrán los registros históricos.')) return;
        fetch(API + '/items/' + itemId, {
            method: 'DELETE',
            headers: getToken() ? { 'Authorization': 'Bearer ' + getToken() } : {}
        }).then(function(r) { return r.json(); })
          .then(function(data) {
              if (data.error) { showToast(data.error, 'error', { title: 'Error al eliminar' }); return; }
              showToast('El artículo fue eliminado correctamente.', 'ok', { title: 'Eliminado' });
              loadItems(currentPage);
              if (window.loadInventoryStats) window.loadInventoryStats();
          }).catch(function() { showToast('No se pudo eliminar el artículo. Intenta de nuevo.', 'error', { title: 'Error' }); });
    }

    function publishToMeli(itemId) {
        selectedItems.clear();
        selectedItems.add(itemId);
        updateSelectionUI();
        openMeliPublishModal();
    }
    window.publishToMeli = publishToMeli;

    // ─── MercadoLibre Bulk Publish Modal ───────────────────────────────────

    var meliPreviewData = {};
    var meliCategoryAttrs = [];
    var meliCategorySearchTimeout;
    var meliCatItems = [];
    var meliCatActiveIndex = -1;

    window.openMeliPublishModal = function() {
        if (selectedItems.size === 0) { showToast('Selecciona al menos un producto', 'warn'); return; }
        document.getElementById('meliPublishModal').classList.add('is-open');
        document.getElementById('meliPublishResult').innerHTML = '';
        document.getElementById('meliCategoryId').value = '';
        document.getElementById('meliCategorySearch').value = '';
        document.getElementById('meliCategoryResults').innerHTML = '';
        document.getElementById('meliAttrsSection').style.display = 'none';
        document.getElementById('meliAttrsGrid').innerHTML = '';
        meliCategoryAttrs = [];
        refreshMeliPublishPreview();
    };

    window.closeMeliPublishModal = function() {
        document.getElementById('meliPublishModal').classList.remove('is-open');
    };

    // ==== RESTAURADAS v4 (MELI + descuentos) ====

    window.searchMeliCategories = function() {
        var q = document.getElementById('meliCategorySearch').value.trim();
        var resultsDiv = document.getElementById('meliCategoryResults');
        if (q.length < 2) { resultsDiv.innerHTML = ''; meliCatItems = []; meliCatActiveIndex = -1; return; }
        clearTimeout(meliCategorySearchTimeout);
        resultsDiv.innerHTML = '<div class="meli-cat-dropdown"><div class="meli-cat-loading">Buscando...</div></div>';
        meliCategorySearchTimeout = setTimeout(function() {
            fetch('/pos/api/marketplace-ext/categories?q=' + encodeURIComponent(q), { headers: { 'Authorization': 'Bearer ' + getToken(), 'Content-Type': 'application/json' } })
                .then(function(r) { return r.json(); })
                .then(function(data) {
                    var cats = data.categories || [];
                    meliCatItems = cats.slice(0, 10);
                    meliCatActiveIndex = -1;
                    if (!meliCatItems.length) { resultsDiv.innerHTML = '<div class="meli-cat-dropdown"><div class="meli-cat-empty">Sin resultados</div></div>'; return; }
                    var html = '<div class="meli-cat-dropdown">';
                    meliCatItems.forEach(function(c, idx) {
                        html += '<div class="meli-cat-item" data-idx="' + idx + '" onmouseenter="highlightMeliCat(' + idx + ')" onmousedown="selectMeliCategoryIdx(' + idx + ')">' +
                            '<span>' + esc(c.category_name || c.category_id) + '</span>' +
                            '<span class="cat-id">' + esc(c.category_id) + '</span>' +
                            '</div>';
                    });
                    html += '</div>';
                    resultsDiv.innerHTML = html;
                })
                .catch(function() { resultsDiv.innerHTML = ''; meliCatItems = []; meliCatActiveIndex = -1; });
        }, 300);
    };

    window.handleMeliCatKeydown = function(e) {
        if (!meliCatItems.length) return;
        if (e.key === 'ArrowDown') {
            e.preventDefault();
            meliCatActiveIndex = Math.min(meliCatActiveIndex + 1, meliCatItems.length - 1);
            highlightMeliCat(meliCatActiveIndex);
        } else if (e.key === 'ArrowUp') {
            e.preventDefault();
            meliCatActiveIndex = Math.max(meliCatActiveIndex - 1, -1);
            highlightMeliCat(meliCatActiveIndex);
        } else if (e.key === 'Enter') {
            e.preventDefault();
            if (meliCatActiveIndex >= 0) selectMeliCategoryIdx(meliCatActiveIndex);
        } else if (e.key === 'Escape') {
            document.getElementById('meliCategoryResults').innerHTML = '';
            meliCatItems = [];
            meliCatActiveIndex = -1;
        }
    };

    /* Cerrar dropdown al hacer click fuera */
    document.addEventListener('click', function(e) {
        var field = document.getElementById('meliCategorySearch');
        var results = document.getElementById('meliCategoryResults');
        if (field && results && !field.contains(e.target) && !results.contains(e.target)) {
            results.innerHTML = '';
            meliCatItems = [];
            meliCatActiveIndex = -1;
        }
    });

    window.onMeliShippingChange = function() {
        var mode = document.getElementById('meliShippingMode').value;
        var costField = document.getElementById('meliShippingCostField');
        if (costField) costField.style.display = (mode === 'custom') ? 'block' : 'none';
    };

    // ─── MELI publish helpers ──────────────────────────────────────────────
    // Contrato de `custom_data` esperado por validate_items / publish_items
    // (pos/services/marketplace_external_service.py):
    //   {
    //     titles:     { "<inventory_id>": "Título (<=60)" },
    //     prices:     { "<inventory_id>": 123.45 },
    //     stocks:     { "<inventory_id>": 3 },
    //     attributes: { "<inventory_id>": [{ id: "BRAND", value_name: "Nissan" }] },
    //     shipping_cost: 150          // solo se usa si shipping_mode === 'custom'
    //   }
    // Las claves son el id de inventario como string (el backend consulta con str(inv_id)).
    function _meliAttrValue(attr) {
        // Los atributos con lista cerrada se pintan como <select> + input "Otra (escribir)";
        // el resto como un input de texto libre.
        var selEl = document.getElementById('meliAttrSel-' + attr.id);
        if (selEl) {
            if (selEl.value === '__other__') {
                var otherEl = document.getElementById('meliAttrOther-' + attr.id);
                return otherEl ? otherEl.value.trim() : '';
            }
            return (selEl.value || '').trim();
        }
        var el = document.getElementById('meliAttr-' + attr.id);
        return el ? (el.value || '').trim() : '';
    }

    function _collectMeliCustomData() {
        var ids = Array.from(selectedItems);
        var customData = { titles: {}, prices: {}, stocks: {}, attributes: {} };
        ids.forEach(function(id) {
            var titleEl = document.getElementById('meliTitle-' + id);
            var priceEl = document.getElementById('meliPrice-' + id);
            var stockEl = document.getElementById('meliStock-' + id);
            if (titleEl && titleEl.value.trim()) customData.titles[id] = titleEl.value.trim();
            if (priceEl) {
                var price = parseFloat(priceEl.value);
                if (!isNaN(price)) customData.prices[id] = price;
            }
            if (stockEl) {
                var stock = parseInt(stockEl.value, 10);
                if (!isNaN(stock)) customData.stocks[id] = stock;
            }
            var attrs = [];
            (meliCategoryAttrs || []).forEach(function(attr) {
                var value = _meliAttrValue(attr);
                if (attr.id && value) attrs.push({ id: attr.id, value_name: value });
            });
            if (attrs.length) customData.attributes[id] = attrs;
        });
        // El backend solo lo aplica con shipping_mode === 'custom'; si el campo no
        // existe o está vacío simplemente se omite.
        var shippingCostEl = document.getElementById('meliShippingCost');
        var shippingCost = shippingCostEl ? parseFloat(shippingCostEl.value) : NaN;
        if (!isNaN(shippingCost)) customData.shipping_cost = shippingCost;
        return customData;
    }

    function _renderPublishResult(data, resultEl) {
        if (!resultEl) return;
        data = data || {};
        var successList = data.success || [];
        var failedList = data.failed || [];
        var html = '<div style="margin-bottom:var(--space-2);"><span style="color:var(--color-success);">✅ ' + successList.length + ' publicado(s)</span> · <span style="color:var(--color-error);">❌ ' + failedList.length + ' fallo(s)</span></div>';
        if (successList.length) {
            html += '<ul style="margin:0 0 var(--space-2);padding-left:var(--space-4);font-size:var(--text-caption);color:var(--color-text-secondary);">';
            successList.forEach(function(s) {
                var itemId = s.external_item_id || s.item_id;
                var label = 'Item #' + esc(s.inventory_id);
                if (itemId) {
                    label += ' → <a href="' + esc(s.permalink || '#') + '" target="_blank" rel="noopener" style="color:var(--color-primary);">' + esc(itemId) + '</a>';
                }
                html += '<li>' + label + '</li>';
            });
            html += '</ul>';
        }
        if (failedList.length) {
            html += '<ul style="margin:0;padding-left:var(--space-4);font-size:var(--text-caption);color:var(--color-text-secondary);">';
            failedList.forEach(function(f) {
                html += '<li>Item #' + esc(f.inventory_id) + ': ' + esc(f.error) + '</li>';
            });
            html += '</ul>';
        }
        resultEl.innerHTML = html;
        if (successList.length > 0) {
            selectedItems.clear();
            updateSelectionUI();
            if (inventoryVS) inventoryVS.refresh();
        }
    }

    function _pollMeliAsync(taskId, resultEl, btn) {
        var attempts = 0;
        var maxAttempts = 60; // ~2 min (una consulta cada 2s)
        var interval = setInterval(function() {
            attempts++;
            fetch('/pos/api/marketplace-ext/listings/async/' + encodeURIComponent(taskId), { headers: { 'Authorization': 'Bearer ' + getToken() } })
                .then(function(r) { return r.json(); })
                .then(function(data) {
                    if (data.error) {
                        clearInterval(interval);
                        if (btn) btn.disabled = false;
                        resultEl.innerHTML = '<span style="color:var(--color-error);">Error: ' + esc(data.error) + '</span>';
                        return;
                    }
                    if (data.status === 'done') {
                        clearInterval(interval);
                        if (btn) btn.disabled = false;
                        _renderPublishResult(data.result || {}, resultEl);
                        setTimeout(function() { closeMeliPublishModal(); }, 3000);
                    } else if (attempts >= maxAttempts) {
                        clearInterval(interval);
                        if (btn) btn.disabled = false;
                        resultEl.innerHTML = '<span style="color:var(--color-error);">Timeout esperando resultado. Revisa la pestaña Publicaciones más tarde.</span>';
                    } else {
                        resultEl.innerHTML = '<span style="color:var(--color-text-muted);">Publicando en segundo plano... (' + (attempts * 2) + 's)</span>';
                    }
                }).catch(function() {
                    clearInterval(interval);
                    if (btn) btn.disabled = false;
                    resultEl.innerHTML = '<span style="color:var(--color-error);">Error consultando progreso</span>';
                });
        }, 2000);
    }

    window.validateMeliPublish = function() {
        var categoryId = document.getElementById('meliCategoryId').value.trim();
        if (!categoryId) { document.getElementById('meliPublishResult').innerHTML = '<span style="color:var(--color-error);">Selecciona una categoría de MercadoLibre</span>'; return; }
        var listingType = document.getElementById('meliListingType').value;
        var shippingMode = document.getElementById('meliShippingMode').value;
        var ids = Array.from(selectedItems);
        var resultEl = document.getElementById('meliPublishResult');
        var btn = document.getElementById('meliValidateBtn');
        btn.disabled = true;
        resultEl.innerHTML = '<span style="color:var(--color-text-muted);">Validando con MercadoLibre...</span>';
        fetch('/pos/api/marketplace-ext/listings/validate', {
            method: 'POST',
            headers: { 'Authorization': 'Bearer ' + getToken(), 'Content-Type': 'application/json' },
            body: JSON.stringify({
                inventory_ids: ids,
                category_id: categoryId,
                listing_type: listingType,
                shipping_mode: shippingMode,
                custom_data: _collectMeliCustomData()
            })
        }).then(function(r){ return r.json(); })
          .then(function(data) {
              btn.disabled = false;
              if (data.error) { resultEl.innerHTML = '<span style="color:var(--color-error);">Error: ' + esc(data.error) + '</span>'; return; }
              var valid = (data.valid || []);
              var invalid = (data.invalid || []);
              var html = '<div style="margin-bottom:var(--space-2);"><span style="color:var(--color-success);">✅ ' + valid.length + ' válido(s)</span> · <span style="color:var(--color-error);">❌ ' + invalid.length + ' inválido(s)</span></div>';

              // Show earnings estimate table for valid items
              if (valid.length > 0) {
                  html += '<div style="margin:var(--space-3) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;">';
                  html += '<div style="background:var(--color-surface-2);padding:var(--space-2) var(--space-3);font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary);">💰 Estimado de ganancia (después de comisiones ML)</div>';
                  html += '<table style="width:100%;border-collapse:collapse;font-size:var(--text-caption);">';
                  html += '<tr style="background:var(--color-surface-1);"><th style="padding:6px 8px;text-align:left;">Item</th><th style="padding:6px 8px;text-align:right;">Precio</th><th style="padding:6px 8px;text-align:right;">Comisión</th><th style="padding:6px 8px;text-align:right;">Recibes</th></tr>';
                  valid.forEach(function(v) {
                      var price = v.price || 0;
                      var fee = v.fee_amount || 0;
                      var net = v.net_amount || 0;
                      var feePct = v.fee_pct || 0;
                      html += '<tr style="border-top:1px solid var(--color-border);">';
                      html += '<td style="padding:6px 8px;">#' + esc(v.inventory_id) + '</td>';
                      html += '<td style="padding:6px 8px;text-align:right;">$' + price.toFixed(2) + '</td>';
                      html += '<td style="padding:6px 8px;text-align:right;color:var(--color-error);">-$' + fee.toFixed(2) + ' (' + feePct.toFixed(1) + '%)</td>';
                      html += '<td style="padding:6px 8px;text-align:right;color:var(--color-success);font-weight:600;">$' + net.toFixed(2) + '</td>';
                      html += '</tr>';
                  });
                  html += '</table>';
                  if (valid.some(function(v){ return v.fee_source === 'approximation'; })) {
                      html += '<div style="padding:var(--space-2) var(--space-3);font-size:10px;color:var(--color-text-muted);background:var(--color-surface-0);">* Comisión estimada. El monto real puede variar según ML.</div>';
                  }
                  html += '</div>';
              }

              if (invalid.length) {
                  html += '<ul style="margin:0;padding-left:var(--space-4);font-size:var(--text-caption);color:var(--color-text-secondary);">';
                  invalid.forEach(function(f) {
                      html += '<li>Item #' + esc(f.inventory_id) + ': ' + esc(f.error) + '</li>';
                  });
                  html += '</ul>';
              }
              resultEl.innerHTML = html;
          }).catch(function(e) { btn.disabled = false; resultEl.innerHTML = '<span style="color:var(--color-error);">Error: ' + esc(e.message) + '</span>'; });
    };

    window.executeMeliPublish = function() {
        var categoryId = document.getElementById('meliCategoryId').value.trim();
        if (!categoryId) { document.getElementById('meliPublishResult').innerHTML = '<span style="color:var(--color-error);">Selecciona una categoría de MercadoLibre</span>'; return; }
        var listingType = document.getElementById('meliListingType').value;
        var shippingMode = document.getElementById('meliShippingMode').value;
        var ids = Array.from(selectedItems);
        var resultEl = document.getElementById('meliPublishResult');
        var btn = document.getElementById('meliPublishBtn');
        btn.disabled = true;
        var useAsync = ids.length > 3;
        var endpoint = useAsync ? '/pos/api/marketplace-ext/listings/async' : '/pos/api/marketplace-ext/listings';
        resultEl.innerHTML = '<span style="color:var(--color-text-muted);">' + (useAsync ? 'Encolando ' : 'Publicando ') + ids.length + ' producto(s)...</span>';
        fetch(endpoint, {
            method: 'POST',
            headers: { 'Authorization': 'Bearer ' + getToken(), 'Content-Type': 'application/json' },
            body: JSON.stringify({
                inventory_ids: ids,
                category_id: categoryId,
                listing_type: listingType,
                shipping_mode: shippingMode,
                custom_data: _collectMeliCustomData()
            })
        }).then(function(r) { return r.json(); })
          .then(function(data) {
              if (data.error) { btn.disabled = false; resultEl.innerHTML = '<span style="color:var(--color-error);">Error: ' + esc(data.error) + '</span>'; return; }
              if (useAsync && data.task_id) {
                  _pollMeliAsync(data.task_id, resultEl, btn);
              } else {
                  btn.disabled = false;
                  _renderPublishResult(data, resultEl);
                  if ((data.success || []).length > 0) {
                      setTimeout(function() { closeMeliPublishModal(); }, 2500);
                  }
              }
          }).catch(function(e) { btn.disabled = false; resultEl.innerHTML = '<span style="color:var(--color-error);">Error: ' + esc(e.message) + '</span>'; });
    };

    function refreshMeliPublishPreview() {
        var container = document.getElementById('meliPublishItemsPreview');
        var countEl = document.getElementById('meliPublishSelectedCount');
        countEl.textContent = selectedItems.size + ' producto(s) seleccionado(s)';
        container.innerHTML = '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">Cargando verificaciones...</p>';

        var ids = Array.from(selectedItems);
        fetch('/pos/api/marketplace-ext/inventory-check', {
            method: 'POST',
            headers: { 'Authorization': 'Bearer ' + getToken(), 'Content-Type': 'application/json' },
            body: JSON.stringify({ inventory_ids: ids })
        }).then(function(r){ return r.json(); })
          .then(function(data) {
              if (!data.items) { container.innerHTML = '<p style="color:var(--color-error);">Error cargando preview</p>'; return; }
              var html = '';
              data.items.forEach(function(it) {
                  if (!it.exists) {
                      html += '<div class="meli-preview-card" style="opacity:0.6;"><div style="color:var(--color-error);">Item #' + it.inventory_id + ' no encontrado</div></div>';
                      return;
                  }
                  meliPreviewData[it.inventory_id] = it;
                  var checks = '';
                  checks += '<span class="meli-check ' + (it.has_image ? 'ok' : 'fail') + '">' + (it.has_image ? '✅' : '❌') + ' Imagen' + (it.images_count > 1 ? ' (' + it.images_count + ')' : '') + '</span>';
                  checks += '<span class="meli-check ' + (it.has_stock ? 'ok' : 'fail') + '">' + (it.has_stock ? '✅' : '❌') + ' Stock</span>';
                  checks += '<span class="meli-check ' + (it.has_price ? 'ok' : 'fail') + '">' + (it.has_price ? '✅' : '❌') + ' Precio</span>';
                  if (it.condition) {
                      var condLabel = it.condition === 'nuevo' ? 'Nuevo' : (it.condition === 'reconstruido' ? 'Reconstruido' : 'Usado');
                      if (it.condition_grade) condLabel += ' · Grado ' + it.condition_grade;
                      checks += '<span class="meli-check ok">' + esc(condLabel) + '</span>';
                  }
                  if (it.already_published) {
                      checks += '<span class="meli-check ok">✅ <a href="' + esc(it.existing_listing.permalink || '#') + '" target="_blank" style="color:var(--color-success);text-decoration:underline;">Ya publicado (' + esc(it.existing_listing.status) + ')</a></span>';
                  }
                  var imgSrc = it.image_url || '';
                  var imgHtml = imgSrc ? '<img src="' + esc(imgSrc) + '" alt="" onerror="this.style.display=\'none\'">' : '<div style="width:56px;height:56px;background:var(--color-surface-2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-text-muted);">Sin img</div>';
                  if (!it.has_image) {
                      imgHtml = '<div class="meli-img-upload" onclick="document.getElementById(\'meliImgUpload-' + it.inventory_id + '\').click()">' +
                          '<div style="font-size:10px;">+ Subir</div>' +
                          '<input type="file" id="meliImgUpload-' + it.inventory_id + '" accept="image/*" onchange="handleMeliImageUpload(' + it.inventory_id + ', this)">' +
                          '</div>';
                  }
                  html += '<div class="meli-preview-card" id="meliCard-' + it.inventory_id + '">' +
                      imgHtml +
                      '<div>' +
                          '<input type="text" class="meli-title-input" id="meliTitle-' + it.inventory_id + '" value="' + esc(it.title) + '" maxlength="60" oninput="updateMeliTitleCount(' + it.inventory_id + ')">' +
                          '<div style="font-size:10px;color:var(--color-text-muted);text-align:right;" id="meliTitleCount-' + it.inventory_id + '">' + it.title.length + '/60</div>' +
                          '<div class="meli-checks-row">' + checks + '</div>' +
                      '</div>' +
                      '<div><label style="font-size:10px;color:var(--color-text-muted);">Precio</label><input type="number" class="meli-num-input" id="meliPrice-' + it.inventory_id + '" value="' + it.price + '" oninput="scheduleMeliFeeEstimates()"></div>' +
                      '<div><label style="font-size:10px;color:var(--color-text-muted);">Stock</label><input type="number" class="meli-num-input" id="meliStock-' + it.inventory_id + '" value="' + it.stock + '"></div>' +
                      '<div id="meliFee-' + it.inventory_id + '" style="font-size:10px;color:var(--color-text-muted);min-width:130px;line-height:1.35;"></div>' +
                      '</div>';
              });
              container.innerHTML = html;
              scheduleMeliFeeEstimates();
          }).catch(function() { container.innerHTML = '<p style="color:var(--color-error);">Error de red</p>'; });
    }

    window.selectMeliCategory = function(id, name) {
        document.getElementById('meliCategoryId').value = id;
        document.getElementById('meliCategorySearch').value = name;
        document.getElementById('meliCategoryResults').innerHTML = '';
        meliCatItems = [];
        meliCatActiveIndex = -1;
        loadCategoryAttributes(id);
        scheduleMeliFeeEstimates();
    };

    window.selectMeliCategoryIdx = function(idx) {
        var c = meliCatItems[idx];
        if (!c) return;
        selectMeliCategory(c.category_id, c.category_name || c.category_id);
    };

    window.highlightMeliCat = function(idx) {
        meliCatActiveIndex = idx;
        var items = document.querySelectorAll('.meli-cat-item');
        items.forEach(function(el, i) { el.classList.toggle('is-active', i === idx); });
    };

    window.loadCategoryAttributes = function(categoryId) {
        var grid = document.getElementById('meliAttrsGrid');
        var section = document.getElementById('meliAttrsSection');
        grid.innerHTML = '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">Cargando atributos...</p>';
        section.style.display = 'block';
        fetch('/pos/api/marketplace-ext/categories/' + encodeURIComponent(categoryId) + '/attributes', { headers: { 'Authorization': 'Bearer ' + getToken() } })
            .then(function(r){ return r.json(); })
            .then(function(data) {
                meliCategoryAttrs = data.attributes || [];
                if (!meliCategoryAttrs.length) { grid.innerHTML = '<p style="color:var(--color-text-muted);font-size:var(--text-caption);">No hay atributos obligatorios adicionales.</p>'; return; }
                var html = '';
                meliCategoryAttrs.forEach(function(attr) {
                    var attrId = esc(attr.id);
                    var attrName = esc(attr.name || attr.id);
                    var inputHtml = '<input type="text" class="meli-title-input" id="meliAttr-' + attrId + '" placeholder="' + attrName + '">';
                    if (attr.values && attr.values.length) {
                        // Some ML attributes (like BRAND) have a closed list but the API still
                        // accepts free-text via value_name. Provide a select + "Other" fallback.
                        var selectId = 'meliAttrSel-' + attrId;
                        var otherId = 'meliAttrOther-' + attrId;
                        inputHtml = '<select class="meli-title-input" id="' + selectId + '" onchange="onMeliAttrSelectChange(\'' + attrId + '\')">' +
                            '<option value="">Selecciona ' + attrName + '</option>' +
                            attr.values.map(function(v) { return '<option value="' + esc(v.name) + '">' + esc(v.name) + '</option>'; }).join('') +
                            '<option value="__other__">Otra marca (escribir)...</option>' +
                            '</select>' +
                            '<input type="text" class="meli-title-input" id="' + otherId + '" placeholder="Escribe la ' + attrName + '" style="display:none;margin-top:6px;">';
                    }
                    html += '<div class="inv-field" id="meliAttrWrap-' + attrId + '"><label>' + attrName + (attr.tags && attr.tags.required ? ' *' : '') + '</label>' + inputHtml + '</div>';
                });
                grid.innerHTML = html;
            }).catch(function() { grid.innerHTML = '<p style="color:var(--color-error);font-size:var(--text-caption);">Error cargando atributos</p>'; });
    };

    window.onMeliAttrSelectChange = function(attrId) {
        var sel = document.getElementById('meliAttrSel-' + attrId);
        var other = document.getElementById('meliAttrOther-' + attrId);
        if (!sel || !other) return;
        if (sel.value === '__other__') {
            other.style.display = 'block';
            other.focus();
        } else {
            other.style.display = 'none';
            other.value = '';
        }
    };

    window.updateMeliTitleCount = function(id) {
        var el = document.getElementById('meliTitle-' + id);
        var countEl = document.getElementById('meliTitleCount-' + id);
        if (el && countEl) countEl.textContent = el.value.length + '/60';
    };

    window.handleMeliImageUpload = function(itemId, input) {
        if (!input.files || !input.files[0]) return;
        var file = input.files[0];
        var formData = new FormData();
        formData.append('file', file);
        fetch('/pos/api/inventory/items/' + itemId + '/image', {
            method: 'POST',
            headers: { 'Authorization': 'Bearer ' + getToken() },
            body: formData
        }).then(function(r){ return r.json(); })
          .then(function(data) {
              if (data.image_url) {
                  showToast('Imagen subida', 'success');
                  refreshMeliPublishPreview();
                  if (inventoryVS) inventoryVS.refresh();
              } else {
                  showToast(data.error || 'Error subiendo imagen', 'error');
              }
          }).catch(function(){ showToast('Error de red', 'error'); });
    };

    // ─── Estimador de comisiones MeLi (por artículo) ───
    var meliFeeTimeout;
    function fmtMoney(n) {
        return '$' + (parseFloat(n) || 0).toLocaleString('es-MX', {minimumFractionDigits: 2, maximumFractionDigits: 2});
    }
    function updateMeliFeeEstimates() {
        var categoryId = (document.getElementById('meliCategoryId') || {}).value;
        var listingType = (document.getElementById('meliListingType') || {}).value || 'gold_special';
        var ids = Object.keys(window.meliPreviewData || (typeof meliPreviewData !== 'undefined' ? meliPreviewData : {}));
        if (!ids.length) return;
        ids.forEach(function (id) {
            var feeEl = document.getElementById('meliFee-' + id);
            if (!feeEl) return;
            if (!categoryId) { feeEl.innerHTML = ''; return; }
            var priceEl = document.getElementById('meliPrice-' + id);
            var price = parseFloat(priceEl && priceEl.value) || 0;
            if (price <= 0) { feeEl.innerHTML = '<span style="color:var(--color-text-muted);">Ingresa un precio para estimar comisiones</span>'; return; }
            feeEl.innerHTML = '<span style="color:var(--color-text-muted);">Calculando comisiones...</span>';
            fetch('/pos/api/marketplace-ext/listing-prices?price=' + encodeURIComponent(price) + '&category_id=' + encodeURIComponent(categoryId), { headers: { 'Authorization': 'Bearer ' + getToken() } })
                .then(function (r) { return r.json().then(function (d) { return {ok: r.ok, data: d}; }); })
                .then(function (res) {
                    if (!res.ok || res.data.error) { feeEl.innerHTML = '<span style="color:var(--color-warning);">No se pudo estimar: ' + esc(res.data.error || 'error') + '</span>'; return; }
                    var offers = res.data.listing_prices || [];
                    var offer = null;
                    offers.forEach(function (o) { if (o.listing_type_id === listingType) offer = o; });
                    if (!offer && offers.length) offer = offers[0];
                    if (!offer || !offer.sale_fee_details) { feeEl.innerHTML = ''; return; }
                    var fee = offer.sale_fee_details.gross_amount || 0;
                    var pct = offer.sale_fee_details.percentage_fee || 0;
                    var net = price - fee;
                    feeEl.innerHTML = '💰 Comisión MeLi: <strong style="color:var(--color-warning);">' + fmtMoney(fee) + ' (' + pct + '%)</strong>'
                        + ' · Recibes: <strong style="color:' + (net > 0 ? 'var(--color-success)' : 'var(--color-error)') + ';">' + fmtMoney(net) + '</strong>'
                        + ' <span style="opacity:.65;">(estimado, sin costo de envío)</span>';
                })
                .catch(function () { feeEl.innerHTML = ''; });
        });
    }
    function scheduleMeliFeeEstimates() {
        clearTimeout(meliFeeTimeout);
        meliFeeTimeout = setTimeout(updateMeliFeeEstimates, 500);
    }
    window.scheduleMeliFeeEstimates = scheduleMeliFeeEstimates;

    // =====================================================================
    //  EXPOSE GLOBALS (for onclick handlers in HTML)
    // =====================================================================

    window._loadItems = function (p) { loadItems(p); };
    window.loadItems = function (p, q) { loadItems(p, q); };
    window.viewHistory = viewHistory;
    window.viewProductDetail = viewProductDetail;
    window.uploadItemImage = uploadItemImage;
    window.deleteItemImage = deleteItemImage;
    window.closeHistoryModal = closeHistoryModal;
    window.showCreateModal = showCreateModal;
    window.closeCreateModal = closeCreateModal;
    window.createItem = createItem;
    window.showPurchaseModal = showPurchaseModal;
    window.showPurchaseModalForItem = showPurchaseModalForItem;
    window.closePurchaseModal = closePurchaseModal;
    window.recordPurchase = recordPurchase;
    window.showAdjustmentModal = showAdjustmentModal;
    window.closeAdjustmentModal = closeAdjustmentModal;
    window.recordAdjustment = recordAdjustment;
    window.showTransferModal = showTransferModal;
    window.closeTransferModal = closeTransferModal;
    window.recordTransfer = recordTransfer;
    window.showCountModal = showCountModal;
    window.closeCountModal = closeCountModal;
    window.addCountLine = addCountLine;
    window.startPhysicalCount = startPhysicalCount;
    window.approvePhysicalCount = approvePhysicalCount;
    window.cancelDraft = cancelDraft;
    window.loadAlerts = loadAlerts;
    window.printBarcode = printBarcode;
    window.switchTransferTab = switchTransferTab;
    window.transferLineQty = transferLineQty;
    window.transferLineRemove = transferLineRemove;
    window.transferDocSave = transferDocSave;
    window.transferDocSend = transferDocSend;
    window.transferDocReceive = transferDocReceive;
    window.transferDocCancel = transferDocCancel;
    window.openTransferDoc = openTransferDoc;
    window.loadTransferDocs = loadTransferDocs;
    window.countQty = countQty;
    window.countRemove = countRemove;
    window.Inventory = window.Inventory || {};
    window.Inventory = Object.assign(window.Inventory, {
        switchTransferTab, transferLineQty, transferLineRemove, transferDocSave,
        transferDocSend, transferDocReceive, transferDocCancel, openTransferDoc,
        countQty, countRemove, transferAddByCode, countAddByCode,
    });
    window.deleteItem = deleteItem;
    window.autoMatchCompat = autoMatchCompat;
    window.removeCompat = removeCompat;

    // ─── Product Timeline ──────────────────────────────────────────
    window.showProductTimeline = function(itemId) {
        var modal = document.getElementById('productTimelineModal');
        var body = document.getElementById('productTimelineBody');
        body.innerHTML = '<div style="padding:20px;"><div class="skeleton skeleton--text"></div><div class="skeleton skeleton--text-sm"></div></div>';
        modal.classList.add('is-open');

        apiFetch(API + '/items/' + itemId + '/history').then(function(data) {
            var history = (data && data.data) ? data.data : [];
            var html = '<div class="timeline">';
            html += '<div class="timeline__item"><div class="timeline__dot timeline__dot--green"></div><div class="timeline__content"><div class="timeline__date">Producto creado</div><div class="timeline__title">Registro inicial en inventario</div></div></div>';
            history.forEach(function(h) {
                var color = h.quantity > 0 ? 'timeline__dot--green' : (h.quantity < 0 ? 'timeline__dot--red' : 'timeline__dot--blue');
                var title = (h.type || 'Movimiento') + ' · ' + (h.quantity > 0 ? '+' : '') + h.quantity + ' unidades';
                html += '<div class="timeline__item"><div class="timeline__dot ' + color + '"></div><div class="timeline__content">' +
                    '<div class="timeline__date">' + esc(h.date) + ' · ' + esc(h.employee) + '</div>' +
                    '<div class="timeline__title">' + esc(title) + '</div>' +
                    (h.notes ? '<div class="timeline__desc">' + esc(h.notes) + '</div>' : '') +
                    '</div></div>';
            });
            html += '</div>';
            body.innerHTML = html;
        });
    };

    // ─── Image Comparator ──────────────────────────────────────────
    window.showImageCompare = function(imageUrl) {
        var modal = document.getElementById('imageCompareModal');
        document.getElementById('imgCompareNew').src = imageUrl + '?t=' + Date.now();
        document.getElementById('imgCompareOld').src = imageUrl + '?t=' + (Date.now() - 1);
        modal.classList.add('is-open');
        setTimeout(function() { if (typeof initImageComparator === 'function') initImageComparator('#imgCompareContainer'); }, 100);
    };

    // ─── Infinite Scroll ───────────────────────────────────────────
    var _infiniteScrollInstance = null;
    function setupInfiniteScroll() {
        if (_infiniteScrollInstance) _infiniteScrollInstance.disconnect();
        var sentinel = document.createElement('div');
        sentinel.id = 'inventoryScrollSentinel';
        sentinel.style.cssText = 'height:1px;';
        var wrapper = document.querySelector('.table-wrapper');
        if (wrapper) wrapper.appendChild(sentinel);
        _infiniteScrollInstance = new InfiniteScroll({
            sentinelParent: wrapper,
            onLoad: function(done) {
                if (!currentSearch && currentPage < (window._inventoryTotalPages || 999)) {
                    loadItems(currentPage + 1);
                }
                if (done) done();
            }
        });
    }

    // ─── Saved Filters ─────────────────────────────────────────────
    function renderSavedFilters() {
        var container = document.getElementById('savedFiltersContainer');
        if (!container) return;
        SavedFilters.renderChips('savedFiltersContainer', function(filters) {
            if (filters.search) {
                var el = document.getElementById('productSearch');
                if (el) { el.value = filters.search; loadItems(1, filters.search); }
            }
        });
    }

    // =====================================================================
    //  INIT — load stock on page load
    // =====================================================================

    loadItems(1);
    renderSavedFilters();
    wirePurchaseSearch();
})();