@php
  $painel = $confrontoPainel ?? [];
  $pendencias = $painel['pendencias'] ?? collect();
  $cadastro = $painel['cadastro_resumo'] ?? [];
  $grupo = $painel['grupo_resumo'] ?? [];
  $semCadastro = $painel['sem_cadastro'] ?? [];
  $unidadesDiv = $painel['unidades_divergentes'] ?? [];
  $ncmSemPreencher = $painel['ncm_sem_preencher'] ?? [];
  $ncmCorrecoes = $painel['ncm_correcoes'] ?? [];
  $porRegra = $painel['pendencias_por_regra'] ?? collect();
  $pront = $painel['prontidao'] ?? ($prontidao ?? null);
  $regraLabels = \App\Services\ConfrontoRegrasCatalog::labels();
  $fmtNcm = function (?string $ncm) {
    $d = preg_replace('/\D/', '', (string) $ncm);
    if (strlen($d) === 8) {
      return substr($d, 0, 4) . '.' . substr($d, 4, 2) . '.' . substr($d, 6, 2);
    }
    return $ncm ?: '—';
  };
@endphp

@include('admin.simulacoes._confronto_fluxo', [
  'sim' => $sim,
  'pendencias' => $pendencias,
  'fluxoPosImport' => $fluxoPosImport ?? false,
  'dashboardUrl' => $dashboardUrl ?? null,
])

<div class="app-page-header mb-4">
  <div>
    <h2 class="h5 mb-1">Confronto Produto / Cadastro</h2>
    <p class="app-page-subtitle mb-0">
      Identifique o que impede simular, corrija cadastros e acompanhe a prontidão desta análise.
    </p>
  </div>
  <div class="app-page-actions d-flex gap-2 flex-wrap">
    <form method="POST" action="{{ route('admin.simulacoes.confronto.recalcular', $sim->idsimulacao) }}">
      @csrf
      <button type="submit" class="btn btn-app-primary btn-sm" data-tour="confronto-recalcular">
        <i class="fas fa-sync-alt me-1"></i> Recalcular confronto
      </button>
    </form>
    @if($sim->idpessoa)
      <a href="{{ route('admin.clientes.pendencias', $sim->idpessoa) }}" class="btn btn-outline-dark btn-sm">
        <i class="fas fa-list me-1"></i> Painel global
      </a>
    @endif
  </div>
</div>

@if($pront)
  <div class="alert {{ $pront->badgeClass() }} bg-opacity-10 border mb-4" data-tour="confronto-prontidao">
    <div class="d-flex justify-content-between flex-wrap gap-2 align-items-center">
      <div>
        <strong>Prontidão para simular:</strong>
        @include('components.prontidao-badge', ['prontidao' => $pront])
        <span class="text-xs text-muted ms-2">
          {{ $pront->pendencias_bloqueantes }} bloqueante(s) · {{ $pront->pendencias_ressalva }} ressalva(s)
        </span>
      </div>
      @if(($pront->criterios_json['pct_vinculado'] ?? null) !== null)
        <span class="text-xs"></span>
      @endif
    </div>
  </div>
@endif

