{{-- Máscara NCM XXXX.XX.XX + auto-save na aba Confronto --}}
@push('css')
<style>
  .js-ncm-mask {
    width: 8.75rem;
    max-width: 100%;
  }
  .js-ncm-mask:not(.ncm-input--filled):not(:focus) {
    border-style: dashed;
    border-color: #cbd5e1;
    background-color: #f8fafc;
  }
  .js-ncm-mask:focus {
    border-style: solid;
    background-color: #fff;
  }
  .js-ncm-mask.ncm-input--saving {
    opacity: 0.7;
  }
  .js-ncm-mask.ncm-input--saved,
  .js-ncm-mask.ncm-input--saved:not(:focus) {
    border-color: #22c55e !important;
    background-color: #f0fdf4 !important;
    border-style: solid !important;
  }
  .js-ncm-mask.ncm-input--error {
    border-color: #ef4444;
  }
  .ncm-row-status.text-success { color: #16a34a !important; }
  .ncm-row-status.text-danger { color: #dc2626 !important; }
  #ncm-pendencias-table tr.ncm-pend-row--resolved {
    background-color: #f0fdf4;
  }
  #ncm-pendencias-table tr.ncm-pend-row--resolved td {
    background-color: transparent;
  }
  #ncm-pendencias-table tr.ncm-pend-row--resolved .ncm-sel-col {
    background-color: #dcfce7;
  }
  #ncm-pendencias-table tr.ncm-pend-row--resolved .ncm-table-check:disabled {
    opacity: 0.45;
    cursor: not-allowed;
  }
