@extends('install.layout')
@section('title', 'Welcome')
@section('step1', 'active')

@section('content')
    <p class="eyebrow">Step 1 of 4</p>
    <h1>Welcome — let's get WedFlow ready.</h1>
    <p class="lede">
        This four-step installer takes about a minute. We'll check your server, ask for a database
        connection, then create your first administrator.
    </p>

    <div class="card">
        @foreach ($checks as $c)
            <div class="check-row">
                <span>{{ $c['name'] }}</span>
                <span class="badge {{ $c['ok'] ? 'badge-ok' : 'badge-bad' }}">{{ $c['ok'] ? 'Pass' : 'Fix' }}</span>
            </div>
        @endforeach

        <div class="actions">
            @if ($allOk)
                <a class="btn-outline" href="{{ route('install.database') }}" style="background: var(--foreground); color: var(--background); border-color: var(--foreground);">Continue →</a>
            @else
                <p class="small" style="margin-right: auto;">Please resolve the items marked <strong>Fix</strong>, then reload this page.</p>
                <a class="btn-outline" href="{{ route('install.welcome') }}">Re-check</a>
            @endif
        </div>
    </div>
@endsection