<div class="row g-3 mb-4" data-tour="confronto-resumo">
  <div class="col-md-4">
    <div class="app-card h-100 p-3">
      <div class="text-xs text-muted text-uppercase mb-1">Cadastro SPED × interno</div>
      <div class="h4 mb-0">{{ $cadastro['pct_vinculado'] ?? 0 }}%</div>
      <div class="text-xs text-muted">
        {{ $cadastro['com_cadastro'] ?? 0 }} de {{ $cadastro['total_sped'] ?? 0 }} códigos vinculados
        @if(($cadastro['sem_cadastro'] ?? 0) > 0)
          · <span class="text-warning">{{ $cadastro['sem_cadastro'] }} pendente(s)</span>
        @endif
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="app-card h-100 p-3">
      <div class="text-xs text-muted text-uppercase mb-1">Grupos de-para</div>
      <div class="h4 mb-0">
        @if(($grupo['total'] ?? 0) > 0)
          {{ round(100 * ($grupo['com_grupo'] ?? 0) / max(1, $grupo['total']), 0) }}%
        @else
          —
        @endif
      </div>
      <div class="text-xs text-muted">
        {{ $grupo['com_grupo'] ?? 0 }} com grupo · {{ $grupo['sem_grupo'] ?? 0 }} sem grupo
        @if(($grupo['sem_grupo'] ?? 0) > 0)
          · <a href="{{ route('admin.simulacoes.edit', ['idsimulacao' => $sim->idsimulacao, 'tab' => 'depara']) }}">Configurar de-para</a>
        @endif
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="app-card h-100 p-3">
      <div class="text-xs text-muted text-uppercase mb-1">Pendências abertas</div>
      <div class="h4 mb-0">{{ $pendencias->count() }}</div>
      <div class="text-xs text-muted">
        @forelse($porRegra->take(3) as $cod => $qtd)
          {{ $regraLabels[$cod] ?? $cod }} ({{ $qtd }})@if(!$loop->last), @endif
        @empty
          Nenhuma pendência ativa
        @endforelse
      </div>
    </div>
  </div>
</div>

<div class="app-card mb-4" data-tour="confronto-pendencias">
  <div class="card-header bg-transparent d-flex justify-content-between align-items-center">
    <h6 class="mb-0"><i class="fas fa-tasks me-1"></i> Backlog de pendências</h6>
    <span class="badge bg-secondary">{{ $pendencias->count() }} ativa(s)</span>
  </div>
  <div class="card-body p-0">
    @include('admin.pendencias._tabela', [
      'pendencias' => $pendencias,
      'sim' => $sim,
      'hideCliente' => true,
      'contextoSimulacao' => true,
    ])
  </div>
</div>

@if(count($ncmSemPreencher) > 0 || count($ncmCorrecoes) > 0)
@push('css')
<style>
  #ncm-pendencias-table .ncm-sel-col {
    width: 3.25rem;
    text-align: center;
    vertical-align: middle;
  }
  #ncm-pendencias-table .ncm-sel-col-label {
    font-size: 0.65rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
    line-height: 1;
  }
  #ncm-pendencias-table .ncm-table-check {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
    border: 2px solid #64748b;
    border-radius: 0.25rem;
    background-color: #fff;
    cursor: pointer;
    vertical-align: middle;
    transition: border-color 0.15s, background-color 0.15s, box-shadow 0.15s;
  }
  #ncm-pendencias-table .ncm-table-check:hover {
    border-color: #334155;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
  }
  #ncm-pendencias-table .ncm-table-check:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25);
  }
  #ncm-pendencias-table .ncm-table-check:checked {
    background-color: #2563eb;
    border-color: #2563eb;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 0.85rem;
    background-position: center;
    background-repeat: no-repeat;
  }
  #ncm-pendencias-table .ncm-table-check:indeterminate {
    background-color: #2563eb;
    border-color: #2563eb;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath d='M4 10a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z'/%3E%3C/svg%3E");
    background-size: 0.85rem;
    background-position: center;
    background-repeat: no-repeat;
  }
  #ncm-pendencias-table td.ncm-sel-col {
    text-align: center;
    vertical-align: middle;
    background-color: #f8fafc;
  }
  #ncm-pendencias-table thead .ncm-sel-col {
    background-color: #f1f5f9;
  }
