@php
  $dc = $relatorio['debito_credito'] ?? ['debito_valor'=>0,'debito_linhas'=>0,'credito_valor'=>0,'credito_linhas'=>0];
  $dcSemanal = $relatorio['debito_credito_semanal'] ?? [];
  $porCfop = $relatorio['por_cfop'] ?? collect();
  $porNatOper = $relatorio['por_nat_oper'] ?? collect();
  $chartCfop = $porCfop->map(fn($c) => ['label' => $c->cfop, 'valor' => (float)($c->soma_valor_item ?? 0)])->values();
  $filtroAtivo = !empty($filtro_card_tipo) && (string)$filtro_card_valor !== '';
  $tituloFiltro = '';
  if ($filtroAtivo) {
    if ($filtro_card_tipo === 'receita') {
      $card = collect($receitasCards ?? [])->firstWhere('key', $filtro_card_valor);
      $tituloFiltro = $card['label'] ?? $filtro_card_valor;
    } elseif ($filtro_card_tipo === 'credito') {
      $card = collect($creditosCards ?? [])->firstWhere('key', $filtro_card_valor);
      $tituloFiltro = $card['label'] ?? $filtro_card_valor;
    } else {
      $tituloFiltro = ($filtro_card_tipo === 'cfop' ? 'CFOP ' : ($filtro_card_tipo === 'nat_oper' ? 'Natureza ' : ($filtro_card_tipo === 'aba' ? 'Aba ' : ''))) . $filtro_card_valor;
    }
  }
  $somaReceitasCards = collect($receitasCards ?? [])->sum('valor');
  $somaCreditosCards = collect($creditosCards ?? [])->sum('valor');
@endphp
<div id="sped-relatorio-itens-root">
{{-- Função global para fechar o modal (compatível com Livewire 2 e 3) --}}
<script>
(function() {
  window.fecharModalLancamentosSped = function() {
    var root = document.getElementById('sped-relatorio-itens-root');
    if (!root) return;
    var id = root.getAttribute('wire:id');
    if (window.Livewire && id) {
      try {
        if (typeof window.Livewire.find === 'function') {
          window.Livewire.find(id).call('limparFiltroCard');
          return;
        }
      } catch (e) {}
      try {
        if (typeof window.Livewire.emit === 'function') {
          window.Livewire.emit('fecharModalLancamentosSped');
          return;
        }
      } catch (e2) {}
    }
  };
})();
</script>
{{-- Dados para os gráficos em divs (Livewire atualiza o conteúdo ao filtrar; script lê e redesenha) --}}
<div id="sped-chart-line" class="d-none" aria-hidden="true">{!! json_encode($dcSemanal) !!}</div>
<div id="sped-chart-cfop" class="d-none" aria-hidden="true">{!! json_encode($chartCfop) !!}</div>

{{-- 1) BARRA DE FILTROS (antes de tudo) --}}
<div class="card mb-4">
  <div class="card-header py-2">
    <h6 class="mb-0">Filtros</h6>
  </div>
  <div class="card-body py-2">
    <div class="row g-2 align-items-end">
      <div class="col-auto">
        <label class="form-label small mb-0">Tipo</label>
        <select wire:model.defer="tipo_part" class="form-select form-select-sm">
          <option value="">Todos</option>
          <option value="cliente">Cliente</option>
          <option value="fornecedor">Fornecedor</option>
        </select>
      </div>
      <div class="col-auto">
        <label class="form-label small mb-0">Regime</label>
        <select wire:model.defer="regime" class="form-select form-select-sm">
          <option value="">Todos</option>
          <option value="simples">Simples Nacional</option>
          <option value="mei">MEI</option>
          <option value="outros">Outros</option>
        </select>
      </div>
      <div class="col-auto">
        <label class="form-label small mb-0">CFOP</label>
        <select wire:model.defer="cfop" class="form-select form-select-sm">
          <option value="">Todos</option>
          @foreach($listaCfop as $cfopVal)
            <option value="{{ $cfopVal }}">{{ $cfopVal }}</option>
          @endforeach
        </select>
      </div>
      <div class="col-auto">
        <label class="form-label small mb-0">NATOP</label>
        <input type="text" wire:model.defer="nat_oper" class="form-control form-control-sm" placeholder="Natureza (texto)" style="min-width: 140px;">
      </div>
      <div class="col-auto">
        <label class="form-label small mb-0">Data início</label>
        <input type="date" wire:model.defer="data_inicio" class="form-control form-control-sm">
      </div>
      <div class="col-auto">
        <label class="form-label small mb-0">Data fim</label>
        <input type="date" wire:model.defer="data_fim" class="form-control form-control-sm">
      </div>
      <div class="col-auto">
        <button type="button" wire:click="$refresh" class="btn btn-sm btn-primary">Filtrar</button>
      </div>
    </div>
  </div>
