{{-- Modal de progresso — import SPED / simulação --}}
<div class="modal fade" id="spedImportModal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg">
    <div class="modal-content">
      <div class="modal-header border-0 pb-0">
        <h5 class="modal-title" id="spedImportModalTitle">Processando simulação…</h5>
      </div>
      <div class="modal-body">
        <p class="text-muted text-sm mb-2" id="spedImportModalSubtitle">Aguarde — não feche esta página.</p>
        <div class="d-flex justify-content-between align-items-center mb-1">
          <span class="text-sm fw-bold" id="spedImportPercentLabel">0%</span>
          <span class="text-xs text-muted" id="spedImportCounter">0 / 0 arquivos</span>
        </div>
        <div class="progress mb-3" style="height: 12px;">
          <div class="progress-bar progress-bar-striped progress-bar-animated bg-info"
               id="spedImportProgressBar" role="progressbar" style="width: 0%"></div>
        </div>
        <div id="spedImportFileList" class="list-group list-group-flush border rounded"
             style="max-height: 320px; overflow-y: auto;"></div>
        <div id="spedImportError" class="alert alert-danger mt-3 d-none text-sm mb-0"></div>
        <div id="spedImportWarn" class="alert alert-warning mt-3 d-none text-sm mb-0"></div>
      </div>
      <div class="modal-footer border-0 pt-0 d-none" id="spedImportModalFooter">
        <a href="#" class="btn btn-primary" id="spedImportDoneBtn">Continuar</a>
      </div>
    </div>
  </div>
</div>

