@php
  // Alíquotas salvas (decimais: ex. 0.18)
  $aliq = $sim->aliquotas->pluck('valor','chave');
  $pct  = fn($k) => number_format(($aliq[$k] ?? 0)*100, 2, ',', '.'); // 0.18 => "18,00"

  // helper para preencher com o que já foi lançado
  $rx = function (string $cat, string $tipo) use ($sim) {
      return $sim->receitas->where('categoria',$cat)->where('tipo',$tipo)->sum('valor');
  };
@endphp

<div class="col-12 mt-6">
  <form method="POST" action="{{ route('admin.simulacoes.receitas.save',$sim->idsimulacao) }}" id="formReceitas">
    @csrf

    <div class="card mb-4">
      <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
        <div class="bg-gradient-primary shadow-primary border-radius-lg pt-4 pb-3">
          <h5 class="text-dark mx-3 my-0">Receitas (Produtos / Serviços / Outras)</h5>
          <p class="text-secondary small mx-3 mb-0 mt-1">Valores editáveis. Podem ter sido preenchidos pela importação do SPED (bloco acima) — ajuste manualmente se precisar.</p>
        </div>
      </div>

      <div class="card-body">

        {{-- ================= VENDAS DE PRODUTOS ================= --}}
        <div class="row">
          <div class="col-md-12">
            <h6 class="mb-3 bg-light p-2 rounded">🛍️ Vendas de Produtos
              <span class="ms-2 text-md text-secondary">ICMS int.: {{ $pct('icms_interno') }}%</span>
              <span class="ms-2 text-md text-secondary">ICMS inter.: {{ $pct('icms_inter') }}%</span>
              <span class="ms-2 text-md text-secondary">IPI: {{ $pct('ipi') }}%</span>
              <a href="#aliquotas-card" class="ms-2 small">(editar % na seção Alíquotas)</a>
            </h6>
          </div>

          <div class="col-md-3">
            <div class="input-group input-group-static my-3">
              <label>Vendas Internas</label>
              <input id="vendas_internas" type="text" class="form-control input-moeda"
                     value="{{ $rx('produtos','vendas_internas') }}">
            </div>
          </div>

          <div class="col-md-3">
            <div class="input-group input-group-static my-3">
              <label>Vendas Interestaduais</label>
              <input id="vendas_inter" type="text" class="form-control input-moeda"
                     value="{{ $rx('produtos','vendas_inter') }}">
            </div>
          </div>

          <div class="col-md-3">
            <div class="input-group input-group-static my-3">
              <label>Exportações</label>
              <input id="exportacoes" type="text" class="form-control input-moeda"
                     value="{{ $rx('produtos','exportacoes') }}">
            </div>
          </div>

          <div class="col-md-3">
            <div class="input-group input-group-static my-3">
              <label>Vendas com IPI</label>
              <input id="vendas_ipi" type="text" class="form-control input-moeda"
                     value="{{ $rx('produtos','vendas_ipi') }}">
            </div>
          </div>
        </div>

        {{-- ================= PRESTAÇÃO DE SERVIÇOS ================= --}}
        <div class="row mt-2">
          <div class="col-md-12">
            <h6 class="mb-3 bg-light p-2 rounded">🏢 Prestação de Serviços
              <span class="ms-2 text-md text-secondary">ISS: {{ $pct('iss') }}%</span>
              <span class="ms-2 text-md text-secondary">PIS/COFINS (NC): {{ $pct('pis_nc') }}% / {{ $pct('cofins_nc') }}%</span>
              <span class="ms-2 text-md text-secondary">PIS/COFINS (cum.): {{ $pct('pis_cum') }}% / {{ $pct('cofins_cum') }}%</span>
              <a href="#aliquotas-card" class="ms-2 small">(editar % na seção Alíquotas)</a>
            </h6>
          </div>

          <div class="col-md-3">
            <div class="input-group input-group-static my-3">
              <label>Serviços no Município</label>
              <input id="serv_municipio" type="text" class="form-control input-moeda"
                     value="{{ $rx('servicos','municipio') }}">
            </div>
          </div>

          <div class="col-md-3">
            <div class="input-group input-group-static my-3">
              <label>Serviços Outros Municípios</label>
              <input id="serv_outros" type="text" class="form-control input-moeda"
                     value="{{ $rx('servicos','outros_municipios') }}">
            </div>
          </div>

          <div class="col-md-3">
            <div class="input-group input-group-static my-3">
              <label>Serviços no Exterior</label>
              <input id="serv_exterior" type="text" class="form-control input-moeda"
                     value="{{ $rx('servicos','exterior') }}">
            </div>
          </div>
        </div>

        {{-- ================= OUTRAS RECEITAS ================= --}}
        <div class="row mt-2">
          <div class="col-md-12"><h6 class="mb-3 bg-light p-2 rounded">💸 Outras Receitas</h6></div>

          <div class="col-md-3">
            <div class="input-group input-group-static my-3">
              <label>Receitas Financeiras</label>
              <input id="rec_fin" type="text" class="form-control input-moeda"
                     value="{{ $rx('outras','receitas_financeiras') }}">
            </div>
          </div>

          <div class="col-md-3">
            <div class="input-group input-group-static my-3">
              <label>Outras Operacionais</label>
              <input id="rec_outras" type="text" class="form-control input-moeda"
                     value="{{ $rx('outras','outras_operacionais') }}">
            </div>
          </div>
        </div>

        {{-- inputs dinâmicos enviados ao controller --}}
        <div id="receitas-dyn"></div>

        <div class="text-end">
          <button class="btn btn-primary">Salvar Receitas</button>
        </div>
      </div>
    </div>
  </form>