</div>

{{-- 2) Cabeçalho do import + ações --}}
<div class="row mb-3">
  <div class="col-md-3"><strong>Status:</strong> <span class="badge bg-secondary">{{ $import->status }}</span></div>
  <div class="col-md-5"><strong>Arquivo:</strong> {{ $import->arquivo_nome }}</div>
  <div class="col-md-4 d-flex align-items-center gap-2">
    <strong>Recebido em:</strong> {{ optional($import->recebido_em)->format('d/m/Y H:i') }}
    <a href="{{ route('admin.sped.relatorio.excel', $import->idimport) }}" class="btn btn-sm btn-success">Exportar Excel</a>
  </div>
</div>

{{-- 3) Indicadores --}}
<div class="row g-2 mb-3">
  <div class="col-12"><h6 class="text-primary mb-2">Indicadores</h6></div>
  <div class="col-6 col-md-2">
    <div class="card border-0 bg-light"><div class="card-body py-2"><div class="text-muted small">Período</div><div class="fw-bold">{{ $import->periodo }}</div></div></div>
  </div>
  <div class="col-6 col-md-2">
    <div class="card border-0 bg-light"><div class="card-body py-2"><div class="text-muted small">Valor total itens</div><div class="fw-bold">R$ {{ number_format($totais->soma_valor_item ?? 0, 2, ',', '.') }}</div></div></div>
  </div>
  <div class="col-6 col-md-2" id="indicador-tributos">
    <div class="card border-0 bg-light"><div class="card-body py-2"><div class="text-muted small">Tributos (soma)</div><div class="fw-bold small">R$ {{ number_format(($totais->soma_pis ?? 0) + ($totais->soma_cofins ?? 0) + ($totais->soma_icms ?? 0) + ($totais->soma_ipi ?? 0), 2, ',', '.') }}</div><div class="text-muted small">PIS + COFINS + ICMS + IPI</div></div></div>
  </div>
  <div class="col-6 col-md-2">
    <div class="card border-0 bg-light"><div class="card-body py-2"><div class="text-muted small">Clientes/Fornecedores</div><div class="fw-bold">{{ $participantes->count() }}</div></div></div>
  </div>
  <div class="col-6 col-md-2">
    <div class="card border-0 bg-light"><div class="card-body py-2"><div class="text-muted small">No Simples/MEI</div><div class="fw-bold">{{ $participantes->whereIn('regimetributario', ['Simples Nacional', 'MEI'])->count() }}</div><div class="text-muted small">de {{ $participantes->count() }} com regime consultado</div></div></div>
  </div>
</div>

{{-- 3b) Tributos (cada um separado) --}}
<div class="row g-2 mb-3">
  <div class="col-12"><h6 class="text-primary mb-2">Tributos</h6></div>
  <div class="col-6 col-md-3">
    <div class="card border-0 bg-light" id="indicador-tributos"><div class="card-body py-2"><div class="text-muted small">PIS</div><div class="fw-bold">R$ {{ number_format($totais->soma_pis ?? 0, 2, ',', '.') }}</div></div></div>
  </div>
  <div class="col-6 col-md-3">
    <div class="card border-0 bg-light"><div class="card-body py-2"><div class="text-muted small">COFINS</div><div class="fw-bold">R$ {{ number_format($totais->soma_cofins ?? 0, 2, ',', '.') }}</div></div></div>
  </div>
  <div class="col-6 col-md-3">
    <div class="card border-0 bg-light"><div class="card-body py-2"><div class="text-muted small">ICMS</div><div class="fw-bold">R$ {{ number_format($totais->soma_icms ?? 0, 2, ',', '.') }}</div></div></div>
  </div>
  <div class="col-6 col-md-3">
    <div class="card border-0 bg-light"><div class="card-body py-2"><div class="text-muted small">IPI</div><div class="fw-bold">R$ {{ number_format($totais->soma_ipi ?? 0, 2, ',', '.') }}</div></div></div>
  </div>
</div>

