@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 class="conv-tour-demo mt-3 p-2 rounded border" data-tour="conv-demo-formula" aria-hidden="true">
        <div class="text-xxs text-muted text-uppercase mb-1">Exemplo animado</div>
        <div class="d-flex flex-wrap align-items-center gap-2 conv-tour-demo__row">
          <span class="text-sm fw-semibold">1</span>
          <span class="badge bg-primary font-monospace">KG</span>
          <span class="text-sm">=</span>
          <span class="conv-tour-demo__fator font-monospace" id="conv-tour-demo-fator">50</span>
          <span class="badge bg-light text-dark border font-monospace">50M</span>
          <span class="badge bg-warning bg-opacity-10 text-warning border border-warning text-xxs">apresentação</span>
          <span class="btn btn-sm btn-app-primary disabled opacity-75">Salvar</span>
        </div>
        <div class="text-xs text-muted mt-1 mb-0">
          Leia: <em>1 kg padrão equivale a 50 unidades do código 50M</em>. No seu produto, troque KG/50M pelos códigos da linha e clique <strong>Salvar</strong> em cada uma.
        </div>
      </div>
    </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)'
             @if($loop->first) data-tour="conv-produto-demo" @endif>
          <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 @if($loop->first) conv-tour-table-wrap @endif"
               @if($loop->first) data-tour="conv-tabela-sped" @endif>
            <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" data-tour="conv-padrao">
              <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" data-tour="conv-linhas">
              <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">
                @php $marcouTourFator = false; @endphp
                @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';
                    $tourFator = $loop->parent->first && !$ehPadrao && !$marcouTourFator;
                    if ($tourFator) {
                        $marcouTourFator = true;
                    }
                  @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'] ?? '' }}"
                        @if($tourFator) data-tour="conv-fator-linha" @endif>
                    @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

@if(count($semCadastro) === 0 && count($unidadesDiv) === 0)
  <div class="app-card mb-4">
    <div class="card-body py-4 text-center text-muted text-sm">
      <i class="fas fa-check-circle text-success fa-2x mb-2"></i>
      <p class="mb-0">Nenhuma pendência de cadastro ou unidade nesta simulação.</p>
    </div>
  </div>
@endif