@php
  $grupos = $grupos ?? [];
  $totalPendentes = count($pendentes ?? []);
  $gruposSemAcao = collect($grupos)->filter(fn ($g) => empty($g['opcoes']))->values();
  $qtdSemAuto = $gruposSemAcao->sum('qtd');

  $produtosFila = collect($pendentes ?? [])
      ->filter(fn ($p) => ($p['qtd_opcoes'] ?? 0) > 0)
      ->sortBy([
          fn ($p) => ($p['status'] ?? '') === 'ambiguo' ? 0 : 1,
          fn ($p) => -1 * (float) ($p['valor_operacao'] ?? 0),
          fn ($p) => $p['rotulo_produto'] ?? $p['cod_item'],
      ])
      ->values();

  $qtdEscolha = $produtosFila->where('status', 'ambiguo')->count();
  $qtdConfirmar = $produtosFila->where('status', 'sugerido')->count();

  $gruposLote = collect($grupos)
      ->filter(fn ($g) => !empty($g['opcoes']) && ($g['qtd'] ?? 0) > 1)
      ->values();

  $cstAtivo = preg_replace('/\D/', '', (string) request('cst', ''));
  if ($cstAtivo !== '') {
      $cstAtivo = str_pad($cstAtivo, 3, '0', STR_PAD_LEFT);
  }
  // Mantém o CST da URL após salvar; se o grupo já acabou, limpa a seleção.
  if ($cstAtivo !== '' && $gruposSemAcao->isNotEmpty()) {
      $cstExiste = $gruposSemAcao->contains(fn ($g) => (string) ($g['cst'] ?? '') === $cstAtivo);
      if (!$cstExiste) {
          $cstAtivo = '';
      }
  } elseif ($cstAtivo !== '' && $gruposSemAcao->isEmpty()) {
      $cstAtivo = '';
  }
  $fmtNcm = fn (?string $ncm) => ($d = preg_replace('/\D/', '', (string) $ncm)) && strlen($d) === 8
      ? substr($d, 0, 4) . '.' . substr($d, 4, 2) . '.' . substr($d, 6, 2) : ($ncm ?: '—');

  $statusLabel = fn (array $p) => match ($p['status'] ?? '') {
      'ambiguo'  => ['Escolher', 'warning', 'Várias opções — você decide'],
      'sugerido' => ['Confirmar', 'success', 'Só 1 opção na tabela SVRS'],
      default    => ['Classificar', 'secondary', 'Pendente'],
  };
@endphp

@if($totalPendentes > 0 || count($definidos ?? []) > 0 || ($tabelaVazia ?? false))

@include('admin.simulacoes._etapa_guia', [
  'titulo' => 'Como funciona',
  'intro' => 'O <strong>CST do SPED</strong> (ICMS) muitas vezes <em>não existe</em> na tabela SVRS da reforma. '
    . 'Clique em um CST abaixo para ver os produtos e classifique buscando o <strong>cClassTrib</strong> na tabela oficial.',
  'passos' => [
    'Clique no <strong>CST</strong> que quer analisar (090, 051, 040… — todos aparecem).',
    'Abra o produto (ou use lote) e <strong>busque</strong> o cClassTrib pelo código ou nome.',
    'Salvar vale para o cadastro do cliente — não altera o arquivo SPED.',
  ],
])

@if($qtdEscolha > 0)
  <div class="alert alert-warning py-2 px-3 mb-4 text-sm">
    <strong>{{ $qtdEscolha }}</strong> produto(s) na fila ·
    <strong>{{ $qtdConfirmar }}</strong> com confirmação rápida (1 opção)
  </div>
@elseif($produtosFila->isEmpty() && $qtdSemAuto > 0)
  <div class="alert alert-success py-2 px-3 mb-4 text-sm d-flex flex-wrap justify-content-between align-items-center gap-2">
    <div>
      <strong>Etapa 2.3 liberada.</strong>
      Restam {{ $qtdSemAuto }} produto(s) em CST do SPED sem match automático na SVRS (ex.: 051, 090).
      Classificar é opcional — a simulação usa alíquota padrão neles.
    </div>
    <a href="{{ \App\Support\ConfrontoSubetapa::url($sim->idsimulacao, 'cadastro') }}"
       class="btn btn-sm btn-primary text-nowrap">
      Ir para 2.4 Cadastro <i class="fas fa-arrow-right ms-1"></i>
    </a>
  </div>
@endif