{{-- 4) Débito e Crédito (cards + gráfico linha) --}}
<div class="row g-2 mb-3">
  <div class="col-12"><h6 class="text-primary mb-2">Débito e Crédito</h6></div>
  <div class="col-12">
    <p class="text-muted small mb-2">
      <strong>Débito</strong> = saídas (vendas/clientes). <strong>Crédito</strong> = entradas (compras/fornecedores). Regime C = saída, D/F = entrada. Os dois primeiros cards são totais do SPED (todas as linhas por ind_oper).
    </p>
  </div>
  <div class="col-6 col-md-3">
    <div class="card border-primary"><div class="card-body py-3"><div class="text-primary small fw-bold">Débito (Saídas) — SPED</div><div class="h5 mb-0">R$ {{ number_format($dc['debito_valor'] ?? 0, 2, ',', '.') }}</div><div class="text-muted small">{{ number_format($dc['debito_linhas'] ?? 0, 0, ',', '.') }} linhas</div></div></div>
  </div>
  <div class="col-6 col-md-3">
    <div class="card border-success"><div class="card-body py-3"><div class="text-success small fw-bold">Crédito (Entradas) — SPED</div><div class="h5 mb-0">R$ {{ number_format($dc['credito_valor'] ?? 0, 2, ',', '.') }}</div><div class="text-muted small">{{ number_format($dc['credito_linhas'] ?? 0, 0, ',', '.') }} linhas</div></div></div>
  </div>
  <div class="col-6 col-md-3">
    <div class="card border-0 bg-light"><div class="card-body py-3"><div class="text-muted small">Saldo (Débito − Crédito)</div><div class="h5 mb-0">R$ {{ number_format(($dc['debito_valor'] ?? 0) - ($dc['credito_valor'] ?? 0), 2, ',', '.') }}</div></div></div>
  </div>
  @if($simulacao && (count($receitasCards ?? []) > 0 || count($creditosCards ?? []) > 0))
  <div class="col-12 mt-2">
    <div class="card border-info border-opacity-50 bg-light">
      <div class="card-body py-2">
        <div class="row g-2 align-items-center">
          <div class="col-auto"><strong class="text-info small">Conferência simulação:</strong></div>
          <div class="col-auto">Soma Receitas (cards) = <strong>R$ {{ number_format($somaReceitasCards, 2, ',', '.') }}</strong> @if($somaReceitasCards != ($dc['debito_valor'] ?? 0))<span class="text-muted small">(dif. Débito SPED: R$ {{ number_format($somaReceitasCards - ($dc['debito_valor'] ?? 0), 2, ',', '.') }})</span>@endif</div>
          <div class="col-auto">Soma Créditos (cards) = <strong>R$ {{ number_format($somaCreditosCards, 2, ',', '.') }}</strong> @if($somaCreditosCards != ($dc['credito_valor'] ?? 0))<span class="text-muted small">(dif. Crédito SPED: R$ {{ number_format($somaCreditosCards - ($dc['credito_valor'] ?? 0), 2, ',', '.') }})</span>@endif</div>
        </div>
        <p class="mb-0 mt-1 text-muted small">Os cards abaixo são da simulação (podem ter sido editados). A diferença pode vir de edição manual, arredondamento ou lançamentos do SPED que não se enquadram nas categorias da simulação.</p>
      </div>
    </div>
  </div>
  @endif
</div>

{{-- Gráfico linha (8) + Pizza CFOP (4). wire:ignore evita o Livewire substituir os canvas ao filtrar --}}
<div wire:ignore class="row mb-4" id="sped-charts-row">
  <div class="col-12 col-lg-8">
    <div class="card h-100">
      <div class="card-header pb-0"><h6 class="mb-0">Débito e Crédito por semana</h6></div>
      <div class="card-body">
        <div class="chart position-relative" style="height: 280px;">
          <canvas id="chart-debito-credito-semanal" class="chart-canvas"></canvas>
        </div>
      </div>
    </div>
  </div>
  <div class="col-12 col-lg-4 mt-3 mt-lg-0">
    <div class="card">
      <div class="card-header pb-0"><h6 class="mb-0">Pizza por CFOP (valor)</h6></div>
      <div class="card-body">
        <div class="chart position-relative" style="height: 220px;">
          <canvas id="chart-pie-cfop"></canvas>
        </div>
      </div>
    </div>
  </div>
</div>

