@extends('../padre.padre')

@section('contenido')
<div class="container-fluid mt-3 px-4">
    <!-- Header -->
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap">
        <div>
            <h2 class="mb-1 text-success font-weight-bold">
                <i class="fa fa-file-excel-o mr-2"></i> Importar y Crear Productos Nuevos Masivamente
            </h2>
            <p class="text-muted mb-0">
                Carga masiva de productos nuevos desde Excel. Se sincronizan en <strong>inventarios</strong> para <strong>todas las bodegas existentes</strong> y se omiten los que ya existan.
            </p>
        </div>
        <div class="mt-2 mt-md-0 d-flex align-items-center">
            <a href="{{ url('/vistaImportarPre') }}" class="btn btn-outline-secondary font-weight-bold mr-2">
                <i class="fa fa-arrow-left mr-1"></i> Ir a Importar Precios
            </a>
            @include('../menu.botonRegresar')
        </div>
    </div>

    <!-- Reglas e Instrucciones -->
    <div class="alert alert-info border-info mb-4 shadow-sm">
        <div class="row align-items-center">
            <div class="col-md-9">
                <h6 class="font-weight-bold mb-2"><i class="fa fa-info-circle mr-1"></i> Consideraciones para el archivo Excel:</h6>
                <div class="row small">
                    <div class="col-md-6">
                        <ul class="mb-1 pl-3">
                            <li><strong class="text-danger">Datos Obligatorios:</strong> Columnas <code>codigo</code> y <code>nombre</code>.</li>
                            <li><strong>Omisión por Existencia:</strong> Si el producto ya existe en la base de datos o está repetido en el archivo, <strong>se omite</strong>.</li>
                            <li><strong>Barras Únicas:</strong> Si el código de barras ya pertenece a otro producto, también <strong>se omite automáticamente</strong>.</li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <ul class="mb-1 pl-3">
                            <li><strong>Bodegas:</strong> Se crea automáticamente el registro de inventario para <strong>todas las bodegas existentes</strong>.</li>
                            <li><strong>Inventario Inicial:</strong> Si el Excel contiene <code>InventarioCaja</code>, se asigna a la bodega seleccionada y se registra en Kardex.</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3 text-md-right mt-2 mt-md-0">
                <a href="{{ url('/descargar-plantilla-nuevos-productos') }}" class="btn btn-primary btn-block font-weight-bold shadow-sm mb-2">
                    <i class="fa fa-download mr-1"></i> Descargar Plantilla (.xlsx)
                </a>
                <span id="badge-tipo-calculo" class="badge p-2 font-weight-bold d-block text-center" style="display: none;"></span>
            </div>
        </div>
    </div>

    <!-- Panel de Selección de Archivo -->
    <div class="card shadow-sm border mb-4">
        <div class="card-body p-4 bg-light">
            <div class="row align-items-end">
                <div class="col-md-5 mb-3 mb-md-0">
                    <label for="excelFileNuevos" class="font-weight-bold">
                        <i class="fa fa-upload mr-1 text-primary"></i> 1. Seleccione el Archivo Excel (.xlsx, .xls):
                    </label>
                    <input type="file" id="excelFileNuevos" class="form-control form-control-lg bg-white" accept=".xlsx, .xls">
                </div>

                <div class="col-md-4 mb-3 mb-md-0">
                    <label for="modalBodegaStock" class="font-weight-bold">
                        <i class="fa fa-archive mr-1 text-info"></i> 2. Bodega para Stock Inicial (si hay inventario en el Excel):
                    </label>
                    <select id="modalBodegaStock" class="form-control form-control-lg bg-white">
                        @if(isset($bodegas) && count($bodegas) > 0)
                            @foreach($bodegas as $b)
                                <option value="{{ $b->id }}">{{ $b->nombreBodega }} (ID: {{ $b->id }})</option>
                            @endforeach
                        @else
                            <option value="1">Bodega 1 (Principal)</option>
                        @endif
                    </select>
                </div>

                <div class="col-md-3">
                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="modalAsignarATodas">
                        <label class="custom-control-label font-weight-bold small text-muted" for="modalAsignarATodas">
                            Asignar el stock inicial a <strong>TODAS</strong> las bodegas
                        </label>
                    </div>
                    <button type="button" class="btn btn-success btn-lg btn-block font-weight-bold shadow-sm" id="btn-ejecutar-creacion" disabled>
                        <i class="fa fa-check-circle mr-1"></i> Crear Productos Nuevos
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- Spinner Loading -->
    <div id="loadingNuevos" class="text-center my-4 py-4" style="display: none;">
        <div class="spinner-border text-success" role="status" style="width: 3.5rem; height: 3.5rem;">
            <span class="sr-only">Cargando...</span>
        </div>
        <h4 class="mt-3 text-muted" id="loadingNuevosTexto">Procesando archivo Excel y verificando datos con la base de datos...</h4>
    </div>

    <!-- Resultados y Previsualización -->
    <div id="seccionResultadosNuevos" style="display: none;" class="mb-5">
        <!-- Tarjetas de Conteo (Clickeables como atajos a las pestañas) -->
        <div class="row mb-3">
            <div class="col-md-4 mb-2">
                <div class="card border-success shadow-sm" style="cursor: pointer; transition: transform 0.15s ease-in-out;" onclick="activarPestana('tab-nuevos')" title="Clic para ver productos nuevos">
                    <div class="card-body py-3 px-4 d-flex justify-content-between align-items-center">
                        <div>
                            <span class="text-muted small font-weight-bold">NUEVOS A CREAR</span>
                            <h2 class="mb-0 text-success font-weight-bold" id="badge-nuevos">0</h2>
                        </div>
                        <i class="fa fa-check-circle fa-3x text-success opacity-50"></i>
                    </div>
                </div>
            </div>

            <div class="col-md-4 mb-2">
                <div class="card border-warning shadow-sm" style="cursor: pointer; transition: transform 0.15s ease-in-out;" onclick="activarPestana('tab-omitidos')" title="Clic para ver omitidos">
                    <div class="card-body py-3 px-4 d-flex justify-content-between align-items-center">
                        <div>
                            <span class="text-muted small font-weight-bold">OMITIDOS (YA EXISTEN EN BD / DUPLICADOS)</span>
                            <h2 class="mb-0 text-warning font-weight-bold" id="badge-omitidos">0</h2>
                        </div>
                        <i class="fa fa-exclamation-triangle fa-3x text-warning opacity-50"></i>
                    </div>
                </div>
            </div>

            <div class="col-md-4 mb-2">
                <div class="card border-danger shadow-sm" style="cursor: pointer; transition: transform 0.15s ease-in-out;" onclick="activarPestana('tab-invalidos')" title="Clic para ver inválidos">
                    <div class="card-body py-3 px-4 d-flex justify-content-between align-items-center">
                        <div>
                            <span class="text-muted small font-weight-bold">FILAS INVÁLIDAS (SIN CÓDIGO O NOMBRE)</span>
                            <h2 class="mb-0 text-danger font-weight-bold" id="badge-invalidos">0</h2>
                        </div>
                        <i class="fa fa-times-circle fa-3x text-danger opacity-50"></i>
                    </div>
                </div>
            </div>
        </div>

        <!-- Pestañas (Compatibles con Bootstrap 4 y Bootstrap 5) -->
        <ul class="nav nav-tabs font-weight-bold" id="tabsResultadosNuevos" role="tablist">
            <li class="nav-item" role="presentation">
                <a class="nav-link active text-success" id="tab-nuevos-link" data-toggle="tab" data-bs-toggle="tab" href="#tab-nuevos" data-bs-target="#tab-nuevos" role="tab" aria-controls="tab-nuevos" aria-selected="true" onclick="activarPestana('tab-nuevos'); return false;">
                    <i class="fa fa-check mr-1"></i> Productos Nuevos a Crear (<span id="tab-count-nuevos">0</span>)
                </a>
            </li>
            <li class="nav-item" role="presentation">
                <a class="nav-link text-warning" id="tab-omitidos-link" data-toggle="tab" data-bs-toggle="tab" href="#tab-omitidos" data-bs-target="#tab-omitidos" role="tab" aria-controls="tab-omitidos" aria-selected="false" onclick="activarPestana('tab-omitidos'); return false;">
                    <i class="fa fa-ban mr-1"></i> Omitidos por Existir (<span id="tab-count-omitidos">0</span>)
                </a>
            </li>
            <li class="nav-item" role="presentation">
                <a class="nav-link text-danger" id="tab-invalidos-link" data-toggle="tab" data-bs-toggle="tab" href="#tab-invalidos" data-bs-target="#tab-invalidos" role="tab" aria-controls="tab-invalidos" aria-selected="false" onclick="activarPestana('tab-invalidos'); return false;">
                    <i class="fa fa-exclamation-circle mr-1"></i> Filas Inválidas (<span id="tab-count-invalidos">0</span>)
                </a>
            </li>
        </ul>

        <div class="tab-content border border-top-0 p-3 bg-white shadow-sm" id="tabContentResultadosNuevos" style="min-height: 350px;">
            <!-- Tab 1: Nuevos -->
            <div class="tab-pane fade show active" id="tab-nuevos" role="tabpanel" aria-labelledby="tab-nuevos-link">
                <div class="table-responsive" style="max-height: 500px; overflow-y: auto;">
                    <table class="table table-bordered table-hover table-sm text-nowrap" id="table-nuevos">
                        <thead class="thead-dark small">
                            <tr>
                                <th>Fila</th>
                                <th>Código</th>
                                <th>Nombre Producto</th>
                                <th>Código Barras</th>
                                <th>Barras 2</th>
                                <th>Comisión (%)</th>
                                <th>Costo Caja</th>
                                <th>Venta Caja</th>
                                <th>Util. Caja</th>
                                <th>Costo Fracc.</th>
                                <th>Venta Fracc.</th>
                                <th>Util. Frcc</th>
                                <th>Factor</th>
                                <th>IVA (%)</th>
                                <th>Inv. Inicial</th>
                                <th>Venta Blister</th>
                                <th>Caja 2</th>
                                <th>Caja 3</th>
                                <th>Marca / Categ</th>
                            </tr>
                        </thead>
                        <tbody class="small">
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- Tab 2: Omitidos -->
            <div class="tab-pane fade" id="tab-omitidos" role="tabpanel" aria-labelledby="tab-omitidos-link">
                <div class="alert alert-warning small py-2 mb-2">
                    <i class="fa fa-info-circle mr-1"></i> Estos productos ya se encuentran en la base de datos o están duplicados en el Excel. Se omitirán automáticamente para no sobreescribir información existente.
                </div>
                <div class="table-responsive" style="max-height: 500px; overflow-y: auto;">
                    <table class="table table-bordered table-striped table-sm text-nowrap" id="table-omitidos">
                        <thead class="thead-light small">
                            <tr>
                                <th>Fila</th>
                                <th>Código</th>
                                <th>Nombre en Archivo</th>
                                <th>Motivo de Omisión</th>
                            </tr>
                        </thead>
                        <tbody class="small">
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- Tab 3: Inválidos -->
            <div class="tab-pane fade" id="tab-invalidos" role="tabpanel" aria-labelledby="tab-invalidos-link">
                <div class="alert alert-danger small py-2 mb-2">
                    <i class="fa fa-times-circle mr-1"></i> Filas a las que les falta el Código o el Nombre obligatorio.
                </div>
                <div class="table-responsive" style="max-height: 500px; overflow-y: auto;">
                    <table class="table table-bordered table-danger table-sm text-nowrap" id="table-invalidos">
                        <thead class="thead-light small">
                            <tr>
                                <th>Fila</th>
                                <th>Código</th>
                                <th>Nombre</th>
                                <th>Error Detectado</th>
                            </tr>
                        </thead>
                        <tbody class="small">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="d-flex justify-content-between align-items-center mt-3">
            <span class="text-muted small" id="footerInfoNuevos"></span>
        </div>
    </div>
