@extends('layouts.install')
@php $currentStep = 1; $stepTitle = 'بررسی پیش‌نیازها'; @endphp

@section('content')
<h2 class="text-xl font-bold mb-2">مرحله ۱: بررسی پیش‌نیازهای سرور</h2>
<p class="text-slate-600 text-sm mb-6">
    این صفحه وضعیت PHP و مجوزهای پوشه‌ها را روی <strong>همین سرور</strong> (جایی که سایت وب‌میل نصب می‌شود) بررسی می‌کند.
    سرور ایمیل شما در مرحله ۳ تنظیم خواهد شد.
</p>

<div class="space-y-3">
    @foreach($requirements as $key => $req)
        <div class="flex items-start gap-3 p-3 rounded-lg {{ $req['ok'] ? 'bg-green-50' : 'bg-red-50' }}">
            <div class="mt-0.5 text-lg">{{ $req['ok'] ? '✅' : '❌' }}</div>
            <div class="flex-1">
                <div class="flex flex-wrap justify-between gap-2">
                    <span class="font-medium">{{ $req['label'] }}</span>
                    <span class="text-sm">
                        مورد نیاز: <strong>{{ $req['required'] }}</strong> |
                        وضعیت: <strong>{{ $req['current'] }}</strong>
                    </span>
                </div>
                @if(!$req['ok'])
                    <p class="text-xs text-red-700 mt-1 help-box p-2 rounded mt-2">{{ $req['help'] }}</p>
                @endif
            </div>
        </div>
    @endforeach
</div>

<div class="mt-8 flex justify-between items-center">
    <div></div>
    @if($allOk)
        <a href="{{ route('install.database') }}"
           class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition">
            مرحله بعد → تنظیم دیتابیس
        </a>
    @else
        <button disabled class="bg-slate-300 text-slate-500 px-6 py-2.5 rounded-lg cursor-not-allowed">
            ابتدا مشکلات بالا را برطرف کنید
        </button>
    @endif
</div>
@endsection