@extends('layouts.dashboard')
@section('title', __('System Health'))
@section('page_title', __('System Health'))

@section('content')
    @php
        $badge = ['ok' => 'success', 'warn' => 'warning', 'fail' => 'danger'];
        $icon = ['ok' => 'bi-check-circle-fill', 'warn' => 'bi-exclamation-triangle-fill', 'fail' => 'bi-x-circle-fill'];
        $groups = collect($checks)->groupBy('group');
    @endphp

    <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
        <div>
            <span class="badge bg-success me-1">{{ $summary['ok'] }} {{ __('OK') }}</span>
            <span class="badge bg-warning text-dark me-1">{{ $summary['warn'] }} {{ __('warnings') }}</span>
            <span class="badge bg-danger">{{ $summary['fail'] }} {{ __('problems') }}</span>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.system.index') }}" class="btn btn-light btn-sm"><i class="bi bi-arrow-left me-1"></i>{{ __('System & Updates') }}</a>
            <a href="{{ route('admin.system.health') }}" class="btn btn-primary btn-sm"><i class="bi bi-arrow-repeat me-1"></i>{{ __('Re-check') }}</a>
        </div>
    </div>

    @if($summary['fail'] === 0 && $summary['warn'] === 0)
        <div class="alert alert-success"><i class="bi bi-check-circle-fill me-1"></i>{{ __('Everything looks healthy.') }}</div>
    @endif

    @foreach($groups as $group => $rows)
        <div class="card shadow-sm mb-3">
            <div class="card-header bg-white fw-semibold">{{ __($group) }}</div>
            <ul class="list-group list-group-flush">
                @foreach($rows as $row)
                    <li class="list-group-item">
                        <div class="d-flex gap-2 align-items-start">
                            <i class="bi {{ $icon[$row['status']] }} text-{{ $badge[$row['status']] }} mt-1"></i>
                            <div class="flex-grow-1">
                                <div class="d-flex flex-wrap justify-content-between gap-2">
                                    <strong>{{ __($row['label']) }}</strong>
                                    <span class="small text-muted">{{ $row['detail'] }}</span>
                                </div>
                                @if($row['status'] !== 'ok' && $row['fix'])
                                    <div class="small mt-1 text-{{ $row['status'] === 'fail' ? 'danger' : 'body-secondary' }}"><i class="bi bi-wrench-adjustable me-1"></i>{{ $row['fix'] }}</div>
                                @endif
                            </div>
                        </div>
                    </li>
                @endforeach
            </ul>
        </div>
    @endforeach
@endsection