@extends('install.layout')

@section('content')
<div class="card">
    <div class="card-header d-flex align-items-center gap-2">
        <i class="bi bi-clipboard2-check fs-5 text-primary"></i>
        <div>
            <h5 class="mb-0">Server Requirements</h5>
            <small class="text-muted">Verifying your server meets all requirements.</small>
        </div>
    </div>
    <div class="card-body">

        @foreach ($groups as $groupName => $checks)
            <h6 class="text-uppercase text-muted fw-semibold mb-3" style="font-size:.7rem;letter-spacing:.08em">
                {{ ucfirst($groupName) }} Checks
            </h6>
            <table class="table table-sm mb-4">
                <thead class="table-light">
                    <tr>
                        <th>Requirement</th>
                        <th>Status</th>
                        <th>Value</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($checks as $check)
                        <tr>
                            <td class="fw-medium">{{ $check['label'] }}</td>
                            <td>
                                @if ($check['pass'])
                                    <span class="badge req-badge-pass"><i class="bi bi-check-lg me-1"></i>Pass</span>
                                @else
                                    <span class="badge req-badge-fail"><i class="bi bi-x-lg me-1"></i>Fail</span>
                                    @if ($groupName === 'filesystem')
                                        <span class="fix-hint">Run: <code>chmod -R 775 {{ $check['label'] }}</code></span>
                                    @elseif (str_starts_with($check['label'], 'ext-'))
                                        <span class="fix-hint">Enable <code>{{ $check['label'] }}</code> in php.ini</span>
                                    @endif
                                @endif
                            </td>
                            <td class="{{ $check['pass'] ? 'req-pass' : 'req-fail' }} small">
                                {{ $check['value'] }}
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @endforeach

        @if (! $allPass)
            <div class="alert alert-warning mb-4">
                <i class="bi bi-exclamation-triangle me-2"></i>
                Fix the failing requirements above, then reload this page to re-check.
            </div>
        @endif

        <form method="POST" action="{{ route('install.check') }}">
            @csrf
            <button type="submit" class="btn btn-primary px-4" {{ $allPass ? '' : 'disabled' }}>
                Continue to Database Setup <i class="bi bi-arrow-right ms-1"></i>
            </button>
        </form>

    </div>
</div>
@endsection