@extends('layouts.platform')
@section('title', 'System Health')
@section('header', 'System Health')

@section('content')
    <div class="grid gap-6 lg:grid-cols-2">
        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6">
            <h2 class="text-base font-semibold text-gray-900">Runtime</h2>
            <dl class="mt-4 space-y-3 text-sm">
                <div class="flex items-center justify-between gap-4">
                    <dt class="text-gray-500">Application</dt>
                    <dd class="font-medium text-gray-900">{{ $checks['app_version'] }}</dd>
                </div>
                <div class="flex items-center justify-between gap-4">
                    <dt class="text-gray-500">Environment</dt>
                    <dd class="font-medium text-gray-900">{{ $checks['environment'] }}</dd>
                </div>
                <div class="flex items-center justify-between gap-4">
                    <dt class="text-gray-500">Debug mode</dt>
                    <dd class="font-medium text-gray-900">{{ $checks['debug_enabled'] ? 'On' : 'Off' }}</dd>
                </div>
                <div class="flex items-center justify-between gap-4">
                    <dt class="text-gray-500">PHP version</dt>
                    <dd class="font-medium text-gray-900">{{ $checks['php_version'] }}</dd>
                </div>
                <div class="flex items-center justify-between gap-4">
                    <dt class="text-gray-500">Server</dt>
                    <dd class="font-medium text-gray-900">{{ $checks['platform'] }}</dd>
                </div>
                <div class="flex items-center justify-between gap-4">
                    <dt class="text-gray-500">Maintenance mode</dt>
                    <dd class="font-medium text-gray-900">{{ $checks['maintenance_mode'] ? 'Active' : 'Off' }}</dd>
                </div>
            </dl>
        </div>

        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6">
            <h2 class="text-base font-semibold text-gray-900">Infrastructure</h2>
            <dl class="mt-4 space-y-3 text-sm">
                <div class="flex items-center justify-between gap-4">
                    <dt class="text-gray-500">Database</dt>
                    <dd class="font-medium text-gray-900">{{ $checks['db_connection'] }} · {{ $checks['db_name'] }}</dd>
                </div>
                <div class="flex items-center justify-between gap-4">
                    <dt class="text-gray-500">Cache driver</dt>
                    <dd class="font-medium text-gray-900">{{ $checks['cache_driver'] }}</dd>
                </div>
                <div class="flex items-center justify-between gap-4">
                    <dt class="text-gray-500">Session driver</dt>
                    <dd class="font-medium text-gray-900">{{ $checks['session_driver'] }}</dd>
                </div>
                <div class="flex items-center justify-between gap-4">
                    <dt class="text-gray-500">Queue connection</dt>
                    <dd class="font-medium text-gray-900">{{ $checks['queue_connection'] }}</dd>
                </div>
                <div class="flex items-center justify-between gap-4">
                    <dt class="text-gray-500">Storage writable</dt>
                    <dd>
                        @if($checks['storage_writable'])
                            <span class="inline-flex rounded-full bg-emerald-100 px-2.5 py-0.5 text-xs font-medium text-emerald-700">Yes</span>
                        @else
                            <span class="inline-flex rounded-full bg-red-100 px-2.5 py-0.5 text-xs font-medium text-red-700">No</span>
                        @endif
                    </dd>
                </div>
                <div class="flex items-center justify-between gap-4">
                    <dt class="text-gray-500">Failed jobs queue</dt>
                    <dd class="font-medium text-gray-900">{{ $checks['failed_jobs'] }}</dd>
                </div>
            </dl>
        </div>

        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6">
            <h2 class="text-base font-semibold text-gray-900">Schema</h2>
            <p class="mt-2 text-sm text-gray-500">{{ count($checks['tables']) }} tables present.</p>
            @if($missingCritical->isNotEmpty())
                <div class="mt-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">
                    Missing critical tables: {{ $missingCritical->implode(', ') }} — run <code>artisan migrate</code>.
                </div>
            @else
                <div class="mt-4 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-800">
                    All critical tables are present.
                </div>
            @endif
        </div>

        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6">
            <h2 class="text-base font-semibold text-gray-900">Backups</h2>
            @if($checks['last_backup'])
                <p class="mt-3 text-sm text-gray-500">Last successful backup:</p>
                <p class="mt-1 text-sm font-medium text-gray-900">{{ $checks['last_backup']->label }}</p>
                <p class="text-xs text-gray-400">{{ optional($checks['last_backup']->completed_at)->diffForHumans() }}</p>
            @else
                <p class="mt-3 text-sm text-gray-500">No successful backups recorded yet.</p>
            @endif
            <div class="mt-4">
                <a href="{{ route('platform.system.backups.index') }}" class="text-sm font-semibold text-primary-600 hover:text-primary-700">Manage backups →</a>
            </div>
        </div>
    </div>
@endsection