<div class="app-card mb-4" id="confronto-classtrib" data-tour="confronto-classtrib"
     data-classtrib-save-url="{{ route('admin.simulacoes.confronto.classtrib', $sim->idsimulacao) }}"
     data-classtrib-lote-url="{{ route('admin.simulacoes.confronto.classtrib.lote', $sim->idsimulacao) }}"
     data-classtrib-buscar-url="{{ route('admin.simulacoes.confronto.classtrib.buscar', $sim->idsimulacao) }}"
     data-csrf="{{ csrf_token() }}">
  <div class="card-header bg-transparent d-flex flex-wrap justify-content-between align-items-center gap-2">
    <div>
      <h6 class="mb-1"><i class="fas fa-box me-1"></i> Produtos para classificar</h6>
      <p class="text-xs text-muted mb-0">Um produto por linha — classifique na ordem que preferir.</p>
    </div>
    @if($produtosFila->isNotEmpty())
      <span class="badge bg-primary fs-6">{{ $produtosFila->count() }} na fila</span>
    @endif
  </div>

  @if($tabelaVazia ?? false)
    <div class="card-body">
      <div class="alert alert-warning mb-0 py-2">{{ $alerta ?? 'Tabela cClassTrib não carregada.' }}</div>
    </div>
  @elseif($produtosFila->isNotEmpty())
    <div class="card-body border-bottom py-2 classtrib-cst-toolbar">
      <label class="text-xs text-muted mb-1">Buscar produto</label>
      <input type="search" class="form-control form-control-sm" id="classtrib-filtro"
             placeholder="Nome, código interno, NCM ou CST…">
    </div>
    <div class="table-responsive">
      <table class="table app-table mb-0 classtrib-fila-table" id="classtrib-fila-table">
        <thead class="table-light">
          <tr>
            <th style="width:2.5rem">#</th>
            <th>Produto</th>
            <th>Cód.</th>
            <th>NCM</th>
            <th>CST <i class="fas fa-info-circle text-muted" title="Código do SPED nas notas — não se altera aqui; define as opções de cClassTrib"></i></th>
            <th class="text-end">Valor SPED</th>
            <th>Situação</th>
            <th class="text-end" style="min-width:140px">Ação</th>
          </tr>
        </thead>
        <tbody>
          @foreach($produtosFila as $i => $item)
            @php [$btnLabel, $btnCor, $sitTxt] = $statusLabel($item); @endphp
            <tr class="classtrib-produto-row {{ ($item['status'] ?? '') === 'ambiguo' ? 'classtrib-produto-row--pendente' : '' }}"
                data-search="{{ strtolower(
                  ($item['rotulo_produto'] ?? '') . ' ' .
                  ($item['cod_item'] ?? '') . ' ' .
                  ($item['ncm'] ?? '') . ' ' .
                  ($item['cst'] ?? '')
                ) }}">
              <td class="text-muted text-xs">{{ $i + 1 }}</td>
              <td>
                <strong>{{ $item['rotulo_produto'] ?? $item['descr_item'] ?? ('Código ' . $item['cod_item']) }}</strong>
              </td>
              <td class="font-monospace text-xs text-muted">{{ $item['cod_item'] }}</td>
              <td class="font-monospace text-xs">{{ $fmtNcm($item['ncm'] ?? null) }}</td>
              <td class="font-monospace text-xs">{{ $item['cst'] ? 'CST ' . $item['cst'] : '—' }}</td>
              <td class="text-end text-nowrap text-sm">
                @if(($item['valor_operacao'] ?? 0) > 0)
                  R$ {{ number_format($item['valor_operacao'], 2, ',', '.') }}
                @else
                  <span class="text-muted">—</span>
                @endif
              </td>
              <td class="text-xs">
                <span class="badge bg-{{ $btnCor }} bg-opacity-10 text-{{ $btnCor === 'warning' ? 'dark' : $btnCor }}">
                  {{ $sitTxt }}
                </span>
                @if(($item['qtd_opcoes'] ?? 0) > 1)
                  <span class="text-muted d-block mt-1">{{ $item['qtd_opcoes'] }} opções</span>
                @endif
              </td>
              <td class="text-end">
                @if(($item['qtd_opcoes'] ?? 0) === 1)
                  <button type="button" class="btn btn-sm btn-success js-classtrib-item-aplicar"
                          data-cod="{{ $item['cod_item'] }}"
                          data-nome="{{ $item['rotulo_produto'] ?? $item['cod_item'] }}"
                          data-c-class-trib="{{ $item['opcoes'][0]['cod_class_trib'] }}">
                    <i class="fas fa-check me-1"></i> Confirmar
                  </button>
                @else
                  <button type="button" class="btn btn-sm btn-primary js-classtrib-escolher"
                          data-cod="{{ $item['cod_item'] }}"
                          data-cst="{{ $item['cst'] ?? '' }}"
                          data-nome="{{ $item['rotulo_produto'] ?? $item['descr_item'] ?? $item['cod_item'] }}"
                          data-opcoes='@json($item['opcoes'] ?? [])'>
                    <i class="fas fa-tag me-1"></i> Classificar
                  </button>
                @endif
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>

    @if($gruposLote->isNotEmpty())
      <div class="card-header bg-transparent border-top">
        <button class="btn btn-link btn-sm p-0 text-decoration-none text-muted" type="button"
                data-bs-toggle="collapse" data-bs-target="#classtrib-atalho-lote">
          <i class="fas fa-chevron-down me-1"></i>
          Atalho avançado: classificar vários de uma vez (mesmo CST)
        </button>
      </div>
      <div class="collapse" id="classtrib-atalho-lote">
        <div class="card-body py-3 classtrib-cst-toolbar border-top">
          <p class="text-xs text-muted mb-3">
            Opcional. Só use se tiver certeza de que <strong>todos os produtos do grupo</strong> recebem a mesma classificação.
          </p>
          @foreach($gruposLote as $grupo)
            @php $qtdOpcoes = count($grupo['opcoes'] ?? []); @endphp
            <div class="d-flex flex-wrap align-items-center gap-2 mb-2 pb-2 border-bottom">
              <span class="badge bg-dark font-monospace">{{ $grupo['cst_label'] }}</span>
              <span class="text-sm">{{ $grupo['qtd'] }} produtos</span>
              @if($qtdOpcoes === 1)
                <button type="button" class="btn btn-xs btn-outline-success js-classtrib-grupo-aplicar"
                        data-cod-itens='@json($grupo['cod_itens'])'
                        data-c-class-trib="{{ $grupo['opcoes'][0]['cod_class_trib'] }}">
                  Aplicar {{ $grupo['opcoes'][0]['cod_class_trib'] }} em lote
                </button>
              @else
                <button type="button" class="btn btn-xs btn-outline-secondary js-classtrib-grupo-escolher"
                        data-cst-label="{{ $grupo['cst_label'] }}"
                        data-cod-itens='@json($grupo['cod_itens'])'
                        data-opcoes='@json($grupo['opcoes'])'
                        data-qtd="{{ $grupo['qtd'] }}">
                  Escolher para os {{ $grupo['qtd'] }} em lote
                </button>
              @endif
            </div>
          @endforeach
        </div>
      </div>
    @endif
  @elseif($totalPendentes === 0)
    <div class="card-body py-3">
      <p class="text-sm mb-0"><i class="fas fa-check-circle text-success me-1"></i> Todos os produtos classificados.</p>
    </div>
  @elseif($gruposSemAcao->isEmpty())
    <div class="card-body py-3">
      <p class="text-sm text-muted mb-0">Nenhum produto com opção automática na tabela SVRS.</p>
    </div>
  @endif

  @if($gruposSemAcao->isNotEmpty())
    <div data-tour="classtrib-csts" class="classtrib-csts-block">
    <div class="card-header bg-transparent border-top">
      <h6 class="mb-1">{{ $qtdSemAuto }} produtos · {{ $gruposSemAcao->count() }} CSTs do SPED</h6>
      <p class="text-xs mb-0 classtrib-cst-hint">
        Clique no CST para ver a lista. Clique de novo no ativo ou em <strong>Limpar</strong> para fechar.
        O CST do SPED é de ICMS — busque o cClassTrib na tabela SVRS se quiser ajustar; <strong>não é obrigatório</strong> para avançar.
      </p>
    </div>
    <div class="card-body py-3">
      <div class="classtrib-cst-bar" role="tablist" aria-label="CSTs do SPED">
        @foreach($gruposSemAcao as $grupo)
          <button type="button"
                  class="classtrib-cst-chip {{ $cstAtivo === (string) ($grupo['cst'] ?? '') ? 'is-active' : '' }}"
                  data-cst-key="{{ $grupo['cst'] ?? '' }}"
                  data-qtd="{{ $grupo['qtd'] }}"
                  aria-pressed="{{ $cstAtivo === (string) ($grupo['cst'] ?? '') ? 'true' : 'false' }}">
            <span class="font-monospace">{{ $grupo['cst_label'] }}</span>
            <span class="classtrib-cst-chip__qtd">{{ $grupo['qtd'] }}</span>
          </button>
        @endforeach
        <button type="button" class="classtrib-cst-chip classtrib-cst-chip--clear" id="classtrib-cst-limpar" title="Fechar a lista e tirar o destaque do CST">
          Limpar
        </button>
      </div>
      <p class="text-xs classtrib-cst-hint mt-2 mb-0 {{ $cstAtivo !== '' ? 'd-none' : '' }}" id="classtrib-cst-vazio">
        Nenhum CST selecionado. Clique em um código acima para analisar os produtos.
      </p>
    </div>
    </div>
    @foreach($gruposSemAcao as $grupo)
      @php $cstKey = (string) ($grupo['cst'] ?? ''); @endphp
      <div class="classtrib-cst-panel {{ $cstAtivo === $cstKey ? '' : 'd-none' }}" data-cst-panel="{{ $cstKey }}">
        <div class="classtrib-cst-toolbar d-flex flex-wrap justify-content-between align-items-center gap-2 px-3 py-2">
          <div class="text-sm">
            <strong>{{ $grupo['cst_label'] }}</strong>
            · {{ $grupo['qtd'] }} produtos
            · R$ {{ number_format($grupo['valor_total'] ?? 0, 2, ',', '.') }}
          </div>
          <div class="d-flex flex-wrap align-items-center gap-2">
            <input type="search" class="form-control form-control-sm classtrib-cst-filtro"
                   style="min-width:12rem" placeholder="Filtrar produto…"
                   data-cst-filter="{{ $cstKey }}" aria-label="Filtrar produtos do {{ $grupo['cst_label'] }}">
            <button type="button" class="btn btn-sm btn-outline-primary js-classtrib-grupo-buscar"
                    data-cst-label="{{ $grupo['cst_label'] }}"
                    data-cod-itens='@json($grupo['cod_itens'])'
                    data-qtd="{{ $grupo['qtd'] }}">
              Classificar os {{ $grupo['qtd'] }} em lote
            </button>
          </div>
        </div>
        <div class="table-responsive">
          <table class="table app-table mb-0 table-sm classtrib-fila-table">
            <thead>
              <tr>
                <th>Produto</th>
                <th>Cód.</th>
                <th>NCM</th>
                <th class="text-end">Valor</th>
                <th class="text-end">Ação</th>
              </tr>
            </thead>
            <tbody>
              @foreach($grupo['itens'] ?? [] as $item)
                <tr class="classtrib-cst-row"
                    data-cst-row="{{ $cstKey }}"
                    data-search="{{ strtolower(($item['rotulo_produto'] ?? '') . ' ' . ($item['cod_item'] ?? '') . ' ' . ($item['ncm'] ?? '')) }}">
                  <td class="text-xs">{{ $item['rotulo_produto'] ?? $item['descr_item'] ?? '—' }}</td>
                  <td class="font-monospace text-xs">{{ $item['cod_item'] }}</td>
                  <td class="font-monospace text-xs">{{ $fmtNcm($item['ncm'] ?? null) }}</td>
                  <td class="text-end text-nowrap text-xs">
                    @if(($item['valor_operacao'] ?? 0) > 0)
                      R$ {{ number_format($item['valor_operacao'], 2, ',', '.') }}
                    @else — @endif
                  </td>
                  <td class="text-end">
                    <button type="button" class="btn btn-sm btn-primary js-classtrib-buscar"
                            data-cod="{{ $item['cod_item'] }}"
                            data-cst="{{ $item['cst'] ?? '' }}"
                            data-nome="{{ $item['rotulo_produto'] ?? $item['cod_item'] }}">
                      Classificar
                    </button>
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    @endforeach
  @endif

  @if(count($definidos ?? []) > 0)
    <div class="card-header bg-transparent border-top">
      <button class="btn btn-link btn-sm p-0 text-decoration-none" type="button" data-bs-toggle="collapse" data-bs-target="#classtrib-definidos">
        <i class="fas fa-chevron-down me-1"></i> {{ count($definidos) }} já classificados
      </button>
    </div>
    <div class="collapse" id="classtrib-definidos">
      <div class="table-responsive">
        <table class="table app-table mb-0 table-sm">
          <thead><tr><th>Produto</th><th>Cód.</th><th>CST</th><th>cClassTrib</th></tr></thead>
          <tbody>
            @foreach(array_slice($definidos, 0, 50) as $item)
              <tr>
                <td class="text-xs">{{ $item['rotulo_produto'] ?? $item['descr_item'] ?? '—' }}</td>
                <td class="font-monospace text-xs">{{ $item['cod_item'] }}</td>
                <td class="font-monospace text-xs">{{ $item['cst'] ?: '—' }}</td>
                <td class="font-monospace text-xs">{{ $item['c_class_trib'] ?? '—' }}</td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  @endif