</style>
@endpush
  <div class="app-card mb-4" id="confronto-ncm" data-tour="confronto-ncm"
       data-ncm-save-url="{{ route('admin.simulacoes.confronto.correcao-ncm', $sim->idsimulacao) }}"
       data-ncm-lote-url="{{ route('admin.simulacoes.confronto.correcao-ncm.lote', $sim->idsimulacao) }}"
       data-csrf="{{ csrf_token() }}">
    <div class="card-header bg-transparent">
      <h6 class="mb-0"><i class="fas fa-barcode me-1"></i> Correção interna de NCM</h6>
      <p class="text-xs text-muted mb-0 mt-1">
        Marque os produtos, informe o NCM e clique em <strong>Aplicar</strong> — ou digite/cole o NCM direto na linha (salva automaticamente).
        Quando terminar, clique em <strong>Recalcular confronto</strong> no topo para atualizar simulações e projeções.
        A correção vale para <strong>todo o cliente</strong>
        (todas as simulações, meses e projeções 2026–2033) — o arquivo SPED original não é alterado.
      </p>
    </div>
  @if(count($ncmSemPreencher) > 0)
    <div class="card-body border-bottom py-3" id="ncm-lote-toolbar">
      <div class="row g-2 align-items-end">
        <div class="col-lg-4">
          <label class="text-xs text-muted mb-1">Buscar na lista</label>
          <input type="search" class="form-control form-control-sm" id="ncm-filtro" placeholder="Código ou descrição…">
        </div>
        <div class="col-lg-8">
          <form method="POST" action="{{ route('admin.simulacoes.confronto.correcao-ncm.lote', $sim->idsimulacao) }}" id="ncm-lote-form" class="row g-2 align-items-end">
            @csrf
            <div id="ncm-lote-hidden-codigos"></div>
            <div class="col-md-4">
              <label class="text-xs text-muted mb-1">NCM para selecionados</label>
              <input type="text" name="ncm" class="form-control form-control-sm font-monospace js-ncm-mask" placeholder="0000.00.00" required>
            </div>
            <div class="col-md-8 d-flex gap-2 flex-wrap align-items-end">
              <button type="submit" class="btn btn-sm btn-app-primary" id="ncm-lote-submit" disabled>
                <span class="ncm-lote-btn-label">Aplicar NCM aos <span id="ncm-sel-count">0</span> selecionados</span>
              </button>
              <button type="button" class="btn btn-sm btn-outline-secondary" id="ncm-sel-visiveis" title="Marca só os itens visíveis após filtro">
                Selecionar visíveis
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
    <div class="table-responsive">
      <table class="table app-table mb-0" id="ncm-pendencias-table">
        <thead>
          <tr>
            <th class="ncm-sel-col">
              <span class="ncm-sel-col-label d-block mb-1">Sel.</span>
              <input type="checkbox" class="ncm-table-check" id="ncm-check-all" title="Selecionar todos">
            </th>
            <th>Código SPED</th>
            <th>Descrição</th>
            <th>Reg.</th>
            <th class="text-end" title="Ordenado do maior para o menor">Valor total <i class="fas fa-sort-amount-down text-muted ms-1" style="font-size:.65rem"></i></th>
            <th class="text-end">Volume total</th>
            <th class="text-end">Preço médio unit.</th>
            <th>NCM <span class="text-danger" title="Obrigatório">*</span></th>
          </tr>
        </thead>
        <tbody>
          @foreach($ncmSemPreencher as $item)
            <tr class="ncm-pend-row" data-cod="{{ $item['cod_item'] }}" data-search="{{ strtolower($item['cod_item'].' '.($item['descr_item'] ?? '')) }}">
              <td class="ncm-sel-col">
                <input type="checkbox" class="ncm-table-check ncm-row-check" value="{{ $item['cod_item'] }}" aria-label="Selecionar {{ $item['cod_item'] }}">
              </td>
              <td class="text-xs font-monospace">{{ $item['cod_item'] }}</td>
              <td class="text-xs">{{ Str::limit($item['descr_item'] ?? '', 50) }}</td>
              <td class="text-xs">{{ $item['reg'] ?? '—' }}</td>
              <td class="text-xs text-end font-monospace">
                R$ {{ number_format((float) ($item['valor_total'] ?? 0), 2, ',', '.') }}
              </td>
              <td class="text-xs text-end">
                @if(!empty($item['volume_total']))
                  {{ number_format((float) $item['volume_total'], 2, ',', '.') }}
                  <span class="text-muted">{{ $item['unidade'] ?? '' }}</span>
                @else
                  <span class="text-muted">—</span>
                @endif
              </td>
              <td class="text-xs text-end font-monospace">
                @if(!empty($item['preco_medio']))
                  R$ {{ number_format((float) $item['preco_medio'], 2, ',', '.') }}
                @else
                  <span class="text-muted">—</span>
                @endif
              </td>
              <td>
                <div class="d-flex align-items-center gap-2">
                  <input type="text"
                         class="form-control form-control-sm font-monospace js-ncm-mask js-ncm-row-input"
                         data-cod-item="{{ $item['cod_item'] }}"
                         aria-required="true"
                         title="NCM com 8 dígitos — salva ao completar">
                  <span class="ncm-row-status text-xs text-muted" aria-live="polite"></span>
                </div>
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  @else
    <div class="card-body py-3">
      <p class="text-xs text-muted mb-0">Nenhum produto pendente de NCM.</p>
    </div>
  @endif
  @if(count($ncmCorrecoes) > 0)
    <div class="card-header bg-transparent border-top">
      <h6 class="mb-0 text-sm">Correções salvas para este cliente</h6>
    </div>
    <div class="table-responsive">
      <table class="table app-table mb-0">
        <thead>
          <tr>
            <th>Código</th>
            <th>Descrição</th>
            <th>NCM</th>
            <th>Observação</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          @foreach($ncmCorrecoes as $c)
            <tr>
              <td class="text-xs font-monospace">{{ $c['cod_item'] }}</td>
              <td class="text-xs">{{ Str::limit($c['descr_item'] ?? '', 50) }}</td>
              <td class="text-xs font-monospace">{{ $fmtNcm($c['ncm'] ?? '') }}</td>
              <td class="text-xs text-muted">{{ Str::limit($c['observacao'] ?? '', 40) }}</td>
              <td>
                <form method="POST" action="{{ route('admin.simulacoes.confronto.correcao-ncm.remover', $sim->idsimulacao) }}" class="d-inline" onsubmit="return confirm('Remover correção de NCM deste código?');">
                  @csrf
                  <input type="hidden" name="cod_item_sped" value="{{ $c['cod_item'] }}">
                  <button type="submit" class="btn btn-link btn-sm p-0 text-danger">Remover</button>
                </form>
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  @endif
  </div>
