@php
    use App\Support\InstalacaoProvisionamentoPassos;

    $passosLista = $passos ?? [];
    $instalacaoProvisionamento = $instalacaoProvisionamento ?? null;
    $podeRetomar = $instalacaoProvisionamento !== null
        && auth()->check()
        && auth()->user()->can('gestao-write');
    $temErro = collect($passosLista)->contains(fn ($p) => ($p['status'] ?? '') === 'erro');
    $temPendente = collect($passosLista)->contains(fn ($p) => ($p['status'] ?? '') === 'pendente');
    $passosComErro = collect($passosLista)->filter(fn ($p) => ($p['status'] ?? '') === 'erro');
    $passoCronManual = collect($passosLista)->first(fn ($p) => ($p['id'] ?? '') === InstalacaoProvisionamentoPassos::CRON_TENANT && ($p['status'] ?? '') === 'manual');
    $somenteCronFalhou = $temErro
        && $passosComErro->count() === 1
        && ($passosComErro->first()['id'] ?? null) === InstalacaoProvisionamentoPassos::CRON_TENANT;
    $detalhesAbertos = (bool) ($mostrarDetalhes ?? false) || $passoCronManual !== null;
@endphp

@if(count($passosLista) > 0)
    <div class="dashboard-panel formulario-steps provisionamento-passos mb-4" id="provisionamento-passos">
        <div class="dashboard-panel__header provisionamento-passos__header">
            <div>
                <h2 class="dashboard-panel__title">
                    <i class="fas fa-list-alt" aria-hidden="true"></i>
                    Log dos passos da criação
                </h2>
                @if($instalacaoProvisionamento)
                    <p class="provisionamento-passos__subtitle text-muted small mb-0">
                        Instalação <strong>#{{ $instalacaoProvisionamento->id }}</strong>
                        · <code>{{ $instalacaoProvisionamento->slug }}</code>
                        @if($temPendente && ! $temErro)
                            · passos pendentes (migrations/seeder) — execute abaixo sem recriar a instalação.
                        @else
                            · provisionamento incompleto — pode repetir passos sem recriar tudo.
                        @endif
                    </p>
                @endif
            </div>
            <div class="provisionamento-passos__toolbar">
                <button type="button"
                        class="btn-form-icon btn-form-icon--sm"
                        id="toggle-provisionamento-detalhes"
                        aria-expanded="{{ $detalhesAbertos ? 'true' : 'false' }}"
                        aria-controls="provisionamento-passos-lista">
                    <i class="fas fa-{{ $detalhesAbertos ? 'eye-slash' : 'search-plus' }}" aria-hidden="true"></i>
                    {{ $detalhesAbertos ? 'Ocultar detalhes' : 'Ver detalhes técnicos' }}
                </button>
                @if($podeRetomar && ($temErro || $temPendente))
                    <form action="{{ route('instalacoes.web.provisionamento.continuar', $instalacaoProvisionamento) }}" method="POST" class="d-inline">
                        @csrf
                        <button type="submit" class="btn-form-icon btn-form-icon--sm btn-form-icon--primary">
                            <i class="fas fa-play" aria-hidden="true"></i>
                            {{ $temErro ? 'Continuar do erro' : 'Executar passos pendentes' }}
                        </button>
                    </form>
                @endif
            </div>
        </div>
        <div class="dashboard-panel__body p-0" id="provisionamento-passos-lista">
            @foreach($passosLista as $passo)
                @php
                    $status = $passo['status'] ?? '';
                    $passoId = $passo['id'] ?? null;
                    $podeRepetirPasso = $podeRetomar
                        && $status === 'erro'
                        && is_string($passoId)
                        && InstalacaoProvisionamentoPassos::podeRepetir($passoId);
                    $temDetalhes = filled($passo['detalhes'] ?? null);
                @endphp
                <div class="formulario-steps__item provisionamento-passos__item">
                    <div class="provisionamento-passos__content">
                        <div class="formulario-steps__name">{{ $passo['nome'] }}</div>
                        <div class="formulario-steps__msg">{{ $passo['mensagem'] }}</div>
                        @if($temDetalhes)
                            <details class="provisionamento-passos__detalhes" @if($detalhesAbertos) open @endif>
                                <summary>Detalhes técnicos</summary>
                                <pre class="provisionamento-passos__pre">{{ $passo['detalhes'] }}</pre>
                            </details>
                        @endif
                        @if(filled($passo['executado_em'] ?? null))
                            <div class="provisionamento-passos__meta text-muted small">
                                Executado em {{ \Illuminate\Support\Carbon::parse($passo['executado_em'])->format('d/m/Y H:i:s') }}
                            </div>
                        @endif
                    </div>
                    <div class="provisionamento-passos__actions">
                        @if($status === 'ok')
                            <span class="formulario-step-badge formulario-step-badge--ok">OK</span>
                        @elseif($status === 'erro')
                            <span class="formulario-step-badge formulario-step-badge--erro">Falhou</span>
                        @elseif($status === 'pendente')
                            <span class="formulario-step-badge formulario-step-badge--other">Pendente</span>
                        @elseif($status === 'manual')
                            <span class="formulario-step-badge formulario-step-badge--manual">Manual</span>
                        @else
                            <span class="formulario-step-badge formulario-step-badge--other">{{ $status ?: '—' }}</span>
                        @endif
                        @if($podeRepetirPasso)
                            <form action="{{ route('instalacoes.web.provisionamento.repetir-passo', $instalacaoProvisionamento) }}" method="POST" class="mt-2">
                                @csrf
                                <input type="hidden" name="passo_id" value="{{ $passoId }}">
                                <button type="submit" class="btn-form-icon btn-form-icon--sm btn-form-icon--retry" title="Tentar novamente apenas este passo — os passos anteriores não serão reexecutados">
                                    <i class="fas fa-redo" aria-hidden="true"></i>
                                    @if($passoId === InstalacaoProvisionamentoPassos::CRON_TENANT)
                                        Repetir só cron
                                    @else
                                        Repetir
                                    @endif
                                </button>
                            </form>
                        @endif
                    </div>
                </div>
            @endforeach
        </div>
        <div class="dashboard-panel__body border-top py-2">
            @if($passoCronManual)
                <p class="text-muted small mb-0">
                    A API Cron deste servidor não permite registro automático (<code>Cpanel::API::Cron</code> indisponível). Abra <strong>cPanel → Cron Jobs</strong>, crie <strong>2 entradas</strong> com periodicidade <code>* * * * *</code> e cole os comandos em <strong>Detalhes técnicos</strong> do passo 9. Repetir pela gestão só funcionará se a Hostgator ativar a API.
                </p>
            @elseif($somenteCronFalhou && $podeRetomar)
                <p class="text-muted small mb-0">
                    Os passos anteriores já foram concluídos. Corrija a configuração de cron (<code>GESTAO_TENANT_CRON_ENABLED</code>, <code>GESTAO_API_CRON_BASE_PATH</code>, permissões cPanel) e clique em <strong>Repetir só cron</strong> — banco, Vercel e <code>.env</code> não serão tocados.
                </p>
            @elseif($temPendente && $podeRetomar)
                <p class="text-muted small mb-0">
                    Existem passos ainda não executados (migrations, seeder ou cron). Clique em <strong>Executar passos pendentes</strong> para concluir o provisionamento sem recriar a instalação.
                </p>
            @elseif($temErro && $podeRetomar)
                <p class="text-muted small mb-0">
                    Corrija a causa do erro (credenciais cPanel, Vercel, permissões, etc.) e use <strong>Repetir</strong> no passo falhado ou <strong>Continuar do erro</strong> para executar apenas os passos pendentes em sequência.
                </p>
            @elseif($temErro)
                <p class="text-muted small mb-0">Corrija os erros acima e tente salvar novamente.</p>
            @else
                <p class="text-muted small mb-0">Todos os passos foram concluídos com sucesso.</p>
            @endif
        </div>
    </div>
@endif

<script>
document.addEventListener('DOMContentLoaded', function () {
    var btn = document.getElementById('toggle-provisionamento-detalhes');
    if (!btn || btn.dataset.bound === '1') return;
    btn.dataset.bound = '1';
    btn.addEventListener('click', function () {
        var aberto = btn.getAttribute('aria-expanded') === 'true';
        var novo = !aberto;
        btn.setAttribute('aria-expanded', novo ? 'true' : 'false');
        btn.innerHTML = novo
            ? '<i class="fas fa-eye-slash" aria-hidden="true"></i> Ocultar detalhes'
            : '<i class="fas fa-search-plus" aria-hidden="true"></i> Ver detalhes técnicos';
        document.querySelectorAll('.provisionamento-passos__detalhes').forEach(function (el) {
            el.open = novo;
        });
    });
});
</script>