</div>

<div class="modal fade" id="classtribModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-scrollable">
    <div class="modal-content position-relative">
      <div class="modal-header">
        <div>
          <h5 class="modal-title" id="classtribModalLabel">Classificar produto</h5>
          <p class="text-sm fw-semibold mb-0 text-dark" id="classtrib-modal-produto"></p>
          <p class="text-xs text-muted mb-0" id="classtrib-modal-subtitle"></p>
        </div>
        <button type="button" class="btn-close" data-bs-dismiss="modal" id="classtrib-modal-close"></button>
      </div>
      <div class="modal-body border-bottom py-2 classtrib-cst-toolbar">
        <p class="text-sm mb-2" id="classtrib-modal-hint">
          Selecione <strong>uma</strong> opção e clique em <strong>Salvar</strong>.
        </p>
        <div class="d-flex flex-wrap gap-1 mb-2" id="classtrib-atalhos" role="group" aria-label="Atalhos SVRS">
          <button type="button" class="btn btn-sm btn-outline-secondary js-classtrib-atalho" data-q="000">Integral (000)</button>
          <button type="button" class="btn btn-sm btn-outline-secondary js-classtrib-atalho" data-q="200">Redução (200)</button>
          <button type="button" class="btn btn-sm btn-outline-secondary js-classtrib-atalho" data-q="410">Isenção (410)</button>
          <button type="button" class="btn btn-sm btn-outline-secondary js-classtrib-atalho" data-q="550">Suspensão (550)</button>
          <button type="button" class="btn btn-sm btn-outline-primary js-classtrib-atalho" data-q="000001">000001</button>
        </div>
        <label class="text-xs text-muted mb-1" for="classtrib-busca">Buscar na tabela SVRS</label>
        <input type="search" class="form-control form-control-sm" id="classtrib-busca"
               placeholder="Código, nome ou CST da reforma (ex.: 000001, alimentação, 200)…">
      </div>
      <div class="modal-body p-0" id="classtrib-modal-lote-hint" style="display:none">
        <div class="classtrib-cst-toolbar px-3 py-2 text-sm">
          <i class="fas fa-users me-1"></i> Modo lote: a escolha será aplicada a <strong id="classtrib-lote-qtd"></strong> produtos.
        </div>
      </div>
      <div class="modal-body p-0">
        <div class="list-group list-group-flush" id="classtrib-opcoes-list"></div>
      </div>
      <div class="modal-footer flex-wrap gap-2">
        <div class="me-auto text-sm text-muted" id="classtrib-selecionado-label">Nenhuma opção selecionada</div>
        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal" id="classtrib-btn-cancelar">Cancelar</button>
        <button type="button" class="btn btn-primary" id="classtrib-btn-salvar" disabled>
          <i class="fas fa-save me-1"></i> Salvar
        </button>
      </div>
      <div id="classtrib-salvando" class="classtrib-salvando d-none" aria-live="polite" aria-busy="true">
        <div class="classtrib-salvando__box">
          <div class="spinner-border text-light mb-3" role="status" aria-hidden="true"></div>
          <p class="mb-1 fw-semibold text-white" id="classtrib-salvando-titulo">Salvando…</p>
          <p class="mb-0 text-white-50 text-sm" id="classtrib-salvando-sub">Aguarde, isso pode levar alguns segundos.</p>
        </div>
      </div>
    </div>
  </div>
