@php
  $lista = $versoes ?? collect();
@endphp
<div class="app-card mb-4" data-tour="sim-versoes">
  <div class="card-header bg-transparent d-flex justify-content-between align-items-center flex-wrap gap-2">
    <div>
      <h6 class="mb-0"><i class="fas fa-history me-1"></i> Versões da simulação</h6>
      <p class="text-xs text-muted mb-0">Salve cenários nomeados para comparar premissas e restaurar quando necessário.</p>
    </div>
    <button type="button" class="btn btn-sm btn-app-primary" data-bs-toggle="modal" data-bs-target="#modal-salvar-versao">
      <i class="fas fa-save me-1"></i> Salvar versão
    </button>
  </div>
  @if($lista->count() >= 1)
    <div class="card-body border-bottom py-3">
      @include('admin.simulacoes._versoes_comparar_form', ['sim' => $sim, 'versoes' => $lista])
    </div>
  @endif
  @if($lista->isNotEmpty())
    <div class="table-responsive">
      <table class="table app-table mb-0">
        <thead>
          <tr>
            <th>#</th>
            <th>Nome</th>
            <th>Impacto reforma</th>
            <th>Prontidão</th>
            <th>Salva em</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          @foreach($lista as $v)
            @php
              $snap = $v->snapshot_json ?? [];
              $totalReforma = $snap['resultados']['total_reforma'] ?? null;
              $diff = $snap['resultados']['diff'] ?? null;
              $prontSnap = $snap['prontidao'] ?? null;
            @endphp
            <tr>
              <td class="text-xs">v{{ $v->numero }}</td>
              <td>
                <strong class="text-sm">{{ $v->nome }}</strong>
                @if($v->descricao)
                  <br><span class="text-xs text-muted">{{ Str::limit($v->descricao, 60) }}</span>
                @endif
              </td>
              <td class="text-xs">
                @if($totalReforma !== null)
                  R$ {{ number_format($totalReforma, 2, ',', '.') }}
                  @if($diff)
                    <span class="text-muted">(Δ {{ number_format($diff, 2, ',', '.') }})</span>
                  @endif
                @else
                  —
                @endif
              </td>
              <td class="text-xs">
                @if($prontSnap)
                  {{ $prontSnap['score'] ?? '—' }}%
                @else
                  —
                @endif
              </td>
              <td class="text-xs">{{ $v->created_at?->format('d/m/Y H:i') }}</td>
              <td class="text-nowrap">
                <a href="{{ route('admin.simulacoes.versoes.show', [$sim->idsimulacao, $v->id]) }}" class="btn btn-link btn-sm p-0 me-2">Ver</a>
                <button type="button" class="btn btn-link btn-sm p-0" data-bs-toggle="modal" data-bs-target="#modal-restaurar-{{ $v->id }}">Restaurar</button>
              </td>
            </tr>
            <div class="modal fade" id="modal-restaurar-{{ $v->id }}" tabindex="-1">
              <div class="modal-dialog">
                <form method="POST" action="{{ route('admin.simulacoes.versoes.restaurar', [$sim->idsimulacao, $v->id]) }}" class="modal-content">
                  @csrf
                  <div class="modal-header">
                    <h6 class="modal-title">Restaurar «{{ $v->nome }}»</h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                  </div>
                  <div class="modal-body">
                    <p class="text-sm">Reaplica parâmetros CBS/IBS e regras de-para desta versão e recalcula a simulação.</p>
                    <label class="text-xs">Justificativa (opcional)</label>
                    <textarea name="justificativa" class="form-control form-control-sm" rows="2" maxlength="500"></textarea>
                  </div>
                  <div class="modal-footer">
                    <button type="submit" class="btn btn-app-primary btn-sm">Restaurar versão</button>
                  </div>
                </form>
              </div>
            </div>
          @endforeach
        </tbody>
      </table>
    </div>
  @else
    <div class="card-body py-3 text-center text-muted text-sm">
      Nenhuma versão salva ainda. Use «Salvar versão» após parametrizar para registrar um cenário nomeado.
    </div>
  @endif
</div>

<div class="modal fade" id="modal-salvar-versao" tabindex="-1">
  <div class="modal-dialog">
    <form method="POST" action="{{ route('admin.simulacoes.versoes.store', $sim->idsimulacao) }}" class="modal-content">
      @csrf
      <div class="modal-header">
        <h6 class="modal-title">Salvar versão da simulação</h6>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        <p class="text-sm text-muted">Grava um snapshot com parâmetros, de-para, resultados e prontidão atuais.</p>
        <div class="mb-2">
          <label class="text-xs">Nome da versão <span class="text-danger">*</span></label>
          <input type="text" name="nome" class="form-control form-control-sm" required minlength="3" maxlength="120"
                 placeholder="Ex.: Cenário conservador — mar/2026">
        </div>
        <div class="mb-2">
          <label class="text-xs">Descrição (opcional)</label>
          <textarea name="descricao" class="form-control form-control-sm" rows="2" maxlength="500"
                    placeholder="Premissas, alterações ou contexto desta versão"></textarea>
        </div>
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-app-primary btn-sm">Salvar</button>
      </div>
    </form>
  </div>
</div>