{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: health.blade.php
------------------------------------------------------
Use: Admin health page on the shared panel shell.
     Skeleton for M0; the full comprehensive test
     system is built out in M7.
=====================================================
--}}

@extends('layouts.admin')

@section('title', __('admin.health.title'))

@section('breadcrumb')
    <x-ui.breadcrumb :items="[
        ['label' => __('admin.breadcrumb.home'), 'url' => route('admin.users.index')],
        ['label' => __('admin.health.breadcrumb')],
    ]" />
@endsection

@section('page')
    <h1 class="mb-1 text-2xl font-bold tracking-tight">{{ __('admin.health.title') }}</h1>

    <x-ui.info-box class="mt-4">
        {{ __('admin.health.info') }}
    </x-ui.info-box>

    <div class="mt-6 overflow-hidden rounded-2xl border border-line bg-white">
        <div class="overflow-x-auto">
            <table class="w-full text-right text-sm">
                <thead class="bg-page text-xs text-ink-faint">
                    <tr>
                        <th scope="col" class="px-5 py-3 font-medium">{{ __('admin.health.check') }}</th>
                        <th scope="col" class="px-5 py-3 font-medium">{{ __('admin.health.status') }}</th>
                        <th scope="col" class="px-5 py-3 font-medium">{{ __('admin.health.detail') }}</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-line">
                    @foreach ($checks as $key => $check)
                        <tr>
                            <td class="px-5 py-4 text-ink">{{ __("admin.health.checks.{$key}") }}</td>
                            <td class="px-5 py-4">
                                @if ($check['passing'])
                                    <span class="inline-flex rounded-full bg-primary-50 px-2.5 py-1 text-xs font-medium text-primary-700">
                                        {{ __('admin.health.passing') }}
                                    </span>
                                @else
                                    <span class="inline-flex rounded-full bg-secondary-50 px-2.5 py-1 text-xs font-medium text-secondary-600">
                                        {{ __('admin.health.failing') }}
                                    </span>
                                @endif
                            </td>
                            <td class="px-5 py-4 font-mono text-xs text-ink-muted" dir="ltr">{{ $check['detail'] }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    {{-- Recent problems straight out of the project logs (constitution §7). --}}
    <h2 class="mb-3 mt-8 text-[15px] font-bold">{{ __('admin.health.logs_title') }}</h2>

    <div class="overflow-hidden rounded-2xl border border-line bg-white">
        @forelse ($problems as $problem)
            <div @class(['flex items-start gap-3 px-5 py-3.5', 'border-t border-line' => ! $loop->first])>
                <span @class([
                    'mt-0.5 shrink-0 rounded-full px-2.5 py-1 text-[11px] font-bold',
                    'bg-[#fff5e6] text-amber-600' => $problem['level'] === 'WARNING',
                    'bg-secondary-50 text-secondary-500' => $problem['level'] !== 'WARNING',
                ])>{{ $problem['level'] }}</span>
                <div class="min-w-0 flex-1">
                    <div class="break-all font-mono text-xs leading-6 text-ink" dir="ltr">{{ $problem['text'] }}</div>
                    {{-- Left-aligned so it sits under the LTR error text. --}}
                    <div class="mt-0.5 text-left text-[11px] text-ink-faint" dir="ltr">@jalaliDateTime($problem['time'])</div>
                </div>
            </div>
        @empty
            <p class="px-5 py-6 text-center text-sm text-ink-muted">{{ __('admin.health.logs_empty') }}</p>
        @endforelse
    </div>
@endsection