@extends('layouts.guest')

@section('title', 'System Requirements')
@section('subtitle', 'Verify server requirements')

@section('content')
@include('install._steps', ['step' => 2])

<div class="hp-card mb-4">
    <div class="hp-card-body">
        <div class="d-flex justify-content-between align-items-center mb-2">
            <strong>{{ $checks['php_version']['label'] }}</strong>
            @if($checks['php_version']['passed'])
                <span class="hp-badge hp-badge-success"><i class="bi bi-check-lg"></i> {{ $checks['php_version']['message'] }}</span>
            @else
                <span class="hp-badge hp-badge-danger"><i class="bi bi-x-lg"></i> {{ $checks['php_version']['message'] }}</span>
            @endif
        </div>
    </div>
</div>

@foreach(['extensions' => 'PHP Extensions', 'writable' => 'Writable Paths'] as $key => $title)
    <div class="hp-card mb-3">
        <div class="hp-card-header">{{ $title }}</div>
        <div class="hp-card-body p-0">
            <ul class="list-group list-group-flush">
                @foreach($checks[$key] as $check)
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        <span>{{ $check['label'] }}</span>
                        @if($check['passed'])
                            <span class="hp-badge hp-badge-success">{{ $check['message'] }}</span>
                        @else
                            <span class="hp-badge hp-badge-danger">{{ $check['message'] }}</span>
                        @endif
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
@endforeach

@php
    $allPassed = $checks['php_version']['passed']
        && collect($checks['extensions'])->every(fn($c) => $c['passed'])
        && collect($checks['writable'])->every(fn($c) => $c['passed']);
@endphp

<div class="d-flex gap-2 mt-4">
    <a href="{{ route('install.index') }}" class="btn btn-hp-outline">Back</a>
    @if($allPassed)
        <a href="{{ route('install.hotel') }}" class="btn btn-hp-primary flex-grow-1">Continue</a>
    @else
        <button type="button" class="btn btn-secondary flex-grow-1" disabled>Fix requirements to continue</button>
    @endif
</div>
@endsection