@endif

@if(count($semCadastro) > 0)
  <div class="app-card mb-4" id="confronto-acoes" data-tour="confronto-vincular">
    <div class="card-header bg-transparent">
      <h6 class="mb-0"><i class="fas fa-link me-1"></i> Vincular produtos SPED ao cadastro</h6>
      <p class="text-xs text-muted mb-0 mt-1">Itens do SPED sem código vinculado no cadastro interno do cliente.</p>
    </div>
    <div class="table-responsive">
      <table class="table app-table mb-0">
        <thead>
          <tr>
            <th>Código SPED</th>
            <th>Descrição</th>
            <th>NCM</th>
            <th>Ação</th>
          </tr>
        </thead>
        <tbody>
          @foreach($semCadastro as $item)
            <tr>
              <td class="text-xs font-monospace">{{ $item['cod_item'] }}</td>
              <td class="text-xs">{{ Str::limit($item['descr_item'] ?? '', 60) }}</td>
              <td class="text-xs">{{ $item['ncm'] ?? '—' }}</td>
              <td>
                @if(!empty($item['sugestao']))
                  <form method="POST" action="{{ route('admin.simulacoes.confronto.vincular', $sim->idsimulacao) }}" class="d-inline">
                    @csrf
                    <input type="hidden" name="idprodserv" value="{{ $item['sugestao']['idprodserv'] }}">
                    <input type="hidden" name="cod_item_sped" value="{{ $item['cod_item'] }}">
                    <input type="hidden" name="ncm" value="{{ $item['ncm'] ?? '' }}">
                    <button type="submit" class="btn btn-sm btn-outline-primary" title="Vincular a {{ $item['sugestao']['nome'] }}">
                      Vincular a «{{ Str::limit($item['sugestao']['nome'], 25) }}»
                    </button>
                  </form>
                @endif
                <form method="POST" action="{{ route('admin.simulacoes.confronto.criar-produto', $sim->idsimulacao) }}" class="d-inline">
                  @csrf
                  <input type="hidden" name="cod_item_sped" value="{{ $item['cod_item'] }}">
                  <input type="hidden" name="idimport" value="{{ $item['idimport'] }}">
                  <button type="submit" class="btn btn-sm btn-app-primary">
                    Criar cadastro
                  </button>
                </form>
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
@endif

