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

@section('styles')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
    /* Estilos compactos para maximizar el espacio de datos */
    .card-filter {
        background: #ffffff;
        border-radius: 8px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.04);
        border: 1px solid #e2e8f0;
    }
    .card-filter label {
        margin-bottom: 0 !important;
        width: 100%;
    }
    .card-filter label select {
        width: 100% !important;
        height: 31px !important;
        font-size: 0.85rem !important;
        padding: 0.2rem 0.5rem !important;
        border-radius: 4px;
        border: 1px solid #ced4da;
    }
    .card-table {
        background: #ffffff;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        border: 1px solid #e2e8f0;
        overflow: hidden;
    }
    .table-container-scroll {
        max-height: calc(100vh - 215px);
        overflow-y: auto;
    }
    .sticky-header th {
        position: sticky;
        top: 0;
        background-color: #1e293b !important;
        color: #ffffff !important;
        z-index: 5;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .promo-box {
        background-color: #f8fafc;
        border-left: 3px solid #3b82f6;
        border-radius: 4px;
        padding: 4px 8px;
        font-size: 0.8rem;
        line-height: 1.3;
    }
    .promo-box.sin-promo {
        border-left-color: #cbd5e1;
        background-color: #f1f5f9;
        color: #64748b;
        font-size: 0.75rem;
    }
    .text-truncate-multiline {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .table-hover tbody tr:hover {
        background-color: #f8fafc !important;
    }
    .btn-xs {
        padding: 1px 6px;
        font-size: 0.72rem;
        border-radius: 4px;
    }
    .pagination {
        margin-bottom: 0;
        font-size: 0.85rem;
    }
    .pagination .page-link {
        padding: 0.25rem 0.6rem;
    }

    /* Modal compacto */
    .modal-compacto-tabla {
        height: 52vh;
        max-height: 500px;
        overflow-y: auto;
    }
    .modal-compacto-tabla th {
        position: sticky;
        top: 0;
        background-color: #1e293b !important;
        color: #fff !important;
        z-index: 10;
        font-size: 0.78rem;
    }
</style>
@endsection

@section('contenido') 
<div class="container-fluid px-3 py-2">

  <!-- ENCABEZADO COMPACTO -->
  <div class="d-flex justify-content-between align-items-center mb-2">
    <div>
      <h5 class="mb-0 fw-bold text-dark d-flex align-items-center">
        <i class="fa-solid fa-tags text-warning me-2"></i>PRODUCTOS CON DESCUENTO Y PLANES PROMOCIONALES
      </h5>
    </div>
    <div>
      @include('menu.botonRegresar')
    </div>
  </div>

  <!-- BARRA DE FILTROS SLIM (OCUPA POCO ESPACIO VERTICAL) -->
  <div class="card card-filter p-2 mb-2">
    <form action="{{ url('/productoDescuento') }}" method="GET" id="formFiltro">
      <div class="row g-2 align-items-center">
        
        <!-- BODEGA -->
        <div class="col-md-2">
          <div class="d-flex align-items-center">
            <span class="me-1 small fw-bold text-muted text-nowrap"><i class="fa-solid fa-warehouse text-primary me-1"></i>Bod:</span>
            <div class="flex-grow-1">
              @include('../menu.bodegas')
            </div>
          </div>
        </div>

        <!-- TIPO DE CONSULTA -->
        <div class="col-md-2">
          <select class="form-select form-select-sm" name="tipoD" id="selectTipoD" style="height: 31px; font-size: 0.85rem;">
            <option value="Descuento" {{ (isset($tipoD) && $tipoD == 'Descuento') ? 'selected' : '' }}>Con Descuento</option>
            <option value="Mensaje_Promo" {{ (isset($tipoD) && $tipoD == 'Mensaje_Promo') ? 'selected' : '' }}>Con Mensaje Promo (Todos)</option>
            <option value="Planes_Vencidos" {{ (isset($tipoD) && $tipoD == 'Planes_Vencidos') ? 'selected' : '' }}>⚠️ Planes Vencidos</option>
            <option value="Planes_Vigentes" {{ (isset($tipoD) && $tipoD == 'Planes_Vigentes') ? 'selected' : '' }}>✅ Planes Vigentes</option>
          </select>
        </div>

        <!-- BÚSQUEDA POR TEXTO -->
        <div class="col-md-3">
          <div class="input-group input-group-sm">
            <input type="text" class="form-control form-control-sm" name="buscar" value="{{ $buscar ?? '' }}" placeholder="Buscar código, nombre o texto...">
            @if(!empty($buscar))
              <a href="{{ url('/productoDescuento') }}?bodega={{ $bodega ?? 0 }}&tipoD={{ $tipoD ?? 'Descuento' }}" class="btn btn-outline-secondary btn-sm" title="Limpiar búsqueda">
                <i class="fa-solid fa-times"></i>
              </a>
            @endif
          </div>
        </div>

        <!-- REGISTROS POR PÁGINA -->
        <div class="col-md-1">
          <select class="form-select form-select-sm" name="porPagina" onchange="document.getElementById('formFiltro').submit()" title="Por página" style="height: 31px; font-size: 0.85rem;">
            <option value="25" {{ (isset($porPagina) && $porPagina == 25) ? 'selected' : '' }}>25</option>
            <option value="50" {{ (isset($porPagina) && $porPagina == 50) ? 'selected' : '' }}>50</option>
            <option value="100" {{ (isset($porPagina) && $porPagina == 100) ? 'selected' : '' }}>100</option>
            <option value="200" {{ (isset($porPagina) && $porPagina == 200) ? 'selected' : '' }}>200</option>
          </select>
        </div>

        <!-- BOTONES DE ACCIÓN -->
        <div class="col-md-4 d-flex gap-1 justify-content-end">
          <button type="submit" name="Generar" value="1" class="btn btn-warning btn-sm fw-bold text-dark px-2" title="Filtrar">
            <i class="fa-solid fa-search me-1"></i>Filtrar
          </button>
          
          <button type="submit" name="Exportar" value="1" class="btn btn-success btn-sm fw-bold px-2" title="Exportar Todo a Excel">
            <i class="fa-solid fa-file-excel me-1"></i>Excel
          </button>

          <button type="button" class="btn btn-primary btn-sm fw-bold px-2" data-bs-toggle="modal" data-bs-target="#modalImportarPlanCap" title="Importar archivos de planes CAP">
            <i class="fa-solid fa-cloud-arrow-up me-1"></i>Importar CAP
          </button>

          <button type="button" class="btn btn-outline-danger btn-sm fw-bold px-2" data-bs-toggle="modal" data-bs-target="#modalLimpiarVencidos" title="Quitar planes promocionales vencidos masivamente">
            <i class="fa-solid fa-broom me-1"></i>Limpiar Vencidos
          </button>
        </div>

      </div>
    </form>
  </div>

  <!-- TABLA DE RESULTADOS (INMEDIATAMENTE VISIBLE SIN SCROLL INICIAL) -->
  <div class="card card-table mb-2">
    <!-- SUB-ENCABEZADO DE TABLA -->
    <div class="card-header bg-white py-1 px-3 d-flex justify-content-between align-items-center flex-wrap border-bottom">
      <div class="d-flex align-items-center gap-2">
        <span class="fw-bold small text-dark"><i class="fa-solid fa-list-check me-1 text-primary"></i>Listado:</span>
        @if(isset($productos) && method_exists($productos, 'total'))
          <span class="badge bg-primary" style="font-size: 0.75rem;">{{ number_format($productos->total(), 0, ',', '.') }} productos</span>
        @endif
        
        @if($tipoD == 'Planes_Vencidos')
          <span class="badge bg-danger" style="font-size: 0.75rem;">⚠️ Planes Vencidos</span>
          @if(isset($productos) && method_exists($productos, 'total') && $productos->total() > 0)
            <button type="button" class="btn btn-danger btn-xs py-1 px-2 fw-bold" id="btnQuitarVencidosDirecto" title="Borrar mensaje de estos productos vencidos">
              <i class="fa-solid fa-trash-can me-1"></i>Quitar Mensaje de estos {{ $productos->total() }} vencidos
            </button>
          @endif
        @elseif($tipoD == 'Planes_Vigentes')
          <span class="badge bg-success" style="font-size: 0.75rem;">✅ Planes Vigentes</span>
        @elseif($tipoD == 'Mensaje_Promo')
          <span class="badge bg-info text-dark" style="font-size: 0.75rem;">Con Mensaje Promo</span>
        @else
          <span class="badge bg-light text-dark border" style="font-size: 0.75rem;">Con Descuento</span>
        @endif

        @if(!empty($buscar))
          <span class="badge bg-light text-secondary border" style="font-size: 0.75rem;">"{{ $buscar }}"</span>
        @endif
      </div>

      <!-- Paginación Resumen -->
      @if(isset($productos) && method_exists($productos, 'firstItem') && $productos->total() > 0)
        <div class="text-muted" style="font-size: 0.75rem;">
          Mostrando <strong>{{ $productos->firstItem() }}-{{ $productos->lastItem() }}</strong> de <strong>{{ $productos->total() }}</strong>
        </div>
      @endif
    </div>

    <!-- CUERPO DE TABLA SCROLLABLE -->
    <div class="table-responsive table-container-scroll">
      <table class="table table-sm table-hover align-middle mb-0" style="font-size: 0.82rem;">
        <thead class="sticky-header">
          <tr>
            <th class="text-center" style="width: 55px;">Bod</th>
            <th style="width: 105px;">Código</th>
            <th style="min-width: 220px;">Producto / Clasificación</th>
            <th style="min-width: 330px;">Mensaje Promocional (Plan CAP)</th>
            <th class="text-center" style="width: 90px;">Descuentos</th>
            <th class="text-end" style="width: 80px;">Stock</th>
            <th class="text-end" style="width: 95px;">Venta Caja</th>
            <th class="text-end" style="width: 95px;">Venta Fracc</th>
          </tr>
        </thead>
        <tbody>
          @if(isset($productos) && count($productos) > 0)
            @foreach($productos as $item)
              @php
                $tienePromo = !empty($item->MensajePromo) && strlen(trim($item->MensajePromo)) > 3;
                $venceFecha = '';
                $esVencido = false;
                if ($tienePromo && preg_match('/\[Vence:\s*([^\]]+)\]/i', $item->MensajePromo, $matches)) {
                    $venceFecha = trim($matches[1]);
                    $esVencido = ($venceFecha < date('Y-m-d'));
                }
              @endphp
              <tr>
                <!-- BODEGA -->
                <td class="text-center py-1">
                  <span class="badge bg-secondary" style="font-size: 0.7rem;">{{ $item->idbodega }}</span>
                </td>

                <!-- CÓDIGO -->
                <td class="py-1">
                  <span class="fw-bold font-monospace text-primary" style="font-size: 0.8rem;">{{ $item->codigo }}</span>
                </td>

                <!-- PRODUCTO / MARCA / CATEGORÍA -->
                <td class="py-1">
                  <div class="fw-bold text-dark text-truncate" style="max-width: 320px;" title="{{ $item->nombre }}">{{ $item->nombre }}</div>
                  <div class="d-flex gap-1 flex-wrap mt-0">
                    @if(!empty($item->nommarca))
                      <span class="badge bg-light text-dark border" style="font-size: 0.65rem;"><i class="fa fa-tag text-muted me-1"></i>{{ $item->nommarca }}</span>
                    @endif
                    @if(!empty($item->nomcategoria))
                      <span class="badge bg-light text-secondary border" style="font-size: 0.65rem;"><i class="fa fa-folder text-muted me-1"></i>{{ $item->nomcategoria }}</span>
                    @endif
                  </div>
                </td>

                <!-- MENSAJE PROMOCIONAL -->
                <td class="py-1">
                  @if($tienePromo)
                    <div class="promo-box" style="{{ $esVencido ? 'border-left-color: #ef4444; background-color: #fef2f2;' : '' }}">
                      <div class="d-flex justify-content-between align-items-center mb-1">
                        @if($venceFecha)
                          @if($esVencido)
                            <span class="badge bg-danger text-white py-0 px-1" style="font-size: 0.68rem;" title="Este plan ya venció">
                              <i class="fa-solid fa-triangle-exclamation me-1"></i>Venció: {{ $venceFecha }}
                            </span>
                          @else
                            <span class="badge bg-success text-white py-0 px-1" style="font-size: 0.68rem;">
                              <i class="fa-solid fa-calendar-check me-1"></i>Vence: {{ $venceFecha }}
                            </span>
                          @endif
                        @else
                          <span class="badge bg-primary py-0 px-1" style="font-size: 0.68rem;">Promoción</span>
                        @endif

                        <button type="button" class="btn btn-outline-primary btn-xs py-0 px-1 btn-ver-mensaje"
                                data-codigo="{{ $item->codigo }}"
                                data-nombre="{{ $item->nombre }}"
                                data-mensaje="{{ $item->MensajePromo }}"
                                title="Ver texto completo del mensaje">
                          <i class="fa-solid fa-eye me-1"></i>Ver completo
                        </button>
                      </div>
                      
                      <div class="text-truncate-multiline text-dark" style="font-size: 0.78rem;">
                        {{ $item->MensajePromo }}
                      </div>
                    </div>
                  @else
                    <div class="promo-box sin-promo text-center py-1">
                      <i class="fa-solid fa-minus me-1"></i>Sin mensaje promocional
                    </div>
                  @endif
                </td>

                <!-- DESCUENTOS -->
                <td class="text-center py-1">
                  <div class="d-flex flex-column gap-0" style="font-size: 0.72rem;">
                    @if((float)$item->descuentoPor > 0)
                      <span class="badge bg-warning text-dark py-0" title="Descuento Directo">P: {{ $item->descuentoPor }}%</span>
                    @endif
                    @if((float)$item->dtomar > 0)
                      <span class="badge bg-info text-dark py-0" title="Descuento Marca">M: {{ $item->dtomar }}%</span>
                    @endif
                    @if((float)$item->dtocat > 0)
                      <span class="badge bg-secondary text-white py-0" title="Descuento Categoría">C: {{ $item->dtocat }}%</span>
                    @endif
                    @if((float)$item->descuentoPor <= 0 && (float)$item->dtomar <= 0 && (float)$item->dtocat <= 0)
                      <span class="text-muted">-</span>
                    @endif
                  </div>
                </td>

                <!-- INVENTARIO -->
                <td class="text-end py-1">
                  <div class="fw-bold">{{ number_format((float)($item->inventario ?? 0), 0) }}</div>
                  @if((float)($item->factor ?? 0) > 1)
                    <div class="text-muted" style="font-size: 0.7rem;" title="Equivalente en fracción">
                      Fr: {{ round((float)($item->inventario ?? 0) * (float)($item->factor ?? 0)) }}
                    </div>
                  @endif
                </td>

                <!-- PRECIOS -->
                <td class="text-end font-monospace py-1" style="font-size: 0.8rem;">
                  ${{ number_format((float)($item->VentaCaja ?? 0), 0, ',', '.') }}
                </td>

                <td class="text-end font-monospace py-1" style="font-size: 0.8rem;">
                  ${{ number_format((float)($item->VentaFrcc ?? 0), 0, ',', '.') }}
                </td>
              </tr>
            @endforeach
          @else
            <tr>
              <td colspan="8" class="text-center py-4 text-muted">
                <i class="fa-solid fa-box-open fa-2x mb-2 text-secondary d-block"></i>
                <h6 class="mb-1">No se encontraron productos con los filtros seleccionados</h6>
                <small>Selecciona bodega y haz clic en "Filtrar".</small>
              </td>
            </tr>
          @endif
        </tbody>
      </table>
    </div>

    <!-- PIE DE PAGINACIÓN COMPACTO -->
    @if(isset($productos) && method_exists($productos, 'links') && $productos->hasPages())
      <div class="card-footer bg-white py-1 px-3 border-top d-flex justify-content-between align-items-center flex-wrap">
        <div class="text-muted" style="font-size: 0.75rem;">
          Página <strong>{{ $productos->currentPage() }}</strong> de <strong>{{ $productos->lastPage() }}</strong>
        </div>
        <div>
          {{ $productos->links() }}
        </div>
      </div>
    @endif
  </div>

</div>

<!-- MODAL VER MENSAJE PROMOCIONAL COMPLETO -->
<div class="modal fade" id="modalDetalleMensaje" tabindex="-1" aria-labelledby="modalDetalleMensajeLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg">
    <div class="modal-content shadow border-0">
      <div class="modal-header bg-dark text-white py-2 px-3">
        <h6 class="modal-title mb-0" id="modalDetalleMensajeLabel">
          <i class="fa-solid fa-bullhorn text-warning me-2"></i>Mensaje Promocional del Producto
        </h6>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Cerrar"></button>
      </div>
      
      <div class="modal-body p-3">
        <div class="mb-2 p-2 bg-light rounded border">
          <div class="fw-bold text-primary" id="modalProductoNombre">-</div>
          <div class="small text-secondary font-monospace" id="modalProductoCodigo">-</div>
        </div>

        <div class="card border-primary">
          <div class="card-header bg-primary text-white py-1 px-3 d-flex justify-content-between align-items-center">
            <span class="small fw-bold"><i class="fa-solid fa-comment-dots me-1"></i>Texto del Mensaje (Plan CAP)</span>
            <button type="button" class="btn btn-xs btn-light fw-bold text-primary" id="btnCopiarMensaje">
              <i class="fa-solid fa-copy me-1"></i>Copiar
            </button>
          </div>
          <div class="card-body p-3" style="max-height: 320px; overflow-y: auto;">
            <p class="mb-0 text-dark" id="modalContenidoMensaje" style="white-space: pre-wrap; line-height: 1.5; font-size: 0.88rem;"></p>
          </div>
        </div>
      </div>
      
      <div class="modal-footer bg-light py-1 px-3">
        <button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>

<!-- MODAL LIMPIAR MENSAJES PROMOCIONALES VENCIDOS (MASIVO) -->
<div class="modal fade" id="modalLimpiarVencidos" tabindex="-1" aria-labelledby="modalLimpiarVencidosLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content shadow border-0">
      <div class="modal-header bg-danger text-white py-2 px-3">
        <h6 class="modal-title fw-bold mb-0" id="modalLimpiarVencidosLabel">
          <i class="fa-solid fa-broom me-2"></i>Quitar Mensajes Promocionales Vencidos
        </h6>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Cerrar"></button>
      </div>

      <div class="modal-body p-3">
        <div class="alert alert-warning py-2 small mb-3 border-0 shadow-xs">
          <i class="fa-solid fa-triangle-exclamation me-1"></i>
          Esta opción eliminará el contenido de la columna <code>MensajePromo</code> en la tabla <code>productos</code> para los planes cuya fecha de vigencia haya expirado.
        </div>

        <div class="row g-2 mb-3">
          <!-- FECHA DE CORTE -->
          <div class="col-md-6">
            <label class="form-label small fw-bold text-dark mb-1">
              <i class="fa-solid fa-calendar-day text-danger me-1"></i>Fecha de Corte de Vencimiento:
            </label>
            <input type="date" id="inputFechaCorteLimpieza" class="form-control form-control-sm" value="{{ date('Y-m-d') }}">
            <small class="text-muted" style="font-size: 0.72rem;">Se considerará vencido cualquier plan anterior a esta fecha.</small>
          </div>

          <!-- MODO DE LIMPIEZA -->
          <div class="col-md-6">
            <label class="form-label small fw-bold text-dark mb-1">
              <i class="fa-solid fa-filter text-secondary me-1"></i>Alcance de Limpieza:
            </label>
            <select id="selectTipoLimpieza" class="form-select form-select-sm" style="height: 31px; font-size: 0.85rem;">
              <option value="vencidos" selected>Solo productos con fecha vencida</option>
              <option value="todos">⚠️ TODOS los productos con MensajePromo</option>
            </select>
          </div>
        </div>

        <!-- BOTÓN CONSULTAR Y BOTÓN CONFIRMAR -->
        <div class="d-flex justify-content-between align-items-center mb-2">
          <button type="button" id="btnConsultarVencidos" class="btn btn-primary btn-sm fw-bold">
            <i class="fa-solid fa-magnifying-glass me-1"></i>Consultar Productos a Limpiar
          </button>

          <button type="button" id="btnEjecutarLimpieza" class="btn btn-danger btn-sm fw-bold" style="display:none;">
            <i class="fa-solid fa-trash-can me-1"></i>Confirmar y Quitar Mensajes (<span id="spanCantLimpiar">0</span>)
          </button>
        </div>

        <!-- SPINNER DE CARGA -->
        <div id="loadingLimpieza" class="text-center my-3" style="display:none;">
          <div class="spinner-border spinner-border-sm text-danger" role="status"></div>
          <span class="ms-2 small fw-bold text-secondary">Buscando productos en la base de datos...</span>
        </div>

        <!-- CONTENEDOR DE RESULTADOS Y PREVIA -->
        <div id="resultadoLimpiezaContenedor" style="display:none;" class="mt-2">
          <div class="alert alert-light border py-1 px-2 d-flex justify-content-between align-items-center mb-2">
            <span class="small fw-bold text-dark" id="txtTotalEncontradosLimpieza">0 productos encontrados</span>
            <span class="badge bg-danger" id="badgeEstadoLimpieza">Listos para borrar</span>
          </div>

          <div class="table-responsive border rounded" style="max-height: 250px; overflow-y: auto;">
            <table class="table table-sm table-striped table-hover small mb-0" style="font-size: 0.78rem;">
              <thead class="table-dark sticky-top">
                <tr>
                  <th style="width: 40px;" class="text-center">#</th>
                  <th style="width: 110px;">Código</th>
                  <th>Producto</th>
                  <th style="width: 100px;" class="text-center">Vencimiento</th>
                  <th>Mensaje Actual</th>
                </tr>
              </thead>
              <tbody id="tbodyPreviaLimpieza"></tbody>
            </table>
          </div>
        </div>
      </div>

      <div class="modal-footer bg-light py-1 px-3">
        <button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>

<!-- MODAL IMPORTAR Y CRUZAR PLANES CAP (ULTRA COMPACTO CON TABLA MAXIMIZADA) -->
<div class="modal fade" id="modalImportarPlanCap" tabindex="-1" aria-labelledby="modalImportarPlanCapLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered" style="max-width: 95vw;">
    <div class="modal-content shadow border-0" style="max-height: 94vh; display: flex; flex-direction: column;">
      
      <!-- HEADER MODAL COMPACTO -->
      <div class="modal-header bg-primary text-white py-2 px-3">
        <h6 class="modal-title fw-bold mb-0" id="modalImportarPlanCapLabel">
          <i class="fa-solid fa-file-excel me-2"></i>Importar y Cruzar Planes CAP
        </h6>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Cerrar"></button>
      </div>
      
      <!-- BODY MODAL FLEXIBLE -->
      <div class="modal-body p-2 d-flex flex-column" style="overflow: hidden; flex: 1;">
        
        <!-- INSTRUCCIÓN DE UNA LÍNEA -->
        <div class="d-flex justify-content-between align-items-center px-2 py-1 mb-2 bg-light border rounded">
          <small class="text-muted" style="font-size: 0.75rem;">
            <i class="fa-solid fa-circle-info text-primary me-1"></i>Sube los archivos de <strong>Planes</strong> y <strong>Productos</strong> descargados de Plan CAP para cruzar y actualizar <code>MensajePromo</code>.
          </small>
        </div>

        <!-- INPUTS DE ARCHIVOS SLIM (LADO A LADO) -->
        <div class="row g-2 mb-2">
          <div class="col-md-6">
            <div class="p-1 px-2 border rounded bg-white shadow-xs">
              <div class="d-flex justify-content-between align-items-center mb-1">
                <span class="fw-bold text-primary" style="font-size: 0.75rem;">
                  <i class="fa-solid fa-list-ol me-1"></i>1. Archivo de Planes (.xls / .xlsx):
                </span>
                <span id="infoPlanes" class="badge bg-secondary" style="font-size: 0.68rem;">Sin archivo</span>
              </div>
              <input type="file" id="inputPlanes" class="form-control form-control-sm py-0" style="font-size: 0.75rem;" accept=".xls,.xlsx">
            </div>
          </div>

          <div class="col-md-6">
            <div class="p-1 px-2 border rounded bg-white shadow-xs">
              <div class="d-flex justify-content-between align-items-center mb-1">
                <span class="fw-bold text-info" style="font-size: 0.75rem;">
                  <i class="fa-solid fa-boxes-stacked me-1"></i>2. Archivo de Productos (.xls / .xlsx):
                </span>
                <span id="infoProductos" class="badge bg-secondary" style="font-size: 0.68rem;">Sin archivo</span>
              </div>
              <input type="file" id="inputProductos" class="form-control form-control-sm py-0" style="font-size: 0.75rem;" accept=".xls,.xlsx">
            </div>
          </div>
        </div>

        <!-- BARRA DE ACCIÓN Y BADGES COMPACTOS EN UNA SOLA LÍNEA -->
        <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 py-1 mb-2 border-top border-bottom">
          <div class="d-flex gap-2">
            <button type="button" id="btnCruzar" class="btn btn-warning btn-sm fw-bold px-3 py-1">
              <i class="fa-solid fa-gears me-1"></i>Cruzar Archivos y Previsualizar
            </button>

            <button type="button" id="btnGuardarBD" class="btn btn-success btn-sm fw-bold px-3 py-1" style="display:none;">
              <i class="fa-solid fa-cloud-arrow-up me-1"></i>Guardar en Base de Datos (<span id="cantGuardar">0</span>)
            </button>
          </div>

          <div id="resumenCruzar" style="display:none;" class="d-flex gap-1 flex-wrap align-items-center">
            <span class="badge bg-primary" id="badgePlanes" style="font-size: 0.72rem;">Planes: 0</span>
            <span class="badge bg-info text-dark" id="badgeProductos" style="font-size: 0.72rem;">Prods: 0</span>
            <span class="badge bg-success" id="badgeCoincidentes" style="font-size: 0.72rem;">Coincidentes: 0</span>
            <span class="badge bg-secondary" id="badgeSinPlan" style="font-size: 0.72rem;">Sin plan: 0</span>
          </div>
        </div>

        <!-- INDICADOR DE CARGA -->
        <div id="loadingCruzar" class="text-center my-2" style="display:none;">
          <div class="spinner-border spinner-border-sm text-primary" role="status"></div>
          <span class="ms-2 small fw-bold text-secondary" id="textoLoading">Leyendo y cruzando archivos Excel...</span>
        </div>

        <!-- TABLA PREVIA MAXIMIZADA (OCUPA TODO EL ALTO DEL MODAL) -->
        <div id="tablaPreviaContenedor" class="table-responsive border rounded modal-compacto-tabla flex-grow-1" style="display:none;">
          <table class="table table-sm table-bordered table-striped table-hover small mb-0" style="font-size: 0.78rem;">
            <thead>
              <tr>
                <th style="width: 40px;" class="text-center">#</th>
                <th style="width: 105px;">Cód. Producto</th>
                <th style="width: 250px;">Descripción Producto</th>
                <th style="width: 80px;" class="text-center">Cód. Plan</th>
                <th style="width: 95px;" class="text-center">Vigencia</th>
                <th>Mensaje Promocional Generado (Limpio)</th>
              </tr>
            </thead>
            <tbody id="tbodyPrevia">
            </tbody>
          </table>
        </div>

      </div>
      
      <!-- FOOTER MODAL COMPACTO -->
      <div class="modal-footer bg-light py-1 px-3">
        <button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>

@endsection

@section('pie')
<!-- Scripts para lectura de Excel y SweetAlert2 -->
<script src="{{ asset('js/xlsx.full.min.js') }}"></script>
<script src="{{ asset('js/sweetalert2@11.js') }}"></script>

<script>
document.addEventListener('DOMContentLoaded', function() {
    let planesMap = {};
    let productosCruzados = [];
    let codigosParaLimpiar = [];

    const CSRF_TOKEN = document.querySelector('meta[name="csrf-token"]') 
        ? document.querySelector('meta[name="csrf-token"]').getAttribute('content') 
        : '';

    // --- MODAL VER MENSAJE COMPLETO ---
    const modalDetalleEl = document.getElementById('modalDetalleMensaje');
    let modalDetalle = null;
    if (modalDetalleEl && typeof bootstrap !== 'undefined') {
        modalDetalle = new bootstrap.Modal(modalDetalleEl);
    }

    document.querySelectorAll('.btn-ver-mensaje').forEach(btn => {
        btn.addEventListener('click', function() {
            const codigo = this.getAttribute('data-codigo') || '';
            const nombre = this.getAttribute('data-nombre') || '';
            const mensaje = this.getAttribute('data-mensaje') || '';

            document.getElementById('modalProductoCodigo').textContent = `Código: ${codigo}`;
            document.getElementById('modalProductoNombre').textContent = nombre;
            document.getElementById('modalContenidoMensaje').textContent = mensaje;

            const btnCopiar = document.getElementById('btnCopiarMensaje');
            if (btnCopiar) {
                btnCopiar.innerHTML = '<i class="fa-solid fa-copy me-1"></i>Copiar';
                btnCopiar.classList.remove('btn-success');
                btnCopiar.classList.add('btn-light', 'text-primary');
            }

            if (modalDetalle) {
                modalDetalle.show();
            } else {
                $('#modalDetalleMensaje').modal('show');
            }
        });
    });

    const btnCopiar = document.getElementById('btnCopiarMensaje');
    if (btnCopiar) {
        btnCopiar.addEventListener('click', function() {
            const texto = document.getElementById('modalContenidoMensaje').textContent;
            navigator.clipboard.writeText(texto).then(() => {
                btnCopiar.innerHTML = '<i class="fa-solid fa-check me-1"></i>¡Copiado!';
                btnCopiar.classList.remove('btn-light', 'text-primary');
                btnCopiar.classList.add('btn-success', 'text-white');
                setTimeout(() => {
                    btnCopiar.innerHTML = '<i class="fa-solid fa-copy me-1"></i>Copiar';
                    btnCopiar.classList.remove('btn-success', 'text-white');
                    btnCopiar.classList.add('btn-light', 'text-primary');
                }, 2000);
            });
        });
    }

    // --- ACCIÓN RÁPIDA: QUITAR VENCIDOS DIRECTAMENTE DESDE LA TABLA ---
    const btnQuitarDirecto = document.getElementById('btnQuitarVencidosDirecto');
    if (btnQuitarDirecto) {
        btnQuitarDirecto.addEventListener('click', function() {
            Swal.fire({
                title: '¿Quitar mensajes de planes vencidos?',
                text: 'Se borrará el MensajePromo de todos los productos cuya fecha de vigencia ya venció.',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#dc3545',
                cancelButtonColor: '#6c757d',
                confirmButtonText: '<i class="fa-solid fa-trash-can me-1"></i>Sí, quitar vencidos',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    ejecutarLimpiezaBackend('vencidos', '{{ date("Y-m-d") }}', []);
                }
            });
        });
    }

    // --- MODAL: CONSULTAR Y QUITAR PLANES VENCIDOS (MASIVO) ---
    const btnConsultarVencidos = document.getElementById('btnConsultarVencidos');
    const btnEjecutarLimpieza = document.getElementById('btnEjecutarLimpieza');

    if (btnConsultarVencidos) {
        btnConsultarVencidos.addEventListener('click', function() {
            const fechaCorte = document.getElementById('inputFechaCorteLimpieza').value || '{{ date("Y-m-d") }}';
            const tipo = document.getElementById('selectTipoLimpieza').value || 'vencidos';
            const loading = document.getElementById('loadingLimpieza');
            const contResultado = document.getElementById('resultadoLimpiezaContenedor');
            const tbody = document.getElementById('tbodyPreviaLimpieza');

            loading.style.display = 'block';
            contResultado.style.display = 'none';
            btnEjecutarLimpieza.style.display = 'none';

            fetch(`{{ url('/consultarMensajesPromoVencidos') }}?fecha_corte=${fechaCorte}&tipo=${tipo}`)
                .then(res => res.json())
                .then(data => {
                    loading.style.display = 'none';

                    if (data.status === 'success') {
                        codigosParaLimpiar = data.codigos || [];
                        const total = data.total || 0;

                        document.getElementById('txtTotalEncontradosLimpieza').textContent = `${total} productos encontrados para limpiar`;
                        document.getElementById('spanCantLimpiar').textContent = total;

                        if (total === 0) {
                            Swal.fire({
                                icon: 'info',
                                title: 'Sin productos para limpiar',
                                text: 'No se encontraron productos con mensajes vencidos para los criterios seleccionados.'
                            });
                            return;
                        }

                        tbody.innerHTML = '';
                        (data.muestra || []).forEach((item, idx) => {
                            const tr = document.createElement('tr');
                            tr.innerHTML = `
                                <td class="text-center py-1">${idx + 1}</td>
                                <td class="fw-bold font-monospace text-primary py-1">${item.codigo}</td>
                                <td class="py-1 text-truncate" style="max-width: 220px;" title="${item.nombre}">${item.nombre}</td>
                                <td class="text-center py-1 text-nowrap"><span class="badge bg-danger">${item.fecha_vence || 'General'}</span></td>
                                <td class="py-1 text-truncate" style="max-width: 260px;" title="${item.mensaje || ''}"><small>${item.mensaje || ''}</small></td>
                            `;
                            tbody.appendChild(tr);
                        });

                        if (total > (data.muestra || []).length) {
                            const trExtra = document.createElement('tr');
                            trExtra.innerHTML = `<td colspan="5" class="text-center text-muted fst-italic py-2">... y ${total - (data.muestra || []).length} productos más listos para limpiar.</td>`;
                            tbody.appendChild(trExtra);
                        }

                        contResultado.style.display = 'block';
                        btnEjecutarLimpieza.style.display = 'inline-block';
                    } else {
                        Swal.fire('Error', data.mensaje || 'Error al consultar productos', 'error');
                    }
                })
                .catch(err => {
                    loading.style.display = 'none';
                    Swal.fire('Error', 'Error en la solicitud: ' + err.message, 'error');
                });
        });
    }

    if (btnEjecutarLimpieza) {
        btnEjecutarLimpieza.addEventListener('click', function() {
            const fechaCorte = document.getElementById('inputFechaCorteLimpieza').value || '{{ date("Y-m-d") }}';
            const tipo = document.getElementById('selectTipoLimpieza').value || 'vencidos';
            const cantidad = document.getElementById('spanCantLimpiar').textContent || '0';

            Swal.fire({
                title: '¿Confirmar eliminación masiva?',
                text: `Se borrará el MensajePromo de ${cantidad} productos. Esta acción no se puede deshacer.`,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#dc3545',
                cancelButtonColor: '#6c757d',
                confirmButtonText: '<i class="fa-solid fa-trash-can me-1"></i>Sí, borrar mensajes',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    ejecutarLimpiezaBackend(tipo, fechaCorte, codigosParaLimpiar);
                }
            });
        });
    }

    function ejecutarLimpiezaBackend(tipo, fechaCorte, codigos) {
        Swal.fire({
            title: 'Limpiando mensajes...',
            text: 'Eliminando los mensajes promocionales vencidos, por favor espere.',
            allowOutsideClick: false,
            didOpen: () => {
                Swal.showLoading();
            }
        });

        fetch("{{ url('/quitarMensajesPromoVencidos') }}", {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': CSRF_TOKEN
            },
            body: JSON.stringify({
                tipo: tipo,
                fecha_corte: fechaCorte,
                codigos: codigos
            })
        })
        .then(res => res.json())
        .then(data => {
            if (data.status === 'success') {
                Swal.fire({
                    icon: 'success',
                    title: '¡Limpieza completada!',
                    text: data.mensaje,
                    confirmButtonText: 'Aceptar'
                }).then(() => {
                    const bodegaSel = document.querySelector('select[name="bodega"]') ? document.querySelector('select[name="bodega"]').value : '0';
                    window.location.href = `{{ url('/productoDescuento') }}?bodega=${bodegaSel}&tipoD=Mensaje_Promo&Generar=1`;
                });
            } else {
                Swal.fire('Error', data.mensaje || 'Error al ejecutar limpieza', 'error');
            }
        })
        .catch(err => {
            Swal.fire('Error', 'Error en la solicitud: ' + err.message, 'error');
        });
    }

    // --- LIMPIEZA DE HTML Y ENTIDADES ---
    function limpiarTextoHtml(html) {
        if (!html) return "";
        let str = String(html);
        str = str.replace(/<br\s*[\/]?>/gi, " ");
        str = str.replace(/<\/(p|div|li|tr|h\d)>/gi, " ");
        str = str.replace(/<[^>]+>/g, " ");

        const entidades = {
            '&nbsp;': ' ',
            '&amp;': '&',
            '&quot;': '"',
            '&apos;': "'",
            '&lt;': '<',
            '&gt;': '>',
            '&aacute;': 'á', '&eacute;': 'é', '&iacute;': 'í', '&oacute;': 'ó', '&uacute;': 'ú',
            '&Aacute;': 'Á', '&Eacute;': 'É', '&Iacute;': 'Í', '&Oacute;': 'Ó', '&Uacute;': 'Ú',
            '&ntilde;': 'ñ', '&Ntilde;': 'Ñ'
        };
        str = str.replace(/&[a-zA-Z0-9#]+;/g, match => entidades[match.toLowerCase()] || match);
        str = str.replace(/&#(\d+);/g, (m, dec) => String.fromCharCode(dec));
        return str.replace(/\s+/g, ' ').trim();
    }

    function normalizarClave(key) {
        return String(key || '')
            .normalize("NFD")
            .replace(/[\u0300-\u036f]/g, "")
            .trim()
            .toUpperCase()
            .replace(/[^A-Z0-9]/g, '');
    }

    function leerExcel(file) {
        return new Promise((resolve, reject) => {
            const reader = new FileReader();
            reader.onload = function(e) {
                try {
                    const data = new Uint8Array(e.target.result);
                    const workbook = XLSX.read(data, { type: 'array' });
                    const firstSheetName = workbook.SheetNames[0];
                    const worksheet = workbook.Sheets[firstSheetName];
                    const json = XLSX.utils.sheet_to_json(worksheet, { defval: '' });
                    resolve(json);
                } catch (err) {
                    reject(err);
                }
            };
            reader.onerror = error => reject(error);
            reader.readAsArrayBuffer(file);
        });
    }

    const inputP = document.getElementById('inputPlanes');
    const inputPr = document.getElementById('inputProductos');

    if (inputP) {
        inputP.addEventListener('change', function(e) {
            const file = e.target.files[0];
            const badge = document.getElementById('infoPlanes');
            if (file) {
                badge.className = 'badge bg-success';
                badge.textContent = `${file.name.substring(0, 18)}... (${(file.size / 1024).toFixed(0)} KB)`;
                badge.title = file.name;
            } else {
                badge.className = 'badge bg-secondary';
                badge.textContent = 'Sin archivo';
            }
        });
    }

    if (inputPr) {
        inputPr.addEventListener('change', function(e) {
            const file = e.target.files[0];
            const badge = document.getElementById('infoProductos');
            if (file) {
                badge.className = 'badge bg-success';
                badge.textContent = `${file.name.substring(0, 18)}... (${(file.size / 1024).toFixed(0)} KB)`;
                badge.title = file.name;
            } else {
                badge.className = 'badge bg-secondary';
                badge.textContent = 'Sin archivo';
            }
        });
    }

    // --- BOTÓN CRUZAR ARCHIVOS ---
    const btnCruzar = document.getElementById('btnCruzar');
    if (btnCruzar) {
        btnCruzar.addEventListener('click', async function() {
            if (!inputP.files.length) {
                Swal.fire('Atención', 'Por favor selecciona el archivo de Planes (.xls / .xlsx)', 'warning');
                return;
            }

            if (!inputPr.files.length) {
                Swal.fire('Atención', 'Por favor selecciona el archivo de Productos (.xls / .xlsx)', 'warning');
                return;
            }

            const loading = document.getElementById('loadingCruzar');
            const resumen = document.getElementById('resumenCruzar');
            const contenedorTabla = document.getElementById('tablaPreviaContenedor');
            const tbody = document.getElementById('tbodyPrevia');
            const btnGuardar = document.getElementById('btnGuardarBD');

            loading.style.display = 'block';
            resumen.style.display = 'none';
            contenedorTabla.style.display = 'none';
            btnGuardar.style.display = 'none';

            try {
                const [dataPlanes, dataProductos] = await Promise.all([
                    leerExcel(inputP.files[0]),
                    leerExcel(inputPr.files[0])
                ]);

                if (!dataPlanes.length) {
                    throw new Error("El archivo de planes está vacío o no tiene formato compatible.");
                }
                if (!dataProductos.length) {
                    throw new Error("El archivo de productos está vacío o no tiene formato compatible.");
                }

                // Mapear planes
                planesMap = {};
                dataPlanes.forEach(row => {
                    let codPlan = '';
                    let fechaFinal = '';
                    let descripcion = '';
                    let nombrePlan = '';

                    for (let k in row) {
                        const norm = normalizarClave(k);
                        if (norm === 'CODIGO' || norm === 'COD' || norm === 'CODIGOPLAN') {
                            codPlan = String(row[k]).trim();
                        } else if (norm.includes('FINAL') || norm.includes('VIGENCIA') || norm.includes('FECHAFIN')) {
                            fechaFinal = String(row[k]).trim();
                        } else if (norm.includes('DESCRIP') || norm.includes('MENSAJE') || norm.includes('DETALLE')) {
                            descripcion = row[k];
                        } else if (norm.includes('NOMBRE') || norm.includes('PLAN')) {
                            nombrePlan = String(row[k]).trim();
                        }
                    }

                    if (codPlan) {
                        planesMap[codPlan] = {
                            codigo: codPlan,
                            nombre: nombrePlan,
                            fechaFinal: fechaFinal,
                            descripcionLimpia: limpiarTextoHtml(descripcion)
                        };
                    }
                });

                // Cruzar productos
                productosCruzados = [];
                let totalProdsLeidos = 0;
                let sinCoincidencia = 0;

                dataProductos.forEach(row => {
                    let codProd = '';
                    let codPlan = '';
                    let descProd = '';

                    for (let k in row) {
                        const norm = normalizarClave(k);
                        if (norm.includes('CODPRODUCTO') || norm === 'CODIGO' || norm === 'SKU' || norm.includes('CODPROD')) {
                            codProd = String(row[k]).trim();
                        } else if (norm.includes('CODIGOSPLANES') || norm.includes('CODPLAN') || norm === 'PLAN' || norm.includes('CODIGOPLAN')) {
                            codPlan = String(row[k]).trim();
                        } else if (norm.includes('DESCRIPCION') || norm.includes('NOMBRE') || norm.includes('PRODUCTO')) {
                            if (!descProd) descProd = String(row[k]).trim();
                        }
                    }

                    if (!codProd) return;
                    totalProdsLeidos++;

                    const plan = planesMap[codPlan];
                    if (plan) {
                        const fechaFinTexto = plan.fechaFinal ? `[Vence: ${plan.fechaFinal}] ` : '';
                        const mensajeFinal = `${fechaFinTexto}${plan.descripcionLimpia}`.trim();

                        productosCruzados.push({
                            codigo: codProd,
                            descripcion: descProd,
                            codPlan: codPlan,
                            fechaFinal: plan.fechaFinal,
                            mensaje: mensajeFinal
                        });
                    } else {
                        sinCoincidencia++;
                    }
                });

                loading.style.display = 'none';

                if (productosCruzados.length === 0) {
                    Swal.fire({
                        icon: 'warning',
                        title: 'Sin coincidencias',
                        text: 'No se encontraron productos cuyos códigos de plan coincidan con el archivo de planes.'
                    });
                    return;
                }

                // Contadores y Badges
                document.getElementById('badgePlanes').textContent = `Planes: ${Object.keys(planesMap).length}`;
                document.getElementById('badgeProductos').textContent = `Prods: ${totalProdsLeidos}`;
                document.getElementById('badgeCoincidentes').textContent = `Coincidentes: ${productosCruzados.length}`;
                document.getElementById('badgeSinPlan').textContent = `Sin plan: ${sinCoincidencia}`;
                document.getElementById('cantGuardar').textContent = productosCruzados.length;

                resumen.style.display = 'flex';

                // Renderizar tabla previa (primeros 100 para fluidez)
                tbody.innerHTML = '';
                const muestra = productosCruzados.slice(0, 100);
                muestra.forEach((item, index) => {
                    const tr = document.createElement('tr');
                    tr.innerHTML = `
                        <td class="text-center py-1">${index + 1}</td>
                        <td class="fw-bold font-monospace text-primary py-1">${item.codigo}</td>
                        <td class="py-1 text-truncate" style="max-width: 250px;" title="${item.descripcion}">${item.descripcion}</td>
                        <td class="text-center py-1"><span class="badge bg-secondary" style="font-size: 0.7rem;">${item.codPlan}</span></td>
                        <td class="text-center text-nowrap py-1">${item.fechaFinal || '-'}</td>
                        <td class="py-1" style="line-height: 1.25;"><small>${item.mensaje}</small></td>
                    `;
                    tbody.appendChild(tr);
                });

                if (productosCruzados.length > 100) {
                    const trExtra = document.createElement('tr');
                    trExtra.innerHTML = `<td colspan="6" class="text-center text-muted fst-italic py-2">... y ${productosCruzados.length - 100} productos más listos para guardar.</td>`;
                    tbody.appendChild(trExtra);
                }

                contenedorTabla.style.display = 'block';
                btnGuardar.style.display = 'inline-block';

            } catch (error) {
                loading.style.display = 'none';
                Swal.fire('Error', 'Ocurrió un error al procesar los archivos: ' + error.message, 'error');
            }
        });
    }

    // --- GUARDAR EN BASE DE DATOS ---
    const btnGuardarBD = document.getElementById('btnGuardarBD');
    if (btnGuardarBD) {
        btnGuardarBD.addEventListener('click', function() {
            if (!productosCruzados.length) return;

            Swal.fire({
                title: '¿Confirmar actualización?',
                text: `Se actualizará la columna MensajePromo de ${productosCruzados.length} productos en la base de datos.`,
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#28a745',
                cancelButtonColor: '#6c757d',
                confirmButtonText: '<i class="fa-solid fa-cloud-arrow-up me-1"></i>Sí, guardar en BD',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    Swal.fire({
                        title: 'Guardando datos...',
                        text: 'Actualizando productos en el servidor, por favor espere.',
                        allowOutsideClick: false,
                        didOpen: () => {
                            Swal.showLoading();
                        }
                    });

                    fetch("{{ url('/guardarMensajesPromoCap') }}", {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                            'X-CSRF-TOKEN': CSRF_TOKEN
                        },
                        body: JSON.stringify({
                            productos: productosCruzados.map(p => ({
                                codigo: p.codigo,
                                mensaje: p.mensaje
                            }))
                        })
                    })
                    .then(res => res.json())
                    .then(data => {
                        if (data.status === 'success') {
                            Swal.fire({
                                icon: 'success',
                                title: '¡Actualización Exitosa!',
                                text: data.mensaje,
                                confirmButtonText: 'Ver Productos con Mensaje Promo'
                            }).then(() => {
                                const bodegaSel = document.querySelector('select[name="bodega"]') ? document.querySelector('select[name="bodega"]').value : '0';
                                window.location.href = `{{ url('/productoDescuento') }}?bodega=${bodegaSel}&tipoD=Mensaje_Promo&Generar=1`;
                            });
                        } else {
                            Swal.fire('Error', data.mensaje || 'Error al actualizar', 'error');
                        }
                    })
                    .catch(err => {
                        Swal.fire('Error', 'Error en la solicitud: ' + err.message, 'error');
                    });
                }
            });
        });
    }
});
</script>
@endsection