{{--
  Formulário de parâmetros CBS/IBS (ano da reforma, regime, alíquotas e fatores de transição).
  Espera: $reformaSim (ReformaSimulacao) e $simRef ou $sim (SimulacaoTributaria).
--}}
@php
  $simRef = $simRef ?? $sim;
  $p = $reformaSim->parametro;
  $anoCenario = (int) ($p->ano_cenario ?? 2026);
  $cfgCenarioAtual = \App\Models\ReformaCenario::configForAno($anoCenario);
  $pctFmt = fn ($v) => number_format((float) $v * 100, 2, ',', '.');
  $anosCenarioParam = range(config('reforma_tributaria.ano_min', 2026), config('reforma_tributaria.ano_max', 2033));
  $cenariosPorAno = [];
  foreach ($anosCenarioParam as $y) {
      $cfg = \App\Models\ReformaCenario::configForAno($y);
      $cenariosPorAno[$y] = [
          'aliq_cbs'            => (float) ($cfg['aliq_cbs'] ?? 0),
          'aliq_ibs_uf'         => (float) ($cfg['aliq_ibs_uf'] ?? 0),
          'aliq_ibs_mun'        => (float) ($cfg['aliq_ibs_mun'] ?? 0),
          'fator_transicao_cbs' => (float) ($cfg['fator_transicao_cbs'] ?? 1),
          'fator_transicao_ibs' => (float) ($cfg['fator_transicao_ibs'] ?? 1),
          'descricao'           => (string) ($cfg['descricao'] ?? ''),
      ];
  }
