@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <div><h2>System Health</h2><p class="text-muted mb-0">Production health checks for the application.</p></div>
    <span class="badge text-bg-{{ ($health['status'] ?? 'failed') === 'ok' ? 'success' : 'danger' }}">{{ strtoupper($health['status'] ?? 'UNKNOWN') }}</span>
</div>

<div class="row g-3">
    @foreach(($health['checks'] ?? []) as $name => $check)
        <div class="col-md-3">
            <div class="card shadow-sm h-100">
                <div class="card-body">
                    <h5>{{ ucfirst($name) }}</h5>
                    <span class="badge text-bg-{{ ($check['status'] ?? 'failed') === 'ok' ? 'success' : 'danger' }}">{{ strtoupper($check['status'] ?? 'UNKNOWN') }}</span>
                    <p class="text-muted mt-3 mb-0">{{ $check['message'] ?? '' }}</p>
                </div>
            </div>
        </div>
    @endforeach
</div>
@endsection