{{-- 5) Cards de Receitas e Custos/Créditos (da simulação) — clique para ver lançamentos --}}
@if($simulacao && (count($receitasCards ?? []) > 0 || count($creditosCards ?? []) > 0))
<div class="row mb-4">
  <div class="col-12"><h6 class="text-primary mb-2">Receitas e Custos (da simulação)</h6></div>
  <div class="col-12 mb-2">
    <p class="text-muted small mb-0">Valores da tela de Receitas e Custos. Clique em um card para ver os lançamentos do SPED que compõem aquele total.</p>
    <p class="text-muted small mb-0 mt-1"><strong>Tributos (PIS, COFINS, ICMS, IPI):</strong> o total está no indicador <a href="#indicador-tributos" class="text-primary">«Tributos (soma)»</a> na seção Indicadores no topo — não entram nos cards de Receitas/Custos (estes são bases/valores das operações).</p>
  </div>
  @if(!empty($receitasCards))
  <div class="col-12 mt-2"><strong class="text-secondary small">Receitas</strong> <span class="text-muted small">(valores em verde = receita/entrada)</span></div>
  @foreach($receitasCards as $card)
  <div class="col-6 col-md-4 col-lg-3 mb-2">
    <div class="card h-100 border shadow-sm {{ $filtroAtivo && $filtro_card_tipo === 'receita' && $filtro_card_valor === $card['key'] ? 'border-primary border-2' : '' }}"
         style="cursor: pointer;" wire:click='filtrarPorCard("receita", {{ json_encode($card["key"]) }})' role="button" tabindex="0">
      <div class="card-body py-2 px-3">
        <div class="text-truncate small fw-bold" title="{{ $card['label'] }}">{{ $card['label'] }}</div>
        <div class="fw-bold text-success">R$ {{ number_format($card['valor'] ?? 0, 2, ',', '.') }}</div>
      </div>
    </div>
  </div>
  @endforeach
  @endif
  @if(!empty($creditosCards))
  <div class="col-12 mt-3"><strong class="text-secondary small">Custos / Créditos</strong> <span class="text-muted small">(valores em cinza = créditos fiscais/custos)</span></div>
  @foreach($creditosCards as $card)
  <div class="col-6 col-md-4 col-lg-3 mb-2">
    <div class="card h-100 border shadow-sm {{ $filtroAtivo && $filtro_card_tipo === 'credito' && $filtro_card_valor === $card['key'] ? 'border-primary border-2' : '' }}"
         style="cursor: pointer;" wire:click='filtrarPorCard("credito", {{ json_encode($card["key"]) }})' role="button" tabindex="0">
      <div class="card-body py-2 px-3">
        <div class="text-truncate small fw-bold" title="{{ $card['label'] }}">{{ $card['label'] }}</div>
        <div class="fw-bold text-secondary">R$ {{ number_format($card['valor'] ?? 0, 2, ',', '.') }}</div>
      </div>
    </div>
  </div>
  @endforeach
  @endif
</div>
@endif

{{-- Modal de lançamentos ao clicar em um card --}}
@if($filtroAtivo)
@php
  // Mesma regra de valor do SpedToSimulacaoService (valor_mercadorias e bases se valor principal for 0)
  $valorParaItem = function($item) {
    $v = (float)($item->valor_item ?? $item->valor_total ?? $item->vl_total_prod ?? $item->valor_mercadorias ?? 0);
    if ($v <= 0) {
      $v = (float)(($item->base_icms ?? 0) + ($item->base_pis ?? 0) + ($item->base_cofins ?? 0));
    }
    return $v;
  };
  $totalValor = $lancamentosFiltrados->sum($valorParaItem);
  $totalPis = $lancamentosFiltrados->sum(fn($item) => (float)($item->valor_pis ?? 0));
  $totalCofins = $lancamentosFiltrados->sum(fn($item) => (float)($item->valor_cofins ?? 0));
  $totalIcms = $lancamentosFiltrados->sum(fn($item) => (float)($item->valor_icms ?? 0));