@once
  @push('js')
  <script>
  (function () {
    const csrf = document.querySelector('meta[name="csrf-token"]')?.content
      || document.querySelector('input[name="_token"]')?.value;

    const simEditBase = @json(url('admin/simulacoes'));

    const modalEl = document.getElementById('spedImportModal');
    if (!modalEl || typeof bootstrap === 'undefined') return;

    const modal = new bootstrap.Modal(modalEl);
    const ui = {
      title: document.getElementById('spedImportModalTitle'),
      subtitle: document.getElementById('spedImportModalSubtitle'),
      percentLabel: document.getElementById('spedImportPercentLabel'),
      counter: document.getElementById('spedImportCounter'),
      bar: document.getElementById('spedImportProgressBar'),
      list: document.getElementById('spedImportFileList'),
      error: document.getElementById('spedImportError'),
      warn: document.getElementById('spedImportWarn'),
      footer: document.getElementById('spedImportModalFooter'),
      doneBtn: document.getElementById('spedImportDoneBtn'),
    };

    const icons = {
      wait: '<span class="text-secondary">○</span>',
      proc: '<span class="spinner-border spinner-border-sm text-info"></span>',
      ok: '<span class="text-success">✓</span>',
      err: '<span class="text-danger">✕</span>',
    };

    function setPercent(done, total) {
      const pct = total ? Math.round((done / total) * 100) : 0;
      ui.bar.style.width = pct + '%';
      ui.bar.setAttribute('aria-valuenow', pct);
      ui.percentLabel.textContent = pct + '%';
      ui.counter.textContent = done + ' / ' + total + ' arquivo' + (total === 1 ? '' : 's');
    }

    function buildList(items) {
      ui.list.innerHTML = '';
      items.forEach((item, i) => {
        const el = document.createElement('div');
        el.className = 'list-group-item d-flex align-items-center gap-2 py-2';
        el.id = 'sped-file-row-' + i;
        el.innerHTML = '<span class="sped-file-icon">' + icons.wait + '</span>'
          + '<div class="flex-grow-1 text-sm text-truncate" title="' + item.name + '">'
          + '<div>' + item.name + '</div>'
          + (item.periodo ? '<small class="text-muted">' + item.periodo + '</small>' : '')
          + '</div>'
          + '<span class="sped-file-status text-xs text-muted">Aguardando</span>';
        ui.list.appendChild(el);
      });
    }

    function setFileState(index, state, label) {
      const row = document.getElementById('sped-file-row-' + index);
      if (!row) return;
      const icon = row.querySelector('.sped-file-icon');
      const status = row.querySelector('.sped-file-status');
      icon.innerHTML = icons[state] || icons.wait;
      status.textContent = label || '';
      status.className = 'sped-file-status text-xs '
        + (state === 'ok' ? 'text-success' : state === 'err' ? 'text-danger' : 'text-muted');
    }

    function postFormData(url, formData, onUpload) {
      return new Promise((resolve, reject) => {
        const xhr = new XMLHttpRequest();
        xhr.open('POST', url);
        xhr.setRequestHeader('Accept', 'application/json');
        xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
        if (onUpload && xhr.upload) {
          xhr.upload.addEventListener('progress', (e) => {
            if (e.lengthComputable) onUpload(e.loaded / e.total);
          });
        }
        xhr.onload = () => {
          let json;
          try { json = JSON.parse(xhr.responseText); } catch (e) {
            reject(new Error('Resposta inválida do servidor.'));
            return;
          }
          if (xhr.status >= 200 && xhr.status < 300 && json.ok) resolve(json);
          else reject(new Error(json.message || 'Falha no processamento.'));
        };
        xhr.onerror = () => reject(new Error('Erro de rede.'));
        xhr.send(formData);
      });
    }

    function appendCommonFields(fd, form) {
      const idpessoa = form.querySelector('[name="idpessoa"]')?.value;
      const incluir = form.querySelector('[name="incluir_imports_existentes"]')?.checked;
      if (idpessoa) fd.append('idpessoa', idpessoa);
      if (incluir) fd.append('incluir_imports_existentes', '1');
      fd.append('_token', csrf);
    }

    async function analyzeLote(files) {
      const fd = new FormData();
      for (const f of files) fd.append('arquivos[]', f);
      fd.append('_token', csrf);
      const res = await fetch(@json(route('admin.simulacoes.preview-sped-lote')), {
        method: 'POST',
        headers: { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' },
        body: fd,
      });
      const json = await res.json();
      if (!json.ok) throw new Error(json.message || 'Falha na análise do lote.');
      return json.data;
    }

    function groupByPeriod(files, analise) {
      const metaByName = {};
      (analise.arquivos || []).forEach(a => { metaByName[a.arquivo] = a; });
      const groups = {};
      const items = [];
      let idx = 0;
      for (const file of files) {
        const meta = metaByName[file.name] || {};
        const periodo = meta.periodo || analise.periodo || '?';
        items.push({ index: idx++, name: file.name, periodo, file });
        if (!groups[periodo]) groups[periodo] = [];
        groups[periodo].push(items[items.length - 1]);
      }
      const sortedPeriods = Object.keys(groups).sort();
      return { items, groups, sortedPeriods };
    }

    async function processLoteForm(form) {
      const input = form.querySelector('input[type="file"][multiple]');
      const files = input?.files ? [...input.files] : [];
      if (!files.length) return;

      form.querySelectorAll('[type=submit]').forEach(b => b.disabled = true);

      ui.error.classList.add('d-none');
      ui.warn.classList.add('d-none');
      ui.footer.classList.add('d-none');
      ui.title.textContent = 'Processando simulação…';
      ui.subtitle.textContent = 'Importando SPEDs e gerando análises CBS/IBS. Não feche esta página.';
      setPercent(0, files.length);
      buildList(files.map(f => ({ name: f.name, periodo: null })));
      modal.show();

      let analise;
      try {
        ui.subtitle.textContent = 'Analisando arquivos e detectando períodos…';
        analise = await analyzeLote(files);
        const grouped = groupByPeriod(files, analise);
        buildList(grouped.items.map(i => ({ name: i.name, periodo: i.periodo })));

        const results = [];
        const warnings = [];
        const errors = [];
        let done = 0;
        const total = files.length;

        for (const periodo of grouped.sortedPeriods) {
          const batch = grouped.groups[periodo];
          batch.forEach(b => setFileState(b.index, 'proc', 'Processando…'));
          ui.subtitle.textContent = 'Processando período ' + periodo + ' (' + batch.length + ' arquivo(s))…';

          const fd = new FormData();
          batch.forEach(b => fd.append('arquivos[]', b.file));
          appendCommonFields(fd, form);

          try {
            const json = await postFormData(@json(route('admin.simulacoes.from-sped-lote')), fd, null);
            const semItens = json.data?.sem_itens || [];
            batch.forEach(b => {
              const ignorado = semItens.includes(b.name);
              setFileState(b.index, ignorado ? 'wait' : 'ok', ignorado ? 'Sem movimento' : 'Concluído');
              done++;
              setPercent(done, total);
            });
            if (semItens.length) {
              warnings.push('Período ' + periodo + ': ' + semItens.length + ' arquivo(s) sem movimento fiscal ignorado(s).');
            }
            results.push(json.data);
          } catch (e) {
            batch.forEach(b => {
              setFileState(b.index, 'err', 'Erro');
              done++;
              setPercent(done, total);
            });
            errors.push('Período ' + periodo + ': ' + e.message);
          }
        }

        if (warnings.length) {
          ui.warn.textContent = warnings.join(' ');
          ui.warn.classList.remove('d-none');
        }
        if (errors.length) {
          ui.error.textContent = errors.join(' ');
          ui.error.classList.remove('d-none');
        }

        ui.bar.classList.remove('progress-bar-animated');
        const okCount = results.length;
        ui.title.textContent = okCount && !errors.length
          ? 'Importação concluída!'
          : (okCount ? 'Importação finalizada com avisos' : 'Falha na importação');

        if (results.length === 1) {
          const r = results[0];
          ui.doneBtn.href = r.redirect || (simEditBase + '/' + r.idsimulacao + '/edit?tab=confronto&fluxo=1');
          ui.doneBtn.textContent = 'Revisar divergências';
        } else if (results.length > 1) {
          ui.subtitle.textContent = 'Unificando análise anual…';
          try {
            const fdGrupo = new FormData();
            results.forEach(r => fdGrupo.append('idsimulacoes[]', r.idsimulacao));
            fdGrupo.append('_token', csrf);
            const grupoJson = await postFormData(@json(route('admin.simulacoes.consolidar-grupo')), fdGrupo, null);
            ui.doneBtn.href = grupoJson.data?.redirect || (simEditBase + '/' + grupoJson.data.idsimulacao + '/edit?tab=confronto&fluxo=1');
            ui.doneBtn.textContent = 'Revisar divergências (' + results.length + ' meses)';
          } catch (e) {
            sessionStorage.setItem('lote_multi', JSON.stringify(results.map(r => ({
              idsimulacao: r.idsimulacao,
              periodo: r.periodo,
              produtos: r.produtos,
              imports: r.imports,
              sem_itens: r.sem_itens || [],
            }))));
            ui.doneBtn.href = @json(route('admin.simulacoes.index'));
            ui.doneBtn.textContent = 'Ver simulações (' + results.length + ')';
            ui.warn.textContent = (ui.warn.textContent ? ui.warn.textContent + ' ' : '') + 'Consolidação automática falhou: ' + e.message;
            ui.warn.classList.remove('d-none');
          }
        } else {
          ui.doneBtn.textContent = 'Fechar';
          ui.doneBtn.href = '#';
          ui.doneBtn.onclick = (e) => { e.preventDefault(); modal.hide(); };
        }
        ui.footer.classList.remove('d-none');
      } catch (e) {
        ui.error.textContent = e.message;
        ui.error.classList.remove('d-none');
        ui.title.textContent = 'Falha na importação';
        ui.footer.classList.remove('d-none');
        ui.doneBtn.textContent = 'Fechar';
        ui.doneBtn.href = '#';
        ui.doneBtn.onclick = (ev) => { ev.preventDefault(); modal.hide(); };
      }
    }

    async function processSingleForm(form) {
      const input = form.querySelector('input[type="file"]');
      const file = input?.files?.[0];
      if (!file) return;

      form.querySelectorAll('[type=submit]').forEach(b => b.disabled = true);

      ui.error.classList.add('d-none');
      ui.warn.classList.add('d-none');
      ui.footer.classList.add('d-none');
      ui.title.textContent = 'Processando simulação…';
      ui.subtitle.textContent = 'Enviando e importando SPED…';
      buildList([{ name: file.name, periodo: null }]);
      setFileState(0, 'proc', 'Enviando…');
      setPercent(0, 1);
      modal.show();

      const fd = new FormData(form);
      try {
        const json = await postFormData(@json(route('admin.simulacoes.from-sped')), fd, (ratio) => {
          const pct = Math.min(45, Math.round(ratio * 45));
          ui.subtitle.textContent = 'Enviando arquivo… ' + pct + '%';
          ui.bar.style.width = pct + '%';
          ui.percentLabel.textContent = pct + '%';
        });
        setFileState(0, 'proc', 'Processando SPED…');
        ui.subtitle.textContent = 'Gerando regime atual e CBS/IBS…';
        ui.bar.style.width = '85%';
        ui.percentLabel.textContent = '85%';

        setFileState(0, 'ok', 'Concluído');
        setPercent(1, 1);
        ui.bar.style.width = '100%';
        ui.bar.classList.remove('progress-bar-animated');
        ui.title.textContent = 'Simulação criada!';
        ui.doneBtn.href = json.data?.redirect || (simEditBase + '/' + json.data.idsimulacao + '/edit?tab=confronto&fluxo=1');
        ui.doneBtn.textContent = 'Revisar divergências';
        ui.footer.classList.remove('d-none');
      } catch (e) {
        setFileState(0, 'err', 'Erro');
        ui.error.textContent = e.message;
        ui.error.classList.remove('d-none');
        ui.title.textContent = 'Falha na importação';
        ui.footer.classList.remove('d-none');
        ui.doneBtn.textContent = 'Fechar';
        ui.doneBtn.href = '#';
        ui.doneBtn.onclick = (ev) => { ev.preventDefault(); modal.hide(); };
      }
    }

    async function processReformaLoteForm(form) {
      const input = form.querySelector('input[type="file"][multiple]');
      const files = input?.files ? [...input.files] : [];
      if (!files.length) return;

      ui.error.classList.add('d-none');
      ui.warn.classList.add('d-none');
      ui.footer.classList.add('d-none');
      ui.title.textContent = 'Importando SPEDs…';
      ui.subtitle.textContent = 'Enviando arquivos…';
      buildList(files.map(f => ({ name: f.name, periodo: null })));
      files.forEach((_, i) => setFileState(i, 'proc', 'Aguardando envio…'));
      setPercent(0, files.length);
      modal.show();

      const fd = new FormData(form);
      try {
        await postFormData(form.action, fd, (ratio) => {
          const pct = Math.round(ratio * 50);
          ui.subtitle.textContent = 'Enviando arquivos… ' + pct + '%';
          ui.bar.style.width = pct + '%';
          ui.percentLabel.textContent = pct + '%';
          files.forEach((_, i) => setFileState(i, 'proc', 'Enviando…'));
        });
        files.forEach((_, i) => setFileState(i, 'ok', 'Concluído'));
        setPercent(files.length, files.length);
        ui.bar.classList.remove('progress-bar-animated');
        ui.title.textContent = 'Importação concluída!';
        ui.doneBtn.href = window.location.pathname + '?tab=confronto&fluxo=1';
        ui.doneBtn.textContent = 'Revisar divergências';
        ui.doneBtn.onclick = (e) => {
          e.preventDefault();
          window.location = window.location.pathname + '?tab=confronto&fluxo=1';
        };
        ui.footer.classList.remove('d-none');
      } catch (e) {
        files.forEach((_, i) => setFileState(i, 'err', 'Erro'));
        ui.error.textContent = e.message;
        ui.error.classList.remove('d-none');
        ui.title.textContent = 'Falha na importação';
        ui.footer.classList.remove('d-none');
        ui.doneBtn.textContent = 'Fechar';
        ui.doneBtn.href = '#';
        ui.doneBtn.onclick = (ev) => { ev.preventDefault(); modal.hide(); };
      }
    }

    document.getElementById('formSpedLote')?.addEventListener('submit', (e) => {
      e.preventDefault();
      processLoteForm(e.target);
    });

    document.getElementById('formSped')?.addEventListener('submit', (e) => {
      e.preventDefault();
      processSingleForm(e.target);
    });

    document.querySelectorAll('form[data-sped-import-progress]').forEach(form => {
      form.addEventListener('submit', (e) => {
        e.preventDefault();
        processReformaLoteForm(form);
      });
    });
  })();
  </script>
  @endpush
@endonce