</div>

@push('js')
<script>
  // Alíquotas vindas do PHP (decimais)
  window.ALIQ = @json($aliq);

  const pct = (k) => (window.ALIQ?.[k] ?? 0) * 100;
  const get = (id) => (typeof window.parseMoedaBR === 'function' ? window.parseMoedaBR(document.getElementById(id)?.value || '') : parseFloat(String(document.getElementById(id)?.value || '0').replace(/\./g,'').replace(',','.')));

  document.getElementById('formReceitas').addEventListener('submit', function () {
    const dyn = document.getElementById('receitas-dyn');
    dyn.innerHTML = '';

    const push = (cat,tipo,valor,aliqKey=null) => {
      const idx = dyn.children.length;
      dyn.insertAdjacentHTML('beforeend', `
        <input type="hidden" name="receitas[${idx}][categoria]" value="${cat}">
        <input type="hidden" name="receitas[${idx}][tipo]" value="${tipo}">
        <input type="hidden" name="receitas[${idx}][valor]" value="${(+valor||0).toFixed(2)}">
        ${aliqKey ? `
          <input type="hidden" name="receitas[${idx}][aliquota]" value="${(pct(aliqKey)/100).toFixed(4)}">
          <input type="hidden" name="receitas[${idx}][aliquota_tipo]" value="${aliqKey}">
        ` : ``}
      `);
    };

    // Produtos
    push('produtos','vendas_internas', get('vendas_internas'), 'icms_interno');
    push('produtos','vendas_inter',    get('vendas_inter'),   'icms_inter');
    push('produtos','exportacoes',     get('exportacoes'));
    push('produtos','vendas_ipi',      get('vendas_ipi'),     'ipi');

    // Serviços
    push('servicos','municipio',         get('serv_municipio'), 'iss');
    push('servicos','outros_municipios', get('serv_outros'));
    push('servicos','exterior',          get('serv_exterior'));

    // Outras
    push('outras','receitas_financeiras', get('rec_fin'));
    push('outras','outras_operacionais',  get('rec_outras'));
  });
</script>
@endpush