</div>

<script src="{{ asset('js/xlsx.full.min.js') }}"></script>
<script src="{{ asset('js/sweetalert2@11.js') }}"></script>

<script>
    var cacheNuevosProductos = [];
    var cacheOmitidosProductos = [];
    var cacheInvalidosProductos = [];

    document.addEventListener('DOMContentLoaded', function () {
        var fileInput = document.getElementById('excelFileNuevos');
        if (!fileInput) return;

        fileInput.addEventListener('change', function (e) {
            var file = e.target.files[0];
            if (!file) return;

            var reader = new FileReader();

            reader.onload = function (e) {
                try {
                    var data = new Uint8Array(e.target.result);
                    var workbook = XLSX.read(data, { type: 'array' });
                    var firstSheetName = workbook.SheetNames[0];
                    var firstSheet = workbook.Sheets[firstSheetName];
                    var jsonData = XLSX.utils.sheet_to_json(firstSheet, { defval: "" });

                    if (!jsonData || jsonData.length === 0) {
                        mostrarAlertaSweet("Archivo vacío", "El archivo Excel seleccionado no contiene filas de datos.", "warning");
                        return;
                    }

                    procesarNuevosProductosBackend(jsonData);
                } catch (err) {
                    console.error("Error al leer Excel:", err);
                    mostrarAlertaSweet("Error al leer Excel", "No se pudo interpretar el archivo. Asegúrese de que sea un archivo Excel válido (.xlsx o .xls).", "error");
                }
            };

            reader.readAsArrayBuffer(file);
        });

        var btnEjecutar = document.getElementById('btn-ejecutar-creacion');
        if (btnEjecutar) {
            btnEjecutar.addEventListener('click', function () {
                ejecutarCreacionMasiva();
            });
        }
    });

    function procesarNuevosProductosBackend(datos) {
        document.getElementById('loadingNuevos').style.display = 'block';
        document.getElementById('loadingNuevosTexto').innerText = 'Analizando ' + datos.length + ' filas y verificando en la base de datos...';
        document.getElementById('seccionResultadosNuevos').style.display = 'none';
        document.getElementById('btn-ejecutar-creacion').disabled = true;

        $.ajax({
            url: '{{ url("/procesar-importacion-nuevos-productos") }}',
            type: 'POST',
            contentType: 'application/json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: JSON.stringify({
                productos: datos
            }),
            success: function (response) {
                document.getElementById('loadingNuevos').style.display = 'none';

                if (response.status === 'ok') {
                    cacheNuevosProductos = response.nuevos || [];
                    cacheOmitidosProductos = response.omitidos || [];
                    cacheInvalidosProductos = response.invalidos || [];

                    renderizarResultadosNuevos(response);
                } else {
                    mostrarAlertaSweet("Error", response.error || "Ocurrió un error inesperado al procesar el archivo.", "error");
                }
            },
            error: function (xhr, status, error) {
                document.getElementById('loadingNuevos').style.display = 'none';
                console.error("Error AJAX:", xhr.responseText || error);
                var msg = "Hubo un error al comunicarse con el servidor.";
                if (xhr.responseJSON && xhr.responseJSON.error) {
                    msg = xhr.responseJSON.error;
                }
                mostrarAlertaSweet("Error de conexión", msg, "error");
            }
        });
    }

    /**
     * Alterna la pestaña activa de forma directa, garantizando compatibilidad con Bootstrap 4, 5 o sin librerías
     */
    function activarPestana(tabId) {
        var tabs = document.querySelectorAll('#tabsResultadosNuevos .nav-link');
        tabs.forEach(function (tab) {
            tab.classList.remove('active');
            tab.setAttribute('aria-selected', 'false');
        });

        var panes = document.querySelectorAll('#tabContentResultadosNuevos .tab-pane');
        panes.forEach(function (pane) {
            pane.classList.remove('show', 'active');
        });

        var targetLink = document.getElementById(tabId + '-link');
        if (targetLink) {
            targetLink.classList.add('active');
            targetLink.setAttribute('aria-selected', 'true');
        }

        var targetPane = document.getElementById(tabId);
        if (targetPane) {
            targetPane.classList.add('show', 'active');
        }
    }

    function renderizarResultadosNuevos(data) {
        var seccion = document.getElementById('seccionResultadosNuevos');
        seccion.style.display = 'block';

        var countNuevos = data.totalNuevos || 0;
        var countOmitidos = data.totalOmitidos || 0;
        var countInvalidos = data.totalInvalidos || 0;

        document.getElementById('badge-nuevos').innerText = countNuevos;
        document.getElementById('tab-count-nuevos').innerText = countNuevos;

        document.getElementById('badge-omitidos').innerText = countOmitidos;
        document.getElementById('tab-count-omitidos').innerText = countOmitidos;

        document.getElementById('badge-invalidos').innerText = countInvalidos;
        document.getElementById('tab-count-invalidos').innerText = countInvalidos;

        // Mostrar indicador del tipo de cálculo activo (Financiero vs Matemático)
        var badgeCalculo = document.getElementById('badge-tipo-calculo');
        if (badgeCalculo) {
            if (data.calculoFinanciero == 1) {
                badgeCalculo.className = 'badge badge-warning p-2 font-weight-bold d-block text-center';
                badgeCalculo.innerHTML = '<i class="fa fa-calculator mr-1"></i> Tipo de Cálculo: <strong>Financiero</strong>';
            } else {
                badgeCalculo.className = 'badge badge-info p-2 font-weight-bold d-block text-center';
                badgeCalculo.innerHTML = '<i class="fa fa-calculator mr-1"></i> Tipo de Cálculo: <strong>Matemático</strong>';
            }
            badgeCalculo.style.display = 'block';
        }

        // 1. Nuevos (con array join para máximo rendimiento)
        var tbodyNuevos = document.querySelector('#table-nuevos tbody');
        tbodyNuevos.innerHTML = '';

        if (countNuevos > 0) {
            var limit = 200;
            var displayData = data.nuevos.slice(0, limit);
            var htmlRows = [];

            for (var i = 0; i < displayData.length; i++) {
                var item = displayData[i];
                htmlRows.push(`<tr>
                    <td class="text-muted">${item.fila || ''}</td>
                    <td class="font-weight-bold text-primary">${item.codigo || ''}</td>
                    <td class="font-weight-bold">${item.nombre || ''}</td>
                    <td>${item.barras || '<span class="text-muted">-</span>'}</td>
                    <td>${item.barras2 || '<span class="text-muted">-</span>'}</td>
                    <td class="text-center font-weight-bold text-info">${item.comision || 0}%</td>
                    <td class="text-right">${formatearMoneda(item.costoCaja)}</td>
                    <td class="text-right text-success font-weight-bold">${formatearMoneda(item.ventacaja)}</td>
                    <td class="text-center font-weight-bold text-primary">${item.utilidacaja || 0}%</td>
                    <td class="text-right">${formatearMoneda(item.costofrcc)}</td>
                    <td class="text-right">${formatearMoneda(item.ventafrcc)}</td>
                    <td class="text-center font-weight-bold text-primary">${item.utilidafrcc || 0}%</td>
                    <td class="text-center">${item.factor || 0}</td>
                    <td class="text-center">${item.impuesto || 0}%</td>
                    <td class="text-center font-weight-bold">${item.InventarioCaja || 0}</td>
                    <td class="text-right">${formatearMoneda(item.ventablistre)}</td>
                    <td class="text-right">${formatearMoneda(item.ventacaja2)}</td>
                    <td class="text-right">${formatearMoneda(item.ventacaja3)}</td>
                    <td class="small text-muted">${item.codmarca || '000'} / ${item.codcategoria || '000'}</td>
                </tr>`);
            }

            if (countNuevos > limit) {
                htmlRows.push(`<tr><td colspan="19" class="text-center text-muted font-italic bg-light">... y ${countNuevos - limit} productos más (mostrando primeros ${limit}) ...</td></tr>`);
            }

            tbodyNuevos.innerHTML = htmlRows.join('');

            document.getElementById('btn-ejecutar-creacion').disabled = false;
            document.getElementById('btn-ejecutar-creacion').innerHTML = `<i class="fa fa-check-circle mr-1"></i> Crear ${countNuevos} Productos Nuevos en Todas las Bodegas`;
            document.getElementById('footerInfoNuevos').innerHTML = `<strong class="text-success">${countNuevos}</strong> productos listos para insertar en todas las bodegas.`;
        } else {
            tbodyNuevos.innerHTML = `<tr><td colspan="19" class="text-center text-muted font-italic py-4">No se encontraron productos nuevos para crear en este archivo. Todos ya existen o son inválidos.</td></tr>`;
            document.getElementById('btn-ejecutar-creacion').disabled = true;
            document.getElementById('btn-ejecutar-creacion').innerHTML = `<i class="fa fa-ban mr-1"></i> No hay productos nuevos para crear`;
            document.getElementById('footerInfoNuevos').innerHTML = `No hay productos nuevos para crear.`;
        }

        // 2. Omitidos
        var tbodyOmitidos = document.querySelector('#table-omitidos tbody');
        tbodyOmitidos.innerHTML = '';

        if (countOmitidos > 0) {
            var limitO = 300;
            var displayO = data.omitidos.slice(0, limitO);
            var htmlOmitidos = [];

            for (var j = 0; j < displayO.length; j++) {
                var itemO = displayO[j];
                htmlOmitidos.push(`<tr>
                    <td class="text-muted">${itemO.fila || ''}</td>
                    <td class="font-weight-bold text-dark">${itemO.codigo || ''}</td>
                    <td>${itemO.nombre || ''}</td>
                    <td class="text-warning font-weight-bold"><i class="fa fa-ban mr-1"></i> ${itemO.motivo || 'Ya existe'}</td>
                </tr>`);
            }

            if (countOmitidos > limitO) {
                htmlOmitidos.push(`<tr><td colspan="4" class="text-center text-muted font-italic bg-light">... y ${countOmitidos - limitO} productos omitidos más (mostrando primeros ${limitO}) ...</td></tr>`);
            }

            tbodyOmitidos.innerHTML = htmlOmitidos.join('');
        } else {
            tbodyOmitidos.innerHTML = `<tr><td colspan="4" class="text-center text-muted font-italic py-3">Ningún producto fue omitido.</td></tr>`;
        }

        // 3. Inválidos
        var tbodyInvalidos = document.querySelector('#table-invalidos tbody');
        tbodyInvalidos.innerHTML = '';

        if (countInvalidos > 0) {
            var htmlInvalidos = [];
            for (var k = 0; k < data.invalidos.length; k++) {
                var itemI = data.invalidos[k];
                htmlInvalidos.push(`<tr>
                    <td class="font-weight-bold">${itemI.fila || ''}</td>
                    <td class="text-danger font-weight-bold">${itemI.codigo || ''}</td>
                    <td>${itemI.nombre || ''}</td>
                    <td class="text-danger font-weight-bold"><i class="fa fa-exclamation-triangle mr-1"></i> ${itemI.error || 'Faltan campos obligatorios'}</td>
                </tr>`);
            }
            tbodyInvalidos.innerHTML = htmlInvalidos.join('');
        } else {
            tbodyInvalidos.innerHTML = `<tr><td colspan="4" class="text-center text-muted font-italic py-3">No hubo filas inválidas.</td></tr>`;
        }

        // Seleccionar pestaña activa automáticamente según los datos
        if (countNuevos === 0 && countOmitidos > 0) {
            activarPestana('tab-omitidos');
        } else if (countNuevos === 0 && countOmitidos === 0 && countInvalidos > 0) {
            activarPestana('tab-invalidos');
        } else {
            activarPestana('tab-nuevos');
        }
    }

    function ejecutarCreacionMasiva() {
        if (!cacheNuevosProductos || cacheNuevosProductos.length === 0) {
            mostrarAlertaSweet("Sin datos", "No hay productos nuevos para crear.", "warning");
            return;
        }

        var bodegaDestino = document.getElementById('modalBodegaStock').value;
        var asignarATodas = document.getElementById('modalAsignarATodas').checked;
        var cantProductos = cacheNuevosProductos.length;

        if (window.Swal) {
            Swal.fire({
                title: '¿Confirmar Creación Masiva?',
                html: `Se crearán <strong class="text-success">${cantProductos} productos nuevos</strong> en la tabla maestra 'productos' y se sincronizarán en <strong>todas las bodegas existentes</strong>.<br><br>` +
                      (asignarATodas ? `<span class="badge badge-info">Stock inicial asignado a TODAS las bodegas</span>` : `<span class="badge badge-secondary">Stock inicial asignado a la bodega seleccionada</span>`),
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#28a745',
                cancelButtonColor: '#6c757d',
                confirmButtonText: '<i class="fa fa-check"></i> Sí, crear productos',
                cancelButtonText: 'Cancelar'
            }).then(function (result) {
                if (result.isConfirmed) {
                    enviarCreacionMasivaAlServidor(bodegaDestino, asignarATodas);
                }
            });
        } else {
            if (confirm(`¿Está seguro de insertar ${cantProductos} productos nuevos en todas las bodegas?`)) {
                enviarCreacionMasivaAlServidor(bodegaDestino, asignarATodas);
            }
        }
    }

    function enviarCreacionMasivaAlServidor(bodegaDestino, asignarATodas) {
        document.getElementById('loadingNuevos').style.display = 'block';
        document.getElementById('loadingNuevosTexto').innerText = 'Insertando productos y sincronizando inventarios en todas las bodegas. Espere por favor...';
        document.getElementById('seccionResultadosNuevos').style.display = 'none';
        document.getElementById('btn-ejecutar-creacion').disabled = true;

        $.ajax({
            url: '{{ url("/crear-productos-masivo") }}',
            type: 'POST',
            contentType: 'application/json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: JSON.stringify({
                productos: cacheNuevosProductos,
                bodega: bodegaDestino,
                asignarATodas: asignarATodas
            }),
            success: function (response) {
                document.getElementById('loadingNuevos').style.display = 'none';

                if (response.status === 'ok') {
                    var msg = response.message || `Se crearon ${response.creados} productos con éxito en todas las bodegas.`;

                    if (window.Swal) {
                        Swal.fire({
                            title: '¡Creación Masiva Exitosa!',
                            text: msg,
                            icon: 'success',
                            confirmButtonColor: '#28a745'
                        }).then(function () {
                            limpiarFormulario();
                        });
                    } else {
                        alert(msg);
                        limpiarFormulario();
                    }
                } else {
                    document.getElementById('seccionResultadosNuevos').style.display = 'block';
                    document.getElementById('btn-ejecutar-creacion').disabled = false;
                    mostrarAlertaSweet("Error", response.error || "Ocurrió un error al crear los productos.", "error");
                }
            },
            error: function (xhr, status, error) {
                document.getElementById('loadingNuevos').style.display = 'none';
                document.getElementById('seccionResultadosNuevos').style.display = 'block';
                document.getElementById('btn-ejecutar-creacion').disabled = false;

                console.error("Error al crear:", xhr.responseText || error);
                var errorMsg = "Hubo un error interno al intentar guardar los productos.";
                if (xhr.responseJSON && xhr.responseJSON.error) {
                    errorMsg = xhr.responseJSON.error;
                }
                mostrarAlertaSweet("Error al guardar", errorMsg, "error");
            }
        });
    }

    function limpiarFormulario() {
        document.getElementById('excelFileNuevos').value = '';
        cacheNuevosProductos = [];
        cacheOmitidosProductos = [];
        cacheInvalidosProductos = [];
        document.getElementById('seccionResultadosNuevos').style.display = 'none';
        document.getElementById('btn-ejecutar-creacion').disabled = true;
        document.getElementById('btn-ejecutar-creacion').innerHTML = `<i class="fa fa-check-circle mr-1"></i> Crear Productos Nuevos en Todas las Bodegas`;
        document.getElementById('footerInfoNuevos').innerText = '';
    }

    function formatearMoneda(val) {
        if (!val || isNaN(val)) return '$0';
        return '$' + parseFloat(val).toLocaleString('es-CO');
    }

    function mostrarAlertaSweet(titulo, texto, tipo) {
        if (window.Swal) {
            Swal.fire({
                title: titulo,
                text: texto,
                icon: tipo || 'info',
                confirmButtonColor: '#007bff'
            });
        } else {
            alert(titulo + ": " + texto);
        }
    }
</script>
@endsection