@extends('install.layout')

@section('title', 'System Requirements')

@section('content')
<h2 style="color: #333; margin-bottom: 20px;">System Requirements Check</h2>
<p style="color: #6c757d; margin-bottom: 30px;">
    Please ensure your server meets all the requirements below before proceeding.
</p>

@php
    $allPassed = $requirements['php']['passed'];
    foreach ($requirements['extensions'] as $ext) {
        if (!$ext['passed']) $allPassed = false;
    }
    foreach ($requirements['permissions'] as $perm) {
        if (!$perm['passed']) $allPassed = false;
    }
@endphp

@if(!$allPassed)
<div class="alert alert-danger">
    <strong>Warning!</strong> Some requirements are not met. Please fix them before continuing.
</div>
@else
<div class="alert alert-success">
    <strong>Great!</strong> Your server meets all the requirements.
</div>
@endif

<div class="mb-3">
    <h3 style="color: #667eea; margin-bottom: 15px;">PHP Version</h3>
    <ul class="requirement-list">
        <li class="requirement-item {{ $requirements['php']['passed'] ? 'passed' : 'failed' }}">
            <span>
                <strong>PHP {{ $requirements['php']['required'] }}+</strong>
                <br>
                <small>Current: {{ $requirements['php']['current'] }}</small>
            </span>
            <span class="badge {{ $requirements['php']['passed'] ? 'badge-success' : 'badge-danger' }}">
                {{ $requirements['php']['passed'] ? 'Passed' : 'Failed' }}
            </span>
        </li>
    </ul>
</div>

<div class="mb-3">
    <h3 style="color: #667eea; margin-bottom: 15px;">PHP Extensions</h3>
    <ul class="requirement-list">
        @foreach($requirements['extensions'] as $extension)
        <li class="requirement-item {{ $extension['passed'] ? 'passed' : 'failed' }}">
            <span><strong>{{ strtoupper($extension['name']) }}</strong></span>
            <span class="badge {{ $extension['passed'] ? 'badge-success' : 'badge-danger' }}">
                {{ $extension['passed'] ? 'Enabled' : 'Disabled' }}
            </span>
        </li>
        @endforeach
    </ul>
</div>

<div class="mb-3">
    <h3 style="color: #667eea; margin-bottom: 15px;">Directory Permissions</h3>
    <ul class="requirement-list">
        @foreach($requirements['permissions'] as $permission)
        <li class="requirement-item {{ $permission['passed'] ? 'passed' : 'failed' }}">
            <span>
                <strong>{{ $permission['name'] }}</strong>
                <br>
                <small>Required: {{ $permission['required'] }}</small>
            </span>
            <span class="badge {{ $permission['passed'] ? 'badge-success' : 'badge-danger' }}">
                {{ $permission['passed'] ? 'Writable' : 'Not Writable' }}
            </span>
        </li>
        @endforeach
    </ul>
</div>

<div class="mt-3" style="display: flex; justify-content: space-between;">
    <a href="{{ route('install.index') }}" class="btn btn-secondary">← Back</a>
    @if($allPassed)
    <a href="{{ route('install.purchase') }}" class="btn btn-primary">Next →</a>
    @else
    <button class="btn btn-primary" disabled style="opacity: 0.5; cursor: not-allowed;">Next →</button>
    @endif
</div>
@endsection