<x-instalador.layout titulo="Verificação do servidor" :passo="1"
                    subtitulo="Confira se a hospedagem atende ao que o sistema precisa antes de configurar qualquer coisa.">

    @if (! $pode)
        <div class="alerta alerta-erro">
            <strong>Há itens obrigatórios pendentes.</strong>
            Corrija os pontos marcados em vermelho e recarregue esta página.
            A maioria se resolve em <em>Select PHP Version → Extensions</em>, no cPanel.
        </div>
    @endif

    @foreach ($grupos as $titulo => $itens)
        <h2>{{ $titulo }}</h2>
        <ul class="lista">
            @foreach ($itens as $item)
                <li>
                    <span class="selo {{ $item['ok'] ? 'ok' : ($item['critico'] ? 'falha' : 'aviso') }}">
                        {{ $item['ok'] ? 'OK' : ($item['critico'] ? 'FALHA' : 'ATENÇÃO') }}
                    </span>
                    <span class="rotulo">
                        {{ $item['item'] }}
                        <span class="valor">— {{ $item['valor'] }}</span>
                        @unless ($item['ok'])
                            <p class="ajuda {{ $item['critico'] ? '' : 'suave' }}">{{ $item['ajuda'] }}</p>
                        @endunless
                    </span>
                </li>
            @endforeach
        </ul>
    @endforeach

    <div class="acoes">
        @if ($pode)
            <a href="{{ route('instalador.banco') }}" class="btn">Continuar</a>
        @else
            <button class="btn" disabled>Continuar</button>
        @endif
        <a href="{{ route('instalador.requisitos') }}" class="btn btn-fantasma">Verificar de novo</a>
    </div>
</x-instalador.layout>