@if(count($unidadesDiv) > 0)
  @php
    $unidadesDivValorTotal = array_sum(array_column($unidadesDiv, 'valor_total'));
    $unidadesDivPendentes = collect($unidadesDiv)->filter(fn ($u) => empty($u['conversoes']))->count();
  @endphp
  <div class="app-card mb-4" id="confronto-unidades" data-tour="confronto-unidades">
    <div class="card-header bg-transparent">
      <h6 class="mb-0"><i class="fas fa-balance-scale me-1"></i> Conversões de unidade</h6>
      <p class="text-xs text-muted mb-0 mt-1">
        No SPED o campo <code>unid</code> pode trazer <strong>sigla de medida</strong> (<code>KG</code>, <code>UN</code>, <code>BAG</code>, <code>SC</code>…)
        ou <strong>código de apresentação/embalagem</strong> (<code>50M</code>, <code>200K</code>, <code>SC40</code>).
        Escolha a <strong>unidade padrão</strong> (sempre uma sigla) e converta cada código do SPED para ela:
        <strong>1 KG = 50 × 50M</strong> — ou seja, <em>1 unidade padrão = quantas da outra</em>.
      </p>
    </div>
    <div class="card-body border-bottom py-3">
      <div class="row g-3">
        <div class="col-md-4">
          <div class="text-xs text-muted text-uppercase mb-1">Produtos com unidade divergente</div>
          <div class="h4 mb-0">{{ count($unidadesDiv) }}</div>
          <div class="text-xs text-muted">{{ $unidadesDivPendentes }} sem conversão cadastrada</div>
        </div>
        <div class="col-md-4">
          <div class="text-xs text-muted text-uppercase mb-1">Valor movimentado (todos)</div>
          <div class="h4 mb-0 font-monospace">R$ {{ number_format($unidadesDivValorTotal, 2, ',', '.') }}</div>
          <div class="text-xs text-muted">Soma das linhas SPED destes códigos</div>
        </div>
        <div class="col-md-4">
          <div class="text-xs text-muted text-uppercase mb-1">O que fazer</div>
          <p class="text-xs text-muted mb-0">
            1. Veja siglas e códigos de apresentação usados no SPED.<br>
            2. Defina a <strong>unidade padrão</strong> (sigla: KG, UN, BAG…).<br>
            3. Para cada outro código, informe: <strong>1 padrão = ? outro</strong> (ex.: 1 KG = 50 × 50M).
          </p>
        </div>
      </div>
    </div>
    <div class="card-body pt-0">
      @foreach($unidadesDiv as $ud)
        @php
          $metricas = $ud['metricas_unidade'] ?? [];
          $unidadesLista = $ud['unidades'] ?? [];
          $siglasLista = $ud['siglas_disponiveis'] ?? ['UN', 'KG'];
          $padrao = $ud['unidade_padrao'] ?? ($siglasLista[0] ?? 'UN');
          $convMap = $ud['conversoes_por_origem'] ?? [];
          $metricasPorUnid = collect($metricas)->keyBy(fn ($m) => strtoupper($m['unid']));
        @endphp
        <div class="conv-produto border rounded mb-3 p-3 bg-white"
             data-cod="{{ $ud['cod_item'] }}"
             data-metricas='@json($metricas)'
             data-conversoes='@json($convMap)'>
          <div class="d-flex flex-wrap justify-content-between align-items-start gap-2 mb-3">
            <div>
              <div class="font-monospace fw-semibold">{{ $ud['cod_item'] }}</div>
              <div class="text-xs text-muted">{{ $ud['descr_item'] ?? '—' }}</div>
            </div>
            <div class="text-end">
              <div class="text-xs text-muted">Valor total no SPED</div>
              <div class="font-monospace fw-semibold">R$ {{ number_format((float) ($ud['valor_total'] ?? 0), 2, ',', '.') }}</div>
            </div>
          </div>

          <div class="text-xs text-muted text-uppercase mb-1">Códigos no SPED (sigla × apresentação)</div>
          @if(!empty($ud['unid_inv']))
            <div class="text-xs text-muted mb-2">Unidade de inventário no cadastro 0200: <span class="badge bg-light text-dark border font-monospace">{{ $ud['unid_inv'] }}</span></div>
          @endif
          <div class="table-responsive mb-3">
            <table class="table table-sm app-table mb-0 conv-units-table">
              <thead>
                <tr>
                  <th>Sigla</th>
                  <th>Cód. SPED</th>
                  <th class="text-end">Volume</th>
                  <th class="text-end">Valor</th>
                  <th class="text-end">Preço médio</th>
                </tr>
              </thead>
              <tbody>
                @foreach($metricas as $mu)
                  @php
                    $ehSigla = ($mu['tipo'] ?? '') === 'sigla';
                  @endphp
                  <tr data-unid="{{ $mu['unid'] }}" data-tipo="{{ $mu['tipo'] ?? '' }}">
                    <td class="font-monospace fw-semibold">
                      @if($ehSigla)
                        {{ strtoupper($mu['unid']) }}
                      @else
                        <span class="text-muted">—</span>
                      @endif
                    </td>
                    <td class="font-monospace">
                      @if($ehSigla)
                        <span class="text-muted">{{ $mu['unid'] }}</span>
                      @else
                        {{ $mu['unid'] }}
                        <span class="badge bg-warning bg-opacity-10 text-warning border border-warning text-xxs ms-1">apresentação</span>
                      @endif
                    </td>
                    <td class="text-end font-monospace">
                      @if(!empty($mu['volume']))
                        {{ number_format((float) $mu['volume'], 2, ',', '.') }}
                      @else — @endif
                    </td>
                    <td class="text-end font-monospace">R$ {{ number_format((float) ($mu['valor'] ?? 0), 2, ',', '.') }}</td>
                    <td class="text-end font-monospace text-muted">
                      @if(!empty($mu['preco_medio']))
                        R$ {{ number_format((float) $mu['preco_medio'], 2, ',', '.') }}
                      @else — @endif
                    </td>
                  </tr>
                @endforeach
              </tbody>
            </table>
          </div>

          <div class="row g-3">
            <div class="col-lg-4">
              <label class="text-xs fw-semibold mb-1">Unidade padrão (sigla)</label>
              <select class="form-select form-select-sm font-monospace conv-padrao-select">
                @foreach($siglasLista as $un)
                  <option value="{{ $un }}" @selected(strtoupper($un) === strtoupper($padrao))>{{ strtoupper($un) }}</option>
                @endforeach
              </select>
              <div class="text-xs text-muted mt-1">Sigla única (UN, KG, BAG, SC…) para consolidar volumes e simulações.</div>
              @if(!empty($ud['conversoes']))
                <div class="mt-2">
                  @foreach($ud['conversoes'] as $c)
                    <span class="badge bg-success bg-opacity-10 text-success border border-success font-monospace me-1 mb-1">
                      1 {{ $c['para'] }} = {{ rtrim(rtrim(number_format((float) $c['fator'], 4, ',', '.'), '0'), ',') }} {{ $c['de'] }}
                    </span>
                  @endforeach
                </div>
              @endif
            </div>
            <div class="col-lg-8">
              <label class="text-xs fw-semibold mb-1">Conversões para a unidade padrão</label>
              <div class="conv-linhas d-flex flex-column gap-2">
                @foreach($unidadesLista as $un)
                  @php
                    $mu = $metricasPorUnid->get(strtoupper($un));
                    $mPad = $metricasPorUnid->get(strtoupper($padrao));
                    $fatorVal = $convMap[strtoupper($un)] ?? null;
                    if ($fatorVal === null && $mu && $mPad && strtoupper($un) !== strtoupper($padrao) && ($mPad['volume'] ?? 0) > 0 && ($mu['volume'] ?? 0) > 0) {
                        $fatorVal = round($mu['volume'] / $mPad['volume'], 4);
                    }
                    $ehPadrao = strtoupper($un) === strtoupper($padrao);
                    $ehApresentacao = ($mu['tipo'] ?? '') === 'apresentacao';
                  @endphp
                  <form method="POST" action="{{ route('admin.simulacoes.confronto.conversao', $sim->idsimulacao) }}"
                        class="conv-linha-form flex-wrap align-items-center gap-2 p-2 rounded border bg-light {{ $ehPadrao ? 'd-none' : 'd-flex' }}"
                        data-unidade-outra="{{ $un }}"
                        data-tipo="{{ $mu['tipo'] ?? '' }}">
                    @csrf
                    <input type="hidden" name="cod_item_sped" value="{{ $ud['cod_item'] }}">
                    <input type="hidden" name="unidade_origem" value="{{ $un }}" class="conv-origem-input">
                    <input type="hidden" name="unidade_destino" value="{{ $padrao }}" class="conv-destino-input">
                    <span class="text-sm fw-semibold">1</span>
                    <span class="badge bg-primary conv-padrao-badge font-monospace">{{ strtoupper($padrao) }}</span>
                    <span class="text-sm">=</span>
                    <input type="number"
                           name="fator"
                           step="0.000001"
                           min="0.000001"
                           value="{{ $fatorVal }}"
                           placeholder="?"
                           class="form-control form-control-sm font-monospace conv-fator-input"
                           style="width:6rem"
                           required>
                    <span class="badge bg-light text-dark border font-monospace conv-outra-badge">{{ $un }}</span>
                    @if($ehApresentacao)
                      <span class="badge bg-warning bg-opacity-10 text-warning border border-warning text-xxs">apresentação</span>
                    @endif
                    @if($mu && $mPad && ($mPad['volume'] ?? 0) > 0 && ($mu['volume'] ?? 0) > 0)
                      <span class="text-xs text-muted conv-sugestao">
                        SPED: {{ number_format((float) $mu['volume'], 0, ',', '.') }} ÷ {{ number_format((float) $mPad['volume'], 0, ',', '.') }}
                      </span>
                    @endif
                    <button type="submit" class="btn btn-sm btn-app-primary ms-auto">Salvar</button>
                  </form>
                @endforeach
              </div>
            </div>
          </div>
        </div>
      @endforeach
    </div>
  </div>