</style>
@endpush
@push('js')
<script>
(function() {
  function ncmDigits(str) {
    return String(str || '').replace(/\D/g, '').slice(0, 8);
  }

  function formatNcm(str) {
    var d = ncmDigits(str);
    if (d.length <= 4) return d;
    if (d.length <= 6) return d.slice(0, 4) + '.' + d.slice(4);
    return d.slice(0, 4) + '.' + d.slice(4, 6) + '.' + d.slice(6);
  }

  function syncNcmState(el) {
    el.classList.toggle('ncm-input--filled', ncmDigits(el.value).length === 8);
  }

  function applyNcmMask(el) {
    var formatted = formatNcm(el.value);
    if (el.value !== formatted) el.value = formatted;
    syncNcmState(el);
    return formatted;
  }

  function ncmConfig() {
    var root = document.getElementById('confronto-ncm');
    if (!root) return null;
    return {
      saveUrl: root.getAttribute('data-ncm-save-url'),
      loteUrl: root.getAttribute('data-ncm-lote-url'),
      csrf: root.getAttribute('data-csrf'),
    };
  }

  function csrfToken() {
    var meta = document.querySelector('meta[name="csrf-token"]');
    if (meta && meta.getAttribute('content')) return meta.getAttribute('content');
    var cfg = ncmConfig();
    return (cfg && cfg.csrf) ? cfg.csrf : '';
  }

  function buildFormBody(data) {
    var token = csrfToken();
    var form = new URLSearchParams();
    Object.keys(data).forEach(function(key) {
      var val = data[key];
      if (Array.isArray(val)) {
        val.forEach(function(item) { form.append(key + '[]', item); });
      } else if (val !== undefined && val !== null) {
        form.append(key, val);
      }
    });
    if (token) form.append('_token', token);
    return form;
  }

  function postNcm(url, data) {
    var token = csrfToken();
    var controller = new AbortController();
    var timeoutId = setTimeout(function() { controller.abort(); }, 25000);

    return fetch(url, {
      method: 'POST',
      credentials: 'same-origin',
      signal: controller.signal,
      headers: {
        'Accept': 'application/json',
        'X-Requested-With': 'XMLHttpRequest',
        'X-CSRF-TOKEN': token,
      },
      body: buildFormBody(data),
    }).then(function(res) {
      clearTimeout(timeoutId);
      return res.text().then(function(text) {
        var payload = null;
        if (text) {
          try { payload = JSON.parse(text); } catch (e) { payload = null; }
        }
        if (!res.ok) {
          var msg = payload && payload.message;
          if (!msg && payload && payload.errors) {
            var errs = Object.values(payload.errors);
            msg = Array.isArray(errs[0]) ? errs[0][0] : errs[0];
          }
          if (!msg && res.status === 419) {
            msg = 'Sessão expirada. Recarregue a página (F5) e tente de novo.';
          }
          throw new Error(msg || ('Erro ao salvar NCM (HTTP ' + res.status + ').'));
        }
        return payload || { ok: true };
      });
    }).catch(function(err) {
      clearTimeout(timeoutId);
      if (err.name === 'AbortError') {
        throw new Error('Tempo esgotado ao salvar. Tente de novo.');
      }
      throw err;
    });
  }

  function rowStatus(el, text, type) {
    var row = el.closest('tr');
    var status = row ? row.querySelector('.ncm-row-status') : null;
    if (!status) return;
    status.textContent = text || '';
    status.className = 'ncm-row-status text-xs' + (type ? ' text-' + type : ' text-muted');
  }

  function markRowResolved(el) {
    var row = el.closest('tr');
    if (!row) return;

    applyNcmMask(el);
    row.classList.add('ncm-pend-row--resolved');
    el.dataset.ncmResolved = '1';
    el.classList.remove('ncm-input--saving', 'ncm-input--error');
    el.classList.add('ncm-input--saved', 'ncm-input--filled');
    rowStatus(el, '✓ Salvo', 'success');

    var cb = row.querySelector('.ncm-row-check');
    if (cb) {
      cb.checked = false;
      cb.disabled = true;
    }

    syncNcmLoteUi();
  }

  var saveTimers = {};

  function saveRowNcm(el) {
    var cfg = ncmConfig();
    if (!cfg || !cfg.saveUrl) return;
    if (el.dataset.ncmSaving === '1') return;

    var digits = ncmDigits(el.value);
    if (digits.length !== 8) return;
    if (el.dataset.ncmLastSaved === digits) return;

    var cod = el.getAttribute('data-cod-item');
    if (!cod) return;

    el.dataset.ncmSaving = '1';
    el.classList.remove('ncm-input--error', 'ncm-input--saved');
    el.classList.add('ncm-input--saving');
    rowStatus(el, 'Salvando…');

    postNcm(cfg.saveUrl, { cod_item_sped: cod, ncm: el.value })
      .then(function(data) {
        el.dataset.ncmLastSaved = digits;
        markRowResolved(el);
      })
      .catch(function(err) {
        el.classList.remove('ncm-input--saving', 'ncm-input--saved');
        el.classList.add('ncm-input--error');
        rowStatus(el, err.message || 'Erro', 'danger');
      })
      .finally(function() {
        el.dataset.ncmSaving = '0';
      });
  }

  function scheduleRowSave(el) {
    var key = el.getAttribute('data-cod-item') || el.name || 'bulk';
    clearTimeout(saveTimers[key]);
    if (ncmDigits(el.value).length === 8) {
      saveTimers[key] = setTimeout(function() { saveRowNcm(el); }, 350);
    }
  }

  function bindNcmInput(el) {
    if (el.dataset.ncmMaskBound === '1') return;
    el.dataset.ncmMaskBound = '1';
    el.setAttribute('inputmode', 'numeric');
    el.setAttribute('autocomplete', 'off');
    el.setAttribute('maxlength', '10');
    el.setAttribute('placeholder', '0000.00.00');

    el.addEventListener('input', function() {
      applyNcmMask(this);
      if (this.dataset.ncmResolved === '1' && ncmDigits(this.value) !== this.dataset.ncmLastSaved) {
        this.dataset.ncmResolved = '0';
        this.classList.remove('ncm-input--saved');
        var row = this.closest('tr');
        if (row) {
          row.classList.remove('ncm-pend-row--resolved');
          var cb = row.querySelector('.ncm-row-check');
          if (cb) cb.disabled = false;
        }
        rowStatus(this, '', '');
      }
      if (this.classList.contains('js-ncm-row-input')) scheduleRowSave(this);
    });
    el.addEventListener('paste', function(e) {
      e.preventDefault();
      this.value = formatNcm((e.clipboardData || window.clipboardData).getData('text'));
      syncNcmState(this);
      if (this.classList.contains('js-ncm-row-input')) scheduleRowSave(this);
    });
    el.addEventListener('blur', function() {
      applyNcmMask(this);
      if (this.classList.contains('js-ncm-row-input') && ncmDigits(this.value).length === 8) {
        saveRowNcm(this);
      }
    });

    syncNcmState(el);
  }

  function initNcmMasks(root) {
    (root || document).querySelectorAll('.js-ncm-mask').forEach(bindNcmInput);
  }

  function syncNcmLoteUi() {
    var table = document.getElementById('ncm-pendencias-table');
    if (!table) return;

    var checks = table.querySelectorAll('.ncm-row-check:not(:disabled)');
    var checkAll = document.getElementById('ncm-check-all');
    var countEl = document.getElementById('ncm-sel-count');
    var submitBtn = document.getElementById('ncm-lote-submit');
    var hiddenWrap = document.getElementById('ncm-lote-hidden-codigos');

    function selectedChecks() {
      return Array.from(checks).filter(function(c) { return c.checked; });
    }

    if (hiddenWrap) {
      hiddenWrap.innerHTML = '';
      selectedChecks().forEach(function(c) {
        var inp = document.createElement('input');
        inp.type = 'hidden';
        inp.name = 'cod_itens[]';
        inp.value = c.value;
        hiddenWrap.appendChild(inp);
      });
    }

    var n = selectedChecks().length;
    if (countEl) countEl.textContent = String(n);
    if (submitBtn) submitBtn.disabled = n === 0;

    if (checkAll && checks.length) {
      checkAll.checked = n > 0 && n === checks.length;
      checkAll.indeterminate = n > 0 && n < checks.length;
    }
  }

  function initNcmLote() {
    var table = document.getElementById('ncm-pendencias-table');
    if (!table) return;

    var checkAll = document.getElementById('ncm-check-all');
    var form = document.getElementById('ncm-lote-form');
    var filtro = document.getElementById('ncm-filtro');
    var selVisiveis = document.getElementById('ncm-sel-visiveis');

    function selectedChecks() {
      return Array.from(table.querySelectorAll('.ncm-row-check:not(:disabled)')).filter(function(c) {
        return c.checked;
      });
    }

    table.addEventListener('change', function(e) {
      if (e.target && e.target.classList.contains('ncm-row-check')) syncNcmLoteUi();
    });

    if (checkAll) {
      checkAll.addEventListener('change', function() {
        table.querySelectorAll('.ncm-row-check:not(:disabled)').forEach(function(c) {
          c.checked = checkAll.checked;
        });
        syncNcmLoteUi();
      });
    }

    if (form) {
      form.addEventListener('submit', function(e) {
        e.preventDefault();
        var cfg = ncmConfig();
        if (!cfg || !cfg.loteUrl) return;

        var selected = selectedChecks();
        if (selected.length === 0) return;

        var ncmInput = form.querySelector('[name="ncm"]');
        if (!ncmInput || ncmDigits(ncmInput.value).length !== 8) {
          ncmInput && ncmInput.focus();
          return;
        }

        var submitBtn = document.getElementById('ncm-lote-submit');
        if (submitBtn) {
          submitBtn.disabled = true;
          submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span> Aplicando…';
        }

        postNcm(cfg.loteUrl, {
          cod_itens: selected.map(function(c) { return c.value; }),
          ncm: ncmInput.value,
        })
          .then(function() {
            var ncmVal = formatNcm(ncmInput.value);
            selected.forEach(function(c) {
              var row = c.closest('tr');
              var input = row ? row.querySelector('.js-ncm-row-input') : null;
              if (input) {
                input.value = ncmVal;
                input.dataset.ncmLastSaved = ncmDigits(ncmVal);
                markRowResolved(input);
              }
            });
            ncmInput.value = '';
            syncNcmState(ncmInput);
            syncNcmLoteUi();
            if (submitBtn) {
              submitBtn.innerHTML = '<span class="ncm-lote-btn-label">Aplicar NCM aos <span id="ncm-sel-count">0</span> selecionados</span>';
            }
          })
          .catch(function(err) {
            alert(err.message || 'Erro ao aplicar NCM em lote.');
            if (submitBtn) {
              submitBtn.disabled = selected.length === 0;
              submitBtn.innerHTML = '<span class="ncm-lote-btn-label">Aplicar NCM aos <span id="ncm-sel-count">' + selected.length + '</span> selecionados</span>';
            }
          });
      });
    }

    if (filtro) {
      filtro.addEventListener('input', function() {
        var q = filtro.value.trim().toLowerCase();
        table.querySelectorAll('.ncm-pend-row').forEach(function(row) {
          var hay = row.getAttribute('data-search') || '';
          row.style.display = (!q || hay.indexOf(q) !== -1) ? '' : 'none';
        });
        syncNcmLoteUi();
      });
    }

    if (selVisiveis) {
      selVisiveis.addEventListener('click', function() {
        table.querySelectorAll('.ncm-pend-row:not(.ncm-pend-row--resolved)').forEach(function(row) {
          if (row.style.display === 'none') return;
          var cb = row.querySelector('.ncm-row-check:not(:disabled)');
          if (cb) cb.checked = true;
        });
        syncNcmLoteUi();
      });
    }

    syncNcmLoteUi();
  }

  document.addEventListener('DOMContentLoaded', function() {
    initNcmMasks();
    initNcmLote();
  });
  window.AppNcmMask = { init: initNcmMasks, format: formatNcm };
})();
</script>
@endpush