{{-- JQuery --}}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment-with-locales.min.js"
  charset="utf-8"></script>

{{-- Zoom --}}
{{--
<script type="text/javascript" src="{{ asset('js/zoom.js') }}"></script> --}}
<script type="text/javascript" src="{{ asset('js/wheelzoom.js') }}"></script>

{{-- Bootstrap --}}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
  integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>

<!-- Data Tables -->
<script type="text/javascript"
  src="https://cdn.datatables.net/v/bs5/jszip-2.5.0/dt-1.11.4/af-2.3.7/b-2.2.2/b-colvis-2.2.2/b-html5-2.2.2/cr-1.5.5/date-1.1.2/fc-4.0.1/fh-3.2.1/kt-2.6.4/r-2.2.9/rg-1.1.4/rr-1.2.8/sc-2.0.5/sb-1.3.1/sp-1.4.0/sl-1.3.4/sr-1.1.0/datatables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.html5.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.print.min.js"></script>

{{-- DatePicker --}}
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.css"
  rel="stylesheet" />

{{-- Barra progreso de carga de Rechazos --}}
<script>
  $(function () {

    // ID del import desde la sesión (blade)
    let importId = "{{ session('rechazo_import_id') }}";
    if (!importId) return;

    // Clave en localStorage para recordar si el usuario cerró este import
    const closedKey = 'rechazo_closed_' + importId;

    // Si el usuario ya cerró este widget para este import → no lo mostramos
    if (window.localStorage && localStorage.getItem(closedKey) === '1') {
      return;
    }

    const $container = $("#rechazo-progress-container");
    const $bar = $("#rechazo-progress-bar");
    const $percent = $("#rechazo-progress-percent");
    const $spinner = $("#rechazo-progress-spinner");

    const $minBtn = $("#rechazo-progress-minimize");
    const $closeBtn = $("#rechazo-progress-close");

    let minimized = false;
    let pollTimeoutId = null;

    $container.show();

    // Minimizar / expandir contenido
    $minBtn.on("click", function () {
      minimized = !minimized;
      $("#rechazo-progress-content").toggle(!minimized);
      $(this).html(minimized ? "+" : "–");
    });

    // Cerrar definitivamente el widget
    $closeBtn.on("click", function () {
      // parar polling
      if (pollTimeoutId) clearTimeout(pollTimeoutId);
      importId = null;

      // recordar que este import ya fue cerrado manualmente
      if (window.localStorage) {
        localStorage.setItem(closedKey, '1');
      }

      // opcional: limpiar sesión en backend
      $.get('/session/clear-rechazo-import');

      // ocultar visualmente
      $container.fadeOut(300);
    });

    function scheduleNextPoll() {
      pollTimeoutId = setTimeout(checkProgress, 2000);
    }

    function checkProgress() {
      if (!importId) return; // por si se cerró en el medio

      $.getJSON(`/rechazos/import/${importId}/progress`)
        .done(function (data) {

          $bar.css("width", data.percent + "%");
          $percent.text(data.percent + "%");

          if (data.finished) {
            // Estado visual de completado
            $spinner.removeClass().addClass("rp-spinner success");
            $container.addClass("completed");
            $bar.addClass("completed");
            $percent.addClass("completed");
            $percent.text("Completado ✔");

            // NO borramos localStorage acá.
            // El widget queda visible hasta que el usuario apriete la X.
            return;
          }

          // Si NO terminó → seguir preguntando
          scheduleNextPoll();
        })
        .fail(function () {
          // Si falla la request (red, etc.), reintentamos más tarde
          scheduleNextPoll();
        });
    }

    checkProgress();
  });
</script>

{{-- Resaltar campos incompletos --}}
<script>
  const incompleteElements = document.querySelectorAll('.glow-if-incomplete');

  function isElementComplete(element) {
    if (element.tagName === 'INPUT') {
      if (element.type === 'checkbox') {
        return element.checked;
      }
      return element.value.trim() !== '';
    }
    if (element.tagName === 'SELECT') {
      return element.value !== '' && element.value !== null;
    }
    return false;
  }

  function applyGlow(element) {
    if (!isElementComplete(element)) {
      element.style.animation = 'pulse-glow 2s infinite';
    } else {
      element.style.animation = 'none';
    }
  }

  incompleteElements.forEach(element => {
    applyGlow(element);
    element.addEventListener('change', () => applyGlow(element));
    element.addEventListener('input', () => applyGlow(element));
  });

  const style = document.createElement('style');
  style.textContent = `
      @keyframes pulse-glow {
        0%, 100% {
          box-shadow: 0 0 5px rgba(255, 193, 7, 0.5);
        //   background-color: rgba(255, 193, 7, 0.1);
        }
        50% {
          box-shadow: 0 0 25px rgba(255, 193, 7, 0.8);
        //   background-color: rgba(255, 193, 7, 0.2);
        }
      }
    `;

  document.head.appendChild(style);
</script>

@stack('scripts')