@endphp
<div class="modal fade show" id="modal-lancamentos-card" tabindex="-1" aria-labelledby="modalLancamentosLabel" aria-modal="true" role="dialog" style="display: block; background: rgba(0,0,0,0.5);"
     onclick="if (event.target === this) window.fecharModalLancamentosSped && fecharModalLancamentosSped();">
  <div class="modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered" onclick="event.stopPropagation();">
    <div class="modal-content">
      <div class="modal-header py-2">
        <h5 class="modal-title" id="modalLancamentosLabel">Lançamentos: {{ $tituloFiltro }}</h5>
        <button type="button" class="btn-close" aria-label="Fechar" onclick="window.fecharModalLancamentosSped && fecharModalLancamentosSped();"></button>
      </div>
      <div class="modal-body p-0">
        <div class="table-responsive">
          <table class="table table-sm table-hover mb-0">
            <thead><tr><th>Data</th><th>Chave / Doc</th><th>CFOP</th><th>NATOP</th><th class="text-end">Valor</th><th class="text-end">PIS</th><th class="text-end">COFINS</th><th class="text-end">ICMS</th></tr></thead>
            <tbody>
              @forelse($lancamentosFiltrados as $item)
              @php $valor = $valorParaItem($item); @endphp
              <tr>
                <td>{{ $item->data_doc ? $item->data_doc->format('d/m/Y') : '—' }}</td>
                <td><span class="font-monospace small" title="Chave NFe ou Modelo-Série-Número">
  @if(!empty(trim((string)$item->chave_nfe)))
    @php
      $ch = preg_replace('/\D/', '', $item->chave_nfe);
      $docLabel = strlen($ch) === 44 ? substr($ch,0,2).'.'.substr($ch,2,3).'.'.substr($ch,5,3).'/'.substr($ch,8,4).'-'.substr($ch,12,2) : $item->chave_nfe;
    @endphp
    {{ $docLabel }}
  @else
    {{ trim((string)$item->modelo) !== '' ? $item->modelo . '-' . $item->serie . '-' . $item->numero : $item->serie . '-' . $item->numero }}
  @endif