@endphp
<div class="card mb-4 cons-card--sim reforma-params-card" data-tour="etapa3-parametros">
  <div class="card-header reforma-params-intro d-flex justify-content-between align-items-start flex-wrap gap-3">
    <div>
      <h6 class="mb-1">Alíquotas, regime e ano da reforma</h6>
      <p class="text-sm mb-0 reforma-params-card-desc">
        Escolha o <strong>ano da LC 214</strong> nas abas abaixo — os valores vêm da tabela global do tenant.
        Ao salvar, aplica-se <strong>só a esta simulação</strong> (não altera outras análises).
      </p>
    </div>
    <a href="{{ route('admin.simulacoes.cenarios') }}" class="btn btn-sm btn-outline-secondary reforma-params-global-btn" title="Editar a tabela LC 214 para todo o tenant">
      <i class="fas fa-table me-1"></i> Tabela LC 214 (global)
    </a>
  </div>
  <div class="card-body pt-3">
    <form method="POST" action="{{ route('admin.simulacoes.reforma.parametros', $simRef->idsimulacao) }}" id="form-reforma-parametros">
      @csrf @method('PATCH')
      <input type="hidden" name="ano_cenario" id="ano_cenario" value="{{ $anoCenario }}">

      {{-- Abas por ano --}}
      <div class="reforma-params-ano-bar" data-tour="etapa3-ano-bar">
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-2">
          <span class="reforma-params-ano-label">Ano da reforma (LC 214)</span>
          <span class="reforma-params-ano-ativo">
            Ativo nesta simulação: <strong id="reforma-ano-ativo-label">{{ $anoCenario }}</strong>
          </span>
        </div>
        <div class="app-cenario-toggle reforma-params-ano-toggle w-100"
             id="reformaParamsAnoToggle"
             role="tablist"
             aria-label="Ano da reforma"
             data-saved-ano="{{ $anoCenario }}">
          @foreach($anosCenarioParam as $y)
            <button type="button"
                    class="app-cenario-year-btn {{ $anoCenario === $y ? 'is-active' : '' }} {{ $anoCenario === $y ? 'is-saved' : '' }}"
                    role="tab"
                    aria-selected="{{ $anoCenario === $y ? 'true' : 'false' }}"
                    data-ano="{{ $y }}"
                    id="reforma-ano-tab-{{ $y }}">{{ $y }}</button>
          @endforeach
        </div>
        <p class="reforma-params-ano-desc mb-0 mt-2" id="reforma-ano-descricao">
          {{ $cfgCenarioAtual['descricao'] ?? '' }}
        </p>
        <p class="reforma-params-ano-hint mb-0 mt-1">
          <i class="fas fa-info-circle me-1"></i>
          Compare anos na <strong>etapa 4</strong> · Edite a tabela global em <strong>Tabela LC 214</strong>.
        </p>
      </div>

      <div class="reforma-params-grid">
        {{-- Regime (por simulação, não varia por ano) --}}
        <div class="reforma-params-block">
          <div class="reforma-params-block-head">
            <span class="reforma-params-step">1</span>
            <div>
              <strong class="text-sm">Regime tributário</strong>
              <p class="text-xxs text-muted mb-0">Vale para esta simulação — independe do ano da reforma escolhido na aba.</p>
            </div>
          </div>
          <div class="app-form-grid app-form-grid--regime mt-1">
            <x-form.field label="Regime" for="regime">
              <select name="regime" id="regime" class="app-select">
                @foreach(['lucro_real' => 'Lucro Real', 'lucro_presumido' => 'Lucro Presumido', 'simples' => 'Simples Nacional'] as $k => $lbl)
                  <option value="{{ $k }}" @selected(($p->regime ?? '') === $k)>{{ $lbl }}</option>
                @endforeach
              </select>
            </x-form.field>
            <x-form.field label="Padrão LC 214">
              <x-form.stat-box value-only>
                Ano <span id="reforma-lc214-ano">{{ $anoCenario }}</span> · <span id="reforma-lc214-cbs">CBS {{ $pctFmt($cfgCenarioAtual['aliq_cbs'] ?? 0) }}%</span>
              </x-form.stat-box>
            </x-form.field>
          </div>
        </div>

        {{-- Alíquotas --}}
        <div class="reforma-params-block">
          <div class="reforma-params-block-head">
            <span class="reforma-params-step">2</span>
            <div>
              <strong class="text-sm">Alíquotas indicativas</strong>
              <p class="text-xxs text-muted mb-0">Percentuais sobre a base tributável. IBS total = UF + municipal.</p>
            </div>
          </div>
          <div class="app-form-grid app-form-grid--4 mt-1">
            <x-form.field label="CBS" for="aliq_cbs">
              <x-form.pct-input name="aliq_cbs" id="aliq_cbs" :value="($p->aliq_cbs ?? 0)*100" />
            </x-form.field>
            <x-form.field label="IBS estadual (UF)" for="aliq_ibs_uf">
              <x-form.pct-input name="aliq_ibs_uf" id="aliq_ibs_uf" :value="($p->aliq_ibs_uf ?? 0)*100" />
            </x-form.field>
            <x-form.field label="IBS municipal" for="aliq_ibs_mun">
              <x-form.pct-input name="aliq_ibs_mun" id="aliq_ibs_mun" :value="($p->aliq_ibs_mun ?? 0)*100" />
            </x-form.field>
            <x-form.field label="IBS combinado">
              <x-form.stat-box value-only value-id="ibs-total-label">
                {{ $pctFmt(($p->aliq_ibs_uf ?? 0) + ($p->aliq_ibs_mun ?? 0)) }}%
              </x-form.stat-box>
            </x-form.field>
          </div>
        </div>

        {{-- Transição --}}
        <div class="reforma-params-block">
          <div class="reforma-params-block-head">
            <span class="reforma-params-step">3</span>
            <div>
              <strong class="text-sm">Fatores de transição</strong>
              <p class="text-xxs text-muted mb-0">Quanto da nova regra já vale neste ano (100% = vigência plena naquele tributo).</p>
            </div>
          </div>
          <div class="app-form-grid app-form-grid--2 mt-1">
            <x-form.field label="Transição CBS" for="fator_transicao_cbs">
              <x-form.pct-input name="fator_transicao_cbs" id="fator_transicao_cbs" :value="($p->fator_transicao_cbs ?? 0)*100" />
            </x-form.field>
            <x-form.field label="Transição IBS" for="fator_transicao_ibs">
              <x-form.pct-input name="fator_transicao_ibs" id="fator_transicao_ibs" :value="($p->fator_transicao_ibs ?? 0)*100" />
            </x-form.field>
          </div>
        </div>
      </div>

      <div class="reforma-params-footer mt-4">
        <div class="form-check reforma-params-sync-check">
          <input class="form-check-input" type="checkbox" name="aplicar_cenario_padrao" value="1"
                 id="aplicar_cenario_padrao" checked>
          <label class="form-check-label" for="aplicar_cenario_padrao">
            <strong class="text-sm">Usar alíquotas padrão da tabela LC 214 ao salvar</strong>
            <span class="d-block text-xxs text-muted mt-1">
              Marcado: ao salvar, os valores da tabela global do ano selecionado substituem os campos acima.
              Desmarcado: salva exatamente o que você digitou (cenário customizado nesta simulação).
            </span>
          </label>
        </div>
        <button type="submit" class="btn btn-app-primary btn-sm px-4">
          <i class="fas fa-save me-1"></i> Salvar ano {{ $anoCenario }} e recalcular
        </button>
      </div>
    </form>
  </div>