@endif

<div class="app-card border-0 bg-light">
  <div class="card-body py-3">
    <h6 class="text-sm mb-2">Como usar este painel</h6>
    <ul class="text-xs text-muted mb-0 ps-3">
      <li><strong>Recalcular</strong> reprocessa todas as regras após correções no cadastro ou SPED.</li>
      <li><strong>Vincular / Criar cadastro</strong> resolve pendências de produto SPED sem cadastro interno.</li>
      <li><strong>Correção de NCM</strong> informa NCM ausente no SPED sem alterar o arquivo original do cliente.</li>
      <li><strong>Conversões</strong> — escolha a sigla padrão (KG, UN, BAG…) e cadastre <em>1 padrão = X código SPED</em> (ex.: 1 KG = 50 × 50M).</li>
      <li>Pendências de <strong>origem</strong> e <strong>grupo de-para</strong> são tratadas nas abas Reforma e De-para.</li>
      <li>Marque pendências como resolvidas ou em revisão quando a correção for aceita com ressalva documentada.</li>
    </ul>
  </div>
</div>

@include('admin.simulacoes._ncm_mask')

@push('js')
<script>
(function() {
  function metricasMap(card) {
    var raw = card.getAttribute('data-metricas');
    var list = raw ? JSON.parse(raw) : [];
    var map = {};
    list.forEach(function(m) { map[String(m.unid).toUpperCase()] = m; });
    return map;
  }

  function sugerirFator(map, padrao, outra) {
    var mp = map[String(padrao).toUpperCase()];
    var mo = map[String(outra).toUpperCase()];
    if (!mp || !mo || !(mp.volume > 0) || !(mo.volume > 0)) return '';
    return Math.round((mo.volume / mp.volume) * 10000) / 10000;
  }

  function rebuildLinhas(card) {
    var padrao = card.querySelector('.conv-padrao-select').value;
    var map = metricasMap(card);
    var convRaw = card.getAttribute('data-conversoes');
    var conv = convRaw ? JSON.parse(convRaw) : {};
    var wrap = card.querySelector('.conv-linhas');
    if (!wrap) return;

    wrap.querySelectorAll('.conv-linha-form').forEach(function(form) {
      var outra = form.getAttribute('data-unidade-outra');
      if (String(outra).toUpperCase() === String(padrao).toUpperCase()) {
        form.classList.add('d-none');
        form.classList.remove('d-flex');
        return;
      }
      form.classList.remove('d-none');
      form.classList.add('d-flex');

      form.querySelector('.conv-origem-input').value = outra;
      form.querySelector('.conv-destino-input').value = padrao;
      form.querySelector('.conv-padrao-badge').textContent = padrao;

      var fatorInput = form.querySelector('.conv-fator-input');
      var saved = conv[String(outra).toUpperCase()];
      var sug = sugerirFator(map, padrao, outra);
      if (saved) {
        fatorInput.value = saved;
      } else if (sug !== '') {
        fatorInput.value = sug;
      }

      var sugEl = form.querySelector('.conv-sugestao');
      if (sugEl && sug !== '') {
        var mo = map[String(outra).toUpperCase()];
        var mp = map[String(padrao).toUpperCase()];
        sugEl.textContent = 'SPED: ' + Math.round(mo.volume).toLocaleString('pt-BR') +
          ' ÷ ' + Math.round(mp.volume).toLocaleString('pt-BR');
        sugEl.style.display = '';
      } else if (sugEl) {
        sugEl.style.display = 'none';
      }
    });

    card.querySelectorAll('.conv-units-table tbody tr').forEach(function(tr) {
      var u = tr.getAttribute('data-unid');
      var tipo = tr.getAttribute('data-tipo');
      var ehPadrao = String(u).toUpperCase() === String(padrao).toUpperCase();
      tr.classList.toggle('table-primary', ehPadrao || (tipo === 'sigla' && String(u).toUpperCase() === String(padrao).toUpperCase()));
    });
  }

  document.querySelectorAll('.conv-produto').forEach(function(card) {
    var sel = card.querySelector('.conv-padrao-select');
    if (!sel) return;
    sel.addEventListener('change', function() { rebuildLinhas(card); });
    rebuildLinhas(card);
  });
})();
</script>
@endpush