</span></td>
                <td><span class="badge bg-secondary">{{ $item->cfop ?? '—' }}</span></td>
                <td class="text-truncate" style="max-width: 180px;" title="{{ $item->nat_oper }}">{{ $item->nat_oper ?? '—' }}</td>
                <td class="text-end">R$ {{ number_format($valor, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($item->valor_pis ?? 0, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($item->valor_cofins ?? 0, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($item->valor_icms ?? 0, 2, ',', '.') }}</td>
              </tr>
              @empty
              <tr><td colspan="8" class="text-center text-muted py-4">Nenhum lançamento encontrado para este filtro.</td></tr>
              @endforelse
            </tbody>
            @if($lancamentosFiltrados->isNotEmpty())
            <tfoot>
              <tr class="table-light fw-bold">
                <td colspan="4" class="text-end">Total ({{ $lancamentosFiltrados->count() }} lançamentos):</td>
                <td class="text-end">R$ {{ number_format($totalValor, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($totalPis, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($totalCofins, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($totalIcms, 2, ',', '.') }}</td>
              </tr>
            </tfoot>
            @endif
          </table>
        </div>
      </div>
      <div class="modal-footer py-2">
        <button type="button" class="btn btn-sm btn-secondary" onclick="window.fecharModalLancamentosSped && fecharModalLancamentosSped();">Fechar</button>
      </div>
    </div>
  </div>
</div>
<div class="modal-backdrop fade show" style="cursor: pointer;" onclick="window.fecharModalLancamentosSped && fecharModalLancamentosSped();"></div>
@endif

{{-- 6) Participantes: Clientes e Fornecedores separados --}}
@php
  $participantesClientes = $participantes->where('tipo', 'cliente')->values();
  $participantesFornecedores = $participantes->where('tipo', 'fornecedor')->values();
  $linhaParticipante = function($p) {
    $cnpjFmt = preg_match('/^\d{14}$/', $p->cnpj) ? substr($p->cnpj,0,2).'.'.substr($p->cnpj,2,3).'.'.substr($p->cnpj,5,3).'/'.substr($p->cnpj,8,4).'-'.substr($p->cnpj,12,2) : $p->cnpj;
    $regimeBadge = $p->regimetributario ? '<span class="badge '.($p->regimetributario === 'MEI' ? 'bg-info' : ($p->regimetributario === 'Simples Nacional' ? 'bg-success' : 'bg-secondary')).'">'.e($p->regimetributario).'</span>' : '<span class="text-muted">—</span>';
    $dataSimples = $p->data_opcao_simples ? $p->data_opcao_simples->format('d/m/Y') : '—';
    return compact('cnpjFmt', 'regimeBadge', 'dataSimples');
  };
@endphp
<div class="row mb-4">
  <div class="col-12 d-flex align-items-center justify-content-between flex-wrap gap-2 mb-2">
    <h6 class="text-primary mb-0">Participantes (Simples consultado)</h6>
    <form action="{{ route('admin.sped.consultar.simples', $import->idimport) }}" method="post" class="d-inline">
      @csrf
      @if($sim)<input type="hidden" name="sim" value="{{ $sim }}">@endif
      @if($returnUrl)<input type="hidden" name="return" value="{{ $returnUrl }}">@endif
      <button type="submit" class="btn btn-sm btn-outline-primary">Consultar Simples (Receita)</button>
    </form>
  </div>
  <div class="col-12 col-lg-6 mb-4 mb-lg-0">
    <div class="card h-100">
      <div class="card-header py-2">
        <h6 class="mb-0">Clientes <span class="badge bg-info">{{ $participantesClientes->count() }}</span></h6>
      </div>
      <div class="card-body px-3 pt-3 pb-0">
        <div class="table-responsive">
          <table class="table table-sm mb-0">
            <thead><tr><th>CNPJ</th><th>Nome</th><th class="text-end">Qtd. docs</th><th class="text-end">Valor total</th><th>Regime</th><th>Data opção Simples</th></tr></thead>
            <tbody>
              @forelse($participantesClientes as $p)
              @php $row = $linhaParticipante($p); @endphp
              <tr>
                <td><span class="font-monospace">{{ $row['cnpjFmt'] }}</span></td>
                <td>{{ $p->nome ?? '—' }}</td>
                <td class="text-end">{{ number_format($p->qtd_documentos, 0, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($p->valor_total ?? 0, 2, ',', '.') }}</td>
                <td>{!! $row['regimeBadge'] !!}</td>
                <td>{{ $row['dataSimples'] }}</td>
              </tr>
              @empty
              <tr><td colspan="6" class="text-center text-muted py-3">Nenhum cliente identificado.</td></tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <div class="col-12 col-lg-6">
    <div class="card h-100">
      <div class="card-header py-2">
        <h6 class="mb-0">Fornecedores <span class="badge bg-secondary">{{ $participantesFornecedores->count() }}</span></h6>
      </div>
      <div class="card-body px-3 pt-3 pb-0">
        <div class="table-responsive">
          <table class="table table-sm mb-0">
            <thead><tr><th>CNPJ</th><th>Nome</th><th class="text-end">Qtd. docs</th><th class="text-end">Valor total</th><th>Regime</th><th>Data opção Simples</th></tr></thead>
            <tbody>
              @forelse($participantesFornecedores as $p)
              @php $row = $linhaParticipante($p); @endphp
              <tr>
                <td><span class="font-monospace">{{ $row['cnpjFmt'] }}</span></td>
                <td>{{ $p->nome ?? '—' }}</td>
                <td class="text-end">{{ number_format($p->qtd_documentos, 0, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($p->valor_total ?? 0, 2, ',', '.') }}</td>
                <td>{!! $row['regimeBadge'] !!}</td>
                <td>{{ $row['dataSimples'] }}</td>
              </tr>
              @empty
              <tr><td colspan="6" class="text-center text-muted py-3">Nenhum fornecedor identificado.</td></tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

{{-- 7) Resumo (cards) --}}
<div class="row g-3 mb-4">
  <div class="col-12"><div class="d-flex flex-wrap gap-3">
    <div class="card flex-grow-1"><div class="card-body py-3"><div class="text-secondary text-xs">Linhas importadas</div><div class="h5 mb-0">{{ number_format($totais->qtd_linhas ?? 0, 0, ',', '.') }}</div></div></div>
    <div class="card flex-grow-1"><div class="card-body py-3"><div class="text-secondary text-xs">Notas distintas</div><div class="h5 mb-0">{{ number_format($totais->qtd_notas ?? 0, 0, ',', '.') }}</div></div></div>
    <div class="card flex-grow-1"><div class="card-body py-3"><div class="text-secondary text-xs">Valor dos Itens</div><div class="h5 mb-0">R$ {{ number_format($totais->soma_valor_item ?? 0, 2, ',', '.') }}</div></div></div>
    <div class="card flex-grow-1"><div class="card-body py-3"><div class="text-secondary text-xs">Tributos</div><div class="h6 mb-0">PIS/COFINS/ICMS/IPI</div></div></div>
  </div></div>
</div>

{{-- 8) Tabela por REG --}}
<div class="row mb-4">
  <div class="col-12">
    <div class="card">
      <div class="card-header pb-0"><h6 class="mb-0">Resumo por REG</h6></div>
      <div class="card-body px-3 pt-3 pb-0">
        <div class="table-responsive">
          <table class="table mb-0">
            <thead><tr><th>REG</th><th class="text-end">Linhas</th><th class="text-end">Notas</th><th class="text-end">Valor Itens</th><th class="text-end">PIS</th><th class="text-end">COFINS</th><th class="text-end">ICMS</th><th class="text-end">IPI</th></tr></thead>
            <tbody>
              @forelse($byReg as $r)
              <tr>
                <td><span class="badge bg-secondary">{{ $r->reg }}</span></td>
                <td class="text-end">{{ number_format($r->qtd_linhas, 0, ',', '.') }}</td>
                <td class="text-end">{{ number_format($r->qtd_notas, 0, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($r->soma_valor_item, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($r->soma_pis, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($r->soma_cofins, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($r->soma_icms, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($r->soma_ipi, 2, ',', '.') }}</td>
              </tr>
              @empty
              <tr><td colspan="8" class="text-center p-3">Sem dados.</td></tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

{{-- 9) Tabela por CFOP --}}
@if($porCfop->isNotEmpty())
<div class="row mb-4">
  <div class="col-12">
    <div class="card">
      <div class="card-header pb-0"><h6 class="mb-0">Por CFOP</h6></div>
      <div class="card-body px-3 pt-3 pb-0">
        <div class="table-responsive">
          <table class="table table-sm mb-0">
            <thead><tr><th>CFOP</th><th class="text-end">Linhas</th><th class="text-end">Notas</th><th class="text-end">Valor Itens</th><th class="text-end">PIS</th><th class="text-end">COFINS</th><th class="text-end">ICMS</th><th class="text-end">IPI</th></tr></thead>
            <tbody>
              @foreach($porCfop as $c)
              <tr>
                <td><span class="badge bg-secondary">{{ $c->cfop }}</span></td>
                <td class="text-end">{{ number_format($c->qtd_linhas ?? 0, 0, ',', '.') }}</td>
                <td class="text-end">{{ number_format($c->qtd_notas ?? 0, 0, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($c->soma_valor_item ?? 0, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($c->soma_pis ?? 0, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($c->soma_cofins ?? 0, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($c->soma_icms ?? 0, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($c->soma_ipi ?? 0, 2, ',', '.') }}</td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endif

{{-- 10) Tabela por NATOP --}}
@if($porNatOper->isNotEmpty())
<div class="row mb-4">
  <div class="col-12">
    <div class="card">
      <div class="card-header pb-0"><h6 class="mb-0">Por NATOP</h6></div>
      <div class="card-body px-3 pt-3 pb-0">
        <div class="table-responsive">
          <table class="table table-sm mb-0">
            <thead><tr><th>NATOP</th><th class="text-end">Linhas</th><th class="text-end">Notas</th><th class="text-end">Valor Itens</th></tr></thead>
            <tbody>
              @foreach($porNatOper as $n)
              <tr>
                <td><span class="text-truncate d-inline-block" style="max-width: 280px;" title="{{ $n->nat_oper }}">{{ $n->nat_oper }}</span></td>
                <td class="text-end">{{ number_format($n->qtd_linhas ?? 0, 0, ',', '.') }}</td>
                <td class="text-end">{{ number_format($n->qtd_notas ?? 0, 0, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($n->soma_valor_item ?? 0, 2, ',', '.') }}</td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endif

{{-- 11) Por ABA --}}
@if($byAba->isNotEmpty())
<div class="row mb-4">
  <div class="col-12">
    <div class="card">
      <div class="card-header pb-0"><h6 class="mb-0">Resumo por Aba de Origem</h6></div>
      <div class="card-body px-3 pt-3 pb-0">
        <div class="table-responsive">
          <table class="table mb-0">
            <thead><tr><th>Aba</th><th class="text-end">Linhas</th><th class="text-end">Notas</th><th class="text-end">Valor Itens</th><th class="text-end">PIS</th><th class="text-end">COFINS</th><th class="text-end">ICMS</th><th class="text-end">IPI</th></tr></thead>
            <tbody>
              @foreach($byAba as $r)
              <tr>
                <td><span class="badge bg-info">{{ $r->aba }}</span></td>
                <td class="text-end">{{ number_format($r->qtd_linhas, 0, ',', '.') }}</td>
                <td class="text-end">{{ number_format($r->qtd_notas, 0, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($r->soma_valor_item, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($r->soma_pis, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($r->soma_cofins, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($r->soma_icms, 2, ',', '.') }}</td>
                <td class="text-end">R$ {{ number_format($r->soma_ipi, 2, ',', '.') }}</td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endif
{{-- Gráficos: carregar Chart.js e desenhar aqui (garante que canvas e dados existem) --}}
<script>
(function() {
  var dataLine = @json($dcSemanal);
  var dataCfop = @json($chartCfop);
  function getData() {
    var elLine = document.getElementById('sped-chart-line');
    var elCfop = document.getElementById('sped-chart-cfop');
    var raw = function(el) { return el ? (el.textContent || '').trim() : ''; };
    if (raw(elLine)) try { dataLine = JSON.parse(raw(elLine)); } catch(e) { dataLine = []; }
    if (raw(elCfop)) try { dataCfop = JSON.parse(raw(elCfop)); } catch(e) { dataCfop = []; }
  }
  function draw() {
    getData();
    if (typeof Chart === 'undefined') return;
    try { if (window._spedLineChart) { window._spedLineChart.destroy(); window._spedLineChart = null; } } catch(e) {}
    try { if (window._spedCfopChart) { window._spedCfopChart.destroy(); window._spedCfopChart = null; } } catch(e) {}
    var canvasLine = document.getElementById('chart-debito-credito-semanal');
    if (!canvasLine) return;
    if (dataLine && dataLine.length > 0) {
      var labels = dataLine.map(function(d) { var p = String(d.semana).split('-'); return p.length >= 2 ? 'Sem ' + p[1] + '/' + p[0] : d.semana; });
      window._spedLineChart = new Chart(canvasLine.getContext('2d'), {
        type: 'line',
        data: {
          labels: labels,
          datasets: [
            { label: 'Débito (Saídas)', data: dataLine.map(function(d) { return d.debito; }), borderColor: 'rgb(25, 118, 210)', backgroundColor: 'rgba(25, 118, 210, 0.1)', fill: true, tension: 0.3 },
            { label: 'Crédito (Entradas)', data: dataLine.map(function(d) { return d.credito; }), borderColor: 'rgb(67, 160, 71)', backgroundColor: 'rgba(67, 160, 71, 0.1)', fill: true, tension: 0.3 }
          ]
        },
        options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'top' } }, scales: { y: { beginAtZero: true } } }
      });
    }
    var canvasCfop = document.getElementById('chart-pie-cfop');
    if (canvasCfop && dataCfop && dataCfop.length > 0) {
      var colors = ['#2196F3','#4CAF50','#FF9800','#9C27B0','#00BCD4','#795548','#607D8B','#E91E63','#3F51B5','#009688'];
      window._spedCfopChart = new Chart(canvasCfop.getContext('2d'), {
        type: 'pie',
        data: {
          labels: dataCfop.map(function(d) { return d.label; }),
          datasets: [{ data: dataCfop.map(function(d) { return d.valor; }), backgroundColor: dataCfop.map(function(_, i) { return colors[i % colors.length]; }) }]
        },
        options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'right' } } }
      });
    }
  }
  function init() {
    if (typeof Chart !== 'undefined') {
      draw();
      setTimeout(draw, 300);
      setTimeout(draw, 600);
      return;
    }
    var s = document.createElement('script');
    s.src = 'https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js';
    s.crossOrigin = 'anonymous';
    s.onload = function() {
      setTimeout(draw, 50);
      setTimeout(draw, 250);
      setTimeout(draw, 500);
    };
    document.head.appendChild(s);
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', function() { setTimeout(init, 100); });
  } else {
    setTimeout(init, 100);
  }
  window.addEventListener('load', function() {
    setTimeout(draw, 200);
    setTimeout(draw, 500);
    setTimeout(draw, 900);
  });
  if (typeof Livewire !== 'undefined') {
    document.addEventListener('livewire:init', function() {
      setTimeout(draw, 400);
      Livewire.on('sped-charts-data', function(data) {
        var payload = Array.isArray(data) ? (data[0] || {}) : (data || {});
        if (payload.line !== undefined) dataLine = payload.line;
        if (payload.cfop !== undefined) dataCfop = payload.cfop;
        draw();
      });
    });
  }
  if (typeof Livewire !== 'undefined' && typeof Livewire.hook === 'function') {
    try {
      Livewire.hook('morph.updated', function() {
        setTimeout(draw, 100);
        setTimeout(draw, 400);
      });
    } catch (e) {}
  }
  document.addEventListener('sped-charts-data', function(e) {
    if (e.detail) {
      if (e.detail.line !== undefined) dataLine = e.detail.line;
      if (e.detail.cfop !== undefined) dataCfop = e.detail.cfop;
      draw();
    }
  });
})();
</script>
</div>