</div>

@push('js')
<script>
(function () {
  const CENARIOS = @json($cenariosPorAno);
  const savedAno = Number(document.getElementById('reformaParamsAnoToggle')?.dataset.savedAno || 2026);

  const form = document.getElementById('form-reforma-parametros');
  const chk = document.getElementById('aplicar_cenario_padrao');
  const anoInput = document.getElementById('ano_cenario');
  const toggle = document.getElementById('reformaParamsAnoToggle');
  const uf = document.getElementById('aliq_ibs_uf');
  const mun = document.getElementById('aliq_ibs_mun');
  const totalLbl = document.getElementById('ibs-total-label');
  const descEl = document.getElementById('reforma-ano-descricao');
  const lc214Ano = document.getElementById('reforma-lc214-ano');
  const lc214Cbs = document.getElementById('reforma-lc214-cbs');
  const anoAtivoLbl = document.getElementById('reforma-ano-ativo-label');
  const submitBtn = form?.querySelector('button[type="submit"]');

  const fields = {
    aliq_cbs: document.getElementById('aliq_cbs'),
    aliq_ibs_uf: uf,
    aliq_ibs_mun: mun,
    fator_transicao_cbs: document.getElementById('fator_transicao_cbs'),
    fator_transicao_ibs: document.getElementById('fator_transicao_ibs'),
  };

  function pctDec(v) {
    return (Number(v) * 100).toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
  }

  function updateIbsTotal() {
    if (!totalLbl || !uf || !mun) return;
    const t = (parseFloat(uf.value) || 0) + (parseFloat(mun.value) || 0);
    totalLbl.textContent = t.toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + '%';
  }

  function applyCenarioToFields(ano) {
    const cfg = CENARIOS[String(ano)] || CENARIOS[ano];
    if (!cfg) return;

    if (descEl) descEl.textContent = cfg.descricao || '';
    if (lc214Ano) lc214Ano.textContent = ano;
    if (lc214Cbs) lc214Cbs.textContent = 'CBS ' + pctDec(cfg.aliq_cbs) + '%';

    fields.aliq_cbs.value = (cfg.aliq_cbs * 100).toFixed(2);
    fields.aliq_ibs_uf.value = (cfg.aliq_ibs_uf * 100).toFixed(2);
    fields.aliq_ibs_mun.value = (cfg.aliq_ibs_mun * 100).toFixed(2);
    fields.fator_transicao_cbs.value = (cfg.fator_transicao_cbs * 100).toFixed(2);
    fields.fator_transicao_ibs.value = (cfg.fator_transicao_ibs * 100).toFixed(2);
    updateIbsTotal();
  }

  function setActiveTab(ano) {
    ano = Number(ano);
    if (anoInput) anoInput.value = ano;
    if (anoAtivoLbl) anoAtivoLbl.textContent = ano;
    if (submitBtn) submitBtn.innerHTML = '<i class="fas fa-save me-1"></i> Salvar ano ' + ano + ' e recalcular';

    toggle?.querySelectorAll('.app-cenario-year-btn').forEach((btn) => {
      const y = Number(btn.dataset.ano);
      const active = y === ano;
      btn.classList.toggle('is-active', active);
      btn.classList.toggle('is-saved', y === savedAno);
      btn.setAttribute('aria-selected', active ? 'true' : 'false');
    });

    applyCenarioToFields(ano);
  }

  toggle?.querySelectorAll('.app-cenario-year-btn').forEach((btn) => {
    btn.addEventListener('click', () => setActiveTab(btn.dataset.ano));
  });

  chk?.addEventListener('change', () => {
    if (chk.checked && anoInput) {
      applyCenarioToFields(Number(anoInput.value));
    }
  });

  [uf, mun].forEach((el) => el && el.addEventListener('input', updateIbsTotal));
  updateIbsTotal();
})();
</script>
@endpush