@extends('layouts.app')
@section('title', 'PC Health Center')

@section('contents')
<x-layouts.page-wrapper
    title="PC Health Center"
    :breadcrumbs="[
        'Admin Controls' => null,
        'PC Health Center' => null,
    ]"
>
    <div class="col-12 mx-auto">
        <div class="alert alert-info mb-3">
            Simple tools to find and fix confused PCs (orphan drafts, PCFMS still active, wrong listing).
            Open a rule → see list → Fix → Rollback if needed.
            Use <strong>Fix PC</strong> for one scheme by hand.
        </div>

        <div class="mb-3">
            <a href="{{ route('admin-controls.pc-health-center.fix-pc') }}" class="btn btn-primary">
                Fix PC (search ADP / UID / name)
            </a>
        </div>

        <div class="row">
            @foreach ($cards as $card)
                <div class="col-md-6 col-lg-4 mb-3">
                    <div class="card h-100">
                        <div class="card-body">
                            <h5 class="card-title mb-1">
                                <span class="badge badge-dark">{{ $card['code'] }}</span>
                                {{ $card['title'] }}
                            </h5>
                            <p class="card-text text-muted small mb-3">{{ $card['definition'] }}</p>
                            <a href="{{ route('admin-controls.pc-health-center.rule', $card['code']) }}" class="btn btn-sm btn-outline-primary">
                                Open {{ $card['code'] }} — list / fix / rollback
                            </a>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</x-layouts.page-wrapper>
@endsection