@extends('install.layout')

@section('content')
<div><h1>Server check</h1><p class="iq-muted" style="margin:4px 0 0">{{ $passes ? 'Everything InLynq needs is in place.' : 'A few things need fixing in cPanel before we continue.' }}</p></div>

<div class="iq-stack" style="gap:0">
  @foreach ($checks as $check)
    <div class="iq-row" style="gap:10px;padding:8px 0;border-top:1px solid var(--border-subtle);flex-wrap:nowrap;align-items:flex-start">
      <span style="width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex:none;margin-top:2px;{{ $check['ok'] ? 'background:var(--success-50);color:var(--success-600)' : 'background:var(--danger-50);color:var(--danger-600)' }}">
        <x-iq.icon :name="$check['ok'] ? 'check' : 'x'" size="sm" /></span>
      <div style="font-size:14px"><div>{{ $check['label'] }}</div>@unless($check['ok'])<div class="iq-help">{{ $check['hint'] }}</div>@endunless</div>
    </div>
  @endforeach
</div>

@if ($passes)
  <a class="iq-btn iq-btn-primary iq-btn-lg iq-btn-block" href="{{ route('install.database') }}">Continue</a>
@else
  <a class="iq-btn iq-btn-secondary iq-btn-lg iq-btn-block" href="{{ route('install.requirements') }}"><x-iq.icon name="refresh" /> Check again</a>
@endif
@endsection