</div>

@push('css')
<style>
  .classtrib-produto-row--pendente {
    background: rgba(232, 128, 36, 0.08);
  }
  .classtrib-opcao-selecionada {
    background: rgba(232, 128, 36, 0.12) !important;
    border-left: 3px solid var(--app-accent, #e88024);
  }
  .classtrib-salvando {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.72);
    border-radius: inherit;
  }
  .classtrib-salvando.d-none {
    display: none !important;
  }
  .classtrib-salvando__box {
    text-align: center;
    padding: 1.25rem 1.5rem;
    max-width: 22rem;
  }
</style>
@endpush

@push('js')
<script>
(function() {
  var root = document.getElementById('confronto-classtrib');
  if (!root) return;

  var saveUrl = root.getAttribute('data-classtrib-save-url');
  var loteUrl = root.getAttribute('data-classtrib-lote-url');
  var buscarUrl = root.getAttribute('data-classtrib-buscar-url');
  var csrf = root.getAttribute('data-csrf');
  var modalEl = document.getElementById('classtribModal');
  function getModal() {
    if (!modalEl || !window.bootstrap) return null;
    return bootstrap.Modal.getOrCreateInstance(modalEl);
  }
  var listEl = document.getElementById('classtrib-opcoes-list');
  var subtitleEl = document.getElementById('classtrib-modal-subtitle');
  var produtoEl = document.getElementById('classtrib-modal-produto');
  var loteHint = document.getElementById('classtrib-modal-lote-hint');
  var loteQtdEl = document.getElementById('classtrib-lote-qtd');
  var buscaEl = document.getElementById('classtrib-busca');
  var btnSalvar = document.getElementById('classtrib-btn-salvar');
  var btnCancelar = document.getElementById('classtrib-btn-cancelar');
  var btnClose = document.getElementById('classtrib-modal-close');
  var selLabel = document.getElementById('classtrib-selecionado-label');
  var salvandoEl = document.getElementById('classtrib-salvando');
  var salvandoTitulo = document.getElementById('classtrib-salvando-titulo');
  var salvandoSub = document.getElementById('classtrib-salvando-sub');
  var modoAtual = { tipo: 'item', cod: '', codItens: [], cst: '' };
  var selecionado = null;
  var salvando = false;
  var buscaTimer = null;

  function cstAtivoAtual() {
    if (modoAtual.cst) return String(modoAtual.cst);
    var active = document.querySelector('.classtrib-cst-chip.is-active[data-cst-key]');
    return active ? (active.getAttribute('data-cst-key') || '') : '';
  }

  function urlComCst(cst) {
    var u = new URL(window.location.href);
    if (cst) {
      u.searchParams.set('cst', cst);
    } else {
      u.searchParams.delete('cst');
    }
    u.hash = 'confronto-classtrib';
    return u.toString();
  }

  function recarregarPreservandoCst() {
    var next = urlComCst(cstAtivoAtual());
    // replaceState já pode ter deixado a URL igual — forçar reload de verdade.
    if (window.history && window.history.replaceState) {
      window.history.replaceState({}, '', next);
    }
    window.location.reload();
  }

  function atualizarContagemCst(cst, delta) {
    if (!cst) return;
    var chip = document.querySelector('.classtrib-cst-chip[data-cst-key="' + cst + '"]');
    if (!chip) return;
    var qtdEl = chip.querySelector('.classtrib-cst-chip__qtd');
    var qtd = Math.max(0, (parseInt(chip.getAttribute('data-qtd'), 10) || 0) + delta);
    chip.setAttribute('data-qtd', String(qtd));
    if (qtdEl) qtdEl.textContent = String(qtd);

    var panel = document.querySelector('.classtrib-cst-panel[data-cst-panel="' + cst + '"]');
    if (panel) {
      var toolbar = panel.querySelector('.classtrib-cst-toolbar .text-sm');
      if (toolbar) {
        toolbar.innerHTML = '<strong>CST ' + cst + '</strong> · ' + qtd + ' produtos';
      }
      var loteBtn = panel.querySelector('.js-classtrib-grupo-buscar');
      if (loteBtn) {
        loteBtn.setAttribute('data-qtd', String(qtd));
        loteBtn.textContent = 'Classificar os ' + qtd + ' em lote';
        var restantes = [];
        panel.querySelectorAll('.js-classtrib-buscar').forEach(function(b) {
          restantes.push(String(b.getAttribute('data-cod') || ''));
        });
        loteBtn.setAttribute('data-cod-itens', JSON.stringify(restantes));
      }
    }

    if (qtd <= 0) {
      if (chip) chip.remove();
      if (panel) panel.remove();
      selecionarCst('');
    }
  }

  function removerProdutoDaUi(cod, cst) {
    document.querySelectorAll('.js-classtrib-buscar[data-cod]').forEach(function(btn) {
      if (String(btn.getAttribute('data-cod')) !== String(cod)) return;
      var tr = btn.closest('tr');
      if (tr) tr.remove();
    });
    atualizarContagemCst(cst || cstAtivoAtual(), -1);

    var header = document.querySelector('#confronto-classtrib [data-tour="classtrib-csts"] h6');
    if (header) {
      var m = header.textContent.match(/(\d+)\s*produtos/);
      if (m) {
        var total = Math.max(0, parseInt(m[1], 10) - 1);
        header.textContent = header.textContent.replace(/\d+\s*produtos/, total + ' produtos');
      }
    }
  }

  function selecionarCst(key) {
    var vazio = document.getElementById('classtrib-cst-vazio');
    document.querySelectorAll('.classtrib-cst-chip[data-cst-key]').forEach(function(c) {
      var on = key !== '' && c.getAttribute('data-cst-key') === key;
      c.classList.toggle('is-active', on);
      c.setAttribute('aria-pressed', on ? 'true' : 'false');
    });
    document.querySelectorAll('.classtrib-cst-panel').forEach(function(p) {
      p.classList.toggle('d-none', key === '' || p.getAttribute('data-cst-panel') !== key);
    });
    if (vazio) vazio.classList.toggle('d-none', key !== '');
    if (window.history && window.history.replaceState) {
      window.history.replaceState({}, '', urlComCst(key));
    }
  }

  document.querySelectorAll('.classtrib-cst-chip[data-cst-key]').forEach(function(btn) {
    btn.addEventListener('click', function() {
      var key = btn.getAttribute('data-cst-key') || '';
      if (btn.classList.contains('is-active')) {
        selecionarCst('');
        return;
      }
      selecionarCst(key);
    });
  });

  var limparCst = document.getElementById('classtrib-cst-limpar');
  if (limparCst) {
    limparCst.addEventListener('click', function() { selecionarCst(''); });
  }

  document.querySelectorAll('.classtrib-cst-filtro').forEach(function(input) {
    input.addEventListener('input', function() {
      var key = input.getAttribute('data-cst-filter') || '';
      var q = input.value.trim().toLowerCase();
      document.querySelectorAll('.classtrib-cst-row[data-cst-row="' + key + '"]').forEach(function(el) {
        var hay = el.getAttribute('data-search') || '';
        el.style.display = (!q || hay.indexOf(q) !== -1) ? '' : 'none';
      });
    });
  });

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

  function setSelecionado(cod, nome) {
    selecionado = cod || null;
    if (selLabel) {
      selLabel.textContent = selecionado
        ? ('Selecionado: ' + selecionado + (nome ? ' — ' + nome : ''))
        : 'Nenhuma opção selecionada';
    }
    if (btnSalvar) btnSalvar.disabled = !selecionado || salvando;
    if (listEl) {
      listEl.querySelectorAll('.list-group-item').forEach(function(el) {
        el.classList.toggle('classtrib-opcao-selecionada', el.getAttribute('data-cod') === selecionado);
      });
    }
  }

  function setSalvando(on) {
    salvando = !!on;
    if (salvandoEl) salvandoEl.classList.toggle('d-none', !salvando);
    if (btnSalvar) {
      btnSalvar.disabled = salvando || !selecionado;
      btnSalvar.innerHTML = salvando
        ? '<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span> Salvando…'
        : '<i class="fas fa-save me-1"></i> Salvar';
    }
    if (btnCancelar) btnCancelar.disabled = salvando;
    if (btnClose) btnClose.disabled = salvando;
    if (buscaEl) buscaEl.disabled = salvando;
    document.querySelectorAll('.js-classtrib-atalho').forEach(function(b) { b.disabled = salvando; });
    if (modalEl) {
      modalEl.setAttribute('data-bs-backdrop', salvando ? 'static' : 'true');
      modalEl.setAttribute('data-bs-keyboard', salvando ? 'false' : 'true');
    }
  }

  function renderOpcoes(opcoes, emptyMsg) {
    listEl.innerHTML = '';
    if (!opcoes || !opcoes.length) {
      var empty = document.createElement('div');
      empty.className = 'text-sm text-muted p-3';
      empty.textContent = emptyMsg || 'Nenhuma opção. Busque pelo código ou nome na tabela SVRS.';
      listEl.appendChild(empty);
      return;
    }
    opcoes.forEach(function(op) {
      var btn = document.createElement('button');
      btn.type = 'button';
      btn.className = 'list-group-item list-group-item-action text-start py-3';
      btn.setAttribute('data-cod', op.cod_class_trib);
      if (selecionado === op.cod_class_trib) btn.classList.add('classtrib-opcao-selecionada');
      btn.innerHTML = '<strong class="font-monospace fs-6">' + op.cod_class_trib + '</strong>' +
        (op.cst ? ' <span class="text-xs text-muted">CST reforma ' + op.cst + '</span>' : '') +
        '<div class="text-sm mt-1">' + (op.nome_reduzido || '') + '</div>' +
        '<div class="text-xs text-muted mt-1">Redução IBS ' + op.perc_red_ibs + '% · CBS ' + op.perc_red_cbs + '%</div>';
      btn.addEventListener('click', function() {
        if (salvando) return;
        setSelecionado(op.cod_class_trib, op.nome_reduzido || '');
      });
      btn.addEventListener('dblclick', function() {
        if (salvando) return;
        setSelecionado(op.cod_class_trib, op.nome_reduzido || '');
        aplicar(op.cod_class_trib);
      });
      listEl.appendChild(btn);
    });
  }

  function buscarSvrs(q) {
    if (!buscarUrl || q.trim().length < 2) {
      renderOpcoes([], 'Digite ao menos 2 caracteres para buscar na tabela SVRS.');
      return;
    }
    listEl.innerHTML = '<div class="text-sm text-muted p-3">Buscando…</div>';
    fetch(buscarUrl + '?q=' + encodeURIComponent(q), { headers: { 'Accept': 'application/json' } })
      .then(function(r) { return r.json(); })
      .then(function(j) { renderOpcoes(j.opcoes || [], 'Nenhum cClassTrib encontrado.'); })
      .catch(function() { renderOpcoes([], 'Falha ao buscar.'); });
  }

  if (buscaEl) {
    buscaEl.addEventListener('input', function() {
      clearTimeout(buscaTimer);
      buscaTimer = setTimeout(function() { buscarSvrs(buscaEl.value); }, 280);
    });
  }

  function salvarLote(codItens, cClassTrib) {
    var itens = (codItens || []).map(function(c) { return String(c); });
    return fetch(loteUrl, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-CSRF-TOKEN': csrf, 'X-Requested-With': 'XMLHttpRequest' },
      body: JSON.stringify({ cod_itens: itens, c_class_trib: String(cClassTrib) })
    }).then(function(r) { return r.json().then(function(j) { return { ok: r.ok, j: j }; }); });
  }

  function salvarItem(cod, cClassTrib) {
    return fetch(saveUrl, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-CSRF-TOKEN': csrf, 'X-Requested-With': 'XMLHttpRequest' },
      body: JSON.stringify({ cod_item_sped: String(cod), c_class_trib: String(cClassTrib) })
    }).then(function(r) { return r.json().then(function(j) { return { ok: r.ok, j: j }; }); });
  }

  function aplicar(cClassTrib) {
    if (!cClassTrib || salvando) return;
    var qtd = modoAtual.tipo === 'grupo' ? (modoAtual.codItens || []).length : 1;
    if (salvandoTitulo) {
      salvandoTitulo.textContent = qtd > 1
        ? ('Salvando ' + qtd + ' produtos…')
        : 'Salvando classificação…';
    }
    if (salvandoSub) {
      salvandoSub.textContent = qtd > 1
        ? 'Gravando em lote — aguarde, pode levar alguns segundos.'
        : 'Aguarde um instante.';
    }
    setSalvando(true);
    var p = modoAtual.tipo === 'grupo'
      ? salvarLote(modoAtual.codItens, cClassTrib)
      : salvarItem(modoAtual.cod, cClassTrib);
    p.then(function(res) {
      if (!res.ok || !res.j.ok) {
        setSalvando(false);
        var msg = (res.j && (res.j.message || (res.j.errors && Object.values(res.j.errors).flat().join(' ')))) || 'Erro ao salvar.';
        alert(msg);
        return;
      }
      // Item único: atualiza a lista sem reload (mantém CST 040 selecionado).
      if (modoAtual.tipo === 'item') {
        var codSalvo = modoAtual.cod;
        var cstSalvo = modoAtual.cst || cstAtivoAtual();
        setSalvando(false);
        if (getModal()) getModal().hide();
        removerProdutoDaUi(codSalvo, cstSalvo);
        return;
      }
      if (salvandoTitulo) salvandoTitulo.textContent = 'Concluído';
      if (salvandoSub) salvandoSub.textContent = 'Atualizando a tela…';
      recarregarPreservandoCst();
    }).catch(function() {
      setSalvando(false);
      alert('Falha de rede.');
    });
  }

  if (btnSalvar) {
    btnSalvar.addEventListener('click', function() {
      if (!selecionado) return;
      aplicar(selecionado);
    });
  }

  if (modalEl) {
    modalEl.addEventListener('hide.bs.modal', function(ev) {
      if (salvando) ev.preventDefault();
    });
  }

  function resetBusca(opcoesIniciais) {
    setSelecionado(null);
    setSalvando(false);
    if (buscaEl) buscaEl.value = '';
    if (opcoesIniciais && opcoesIniciais.length) {
      renderOpcoes(opcoesIniciais);
      return;
    }
    if (buscaEl) buscaEl.value = '000';
    buscarSvrs('000');
  }

  function abrirModalItem(nome, cod, cst, opcoes) {
    modoAtual = { tipo: 'item', cod: cod, codItens: [], cst: cst || cstAtivoAtual() };
    produtoEl.textContent = nome;
    subtitleEl.textContent = 'Código ' + cod + (cst
      ? ' · CST SPED ' + cst + ' (ICMS) — sem match automático; use as sugestões ou busque abaixo'
      : '');
    if (loteHint) loteHint.style.display = 'none';
    var hint = document.getElementById('classtrib-modal-hint');
    if (hint) {
      hint.innerHTML = (!opcoes || !opcoes.length)
        ? 'Sem opção automática. Abaixo: <strong>CST reforma 000</strong>. Selecione uma linha e clique em <strong>Salvar</strong>.'
        : 'Selecione <strong>uma</strong> opção e clique em <strong>Salvar</strong>.';
    }
    resetBusca(opcoes);
    if (getModal()) getModal().show();
    setTimeout(function() { if (buscaEl) buscaEl.focus(); }, 200);
  }

  document.querySelectorAll('.js-classtrib-atalho').forEach(function(btn) {
    btn.addEventListener('click', function() {
      var q = btn.getAttribute('data-q') || '';
      if (buscaEl) buscaEl.value = q;
      buscarSvrs(q);
    });
  });

  document.querySelectorAll('.js-classtrib-item-aplicar').forEach(function(btn) {
    btn.addEventListener('click', function() {
      var cod = btn.getAttribute('data-cod');
      var nome = btn.getAttribute('data-nome');
      var cct = btn.getAttribute('data-c-class-trib');
      if (!confirm('Confirmar classificação ' + cct + ' para "' + nome + '" (cód. ' + cod + ')?')) return;
      modoAtual = { tipo: 'item', cod: cod, codItens: [], cst: cstAtivoAtual() };
      aplicar(cct);
    });
  });

  document.querySelectorAll('.js-classtrib-escolher').forEach(function(btn) {
    btn.addEventListener('click', function() {
      var opcoes = JSON.parse(btn.getAttribute('data-opcoes') || '[]');
      abrirModalItem(
        btn.getAttribute('data-nome') || btn.getAttribute('data-cod'),
        btn.getAttribute('data-cod'),
        btn.getAttribute('data-cst') || '',
        opcoes
      );
    });
  });

  document.querySelectorAll('.js-classtrib-buscar').forEach(function(btn) {
    btn.addEventListener('click', function() {
      abrirModalItem(
        btn.getAttribute('data-nome') || btn.getAttribute('data-cod'),
        btn.getAttribute('data-cod'),
        btn.getAttribute('data-cst') || '',
        []
      );
    });
  });

  document.querySelectorAll('.js-classtrib-grupo-aplicar').forEach(function(btn) {
    btn.addEventListener('click', function() {
      var codItens = JSON.parse(btn.getAttribute('data-cod-itens') || '[]').map(String);
      var cct = btn.getAttribute('data-c-class-trib');
      if (!confirm('Aplicar ' + cct + ' a ' + codItens.length + ' produtos de uma vez?')) return;
      modoAtual = { tipo: 'grupo', cod: '', codItens: codItens, cst: cstAtivoAtual() };
      aplicar(cct);
    });
  });

  document.querySelectorAll('.js-classtrib-grupo-escolher, .js-classtrib-grupo-buscar').forEach(function(btn) {
    btn.addEventListener('click', function() {
      modoAtual = {
        tipo: 'grupo',
        cod: '',
        codItens: JSON.parse(btn.getAttribute('data-cod-itens') || '[]').map(String),
        cst: (btn.getAttribute('data-cst-label') || '').replace(/\D/g, '') || cstAtivoAtual()
      };
      var opcoes = JSON.parse(btn.getAttribute('data-opcoes') || '[]');
      produtoEl.textContent = (btn.getAttribute('data-cst-label') || 'CST') + ' (lote)';
      subtitleEl.textContent = 'A classificação será aplicada aos ' + (btn.getAttribute('data-qtd') || modoAtual.codItens.length) + ' produtos deste CST.';
      if (loteHint) {
        loteHint.style.display = '';
        loteQtdEl.textContent = btn.getAttribute('data-qtd');
      }
      var hint = document.getElementById('classtrib-modal-hint');
      if (hint) {
        hint.innerHTML = (!opcoes || !opcoes.length)
          ? 'Modo lote. Selecione o cClassTrib e clique em <strong>Salvar</strong> — vale para todos os produtos do grupo.'
          : 'Selecione <strong>uma</strong> opção e clique em <strong>Salvar</strong> para aplicar em lote.';
      }
      resetBusca(opcoes);
      if (getModal()) getModal().show();
    });
  });
})();
</script>
@endpush
@endif