@extends('layouts.admin')
@section('title', 'Platform Health')

@push('styles')
<style>
    .ph-header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1.5rem; }
    .ph-header h1 { font-size:1.5rem; font-weight:700; margin:0; }
    .ph-header p { color:var(--text-secondary,#6b7280); font-size:0.88rem; margin-top:0.25rem; }
    .ph-status-pill { padding:6px 14px; border-radius:999px; font-size:0.78rem; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; display:inline-flex; align-items:center; gap:0.45rem; }
    .ph-status-good   { background:rgba(0,212,170,0.15); color:#00D4AA; }
    .ph-status-warn   { background:rgba(255,176,32,0.15); color:#FFB020; }
    .ph-status-bad    { background:rgba(255,71,87,0.15);  color:#FF4757; }
    .ph-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:1rem; margin-bottom:1.5rem; }
    .ph-card { background:var(--bg-card); border:1px solid var(--border); border-radius:12px; padding:1.25rem; }
    .ph-card.alert { border-color:rgba(255,71,87,0.4); background:linear-gradient(180deg, rgba(255,71,87,0.04), var(--bg-card)); }
    .ph-card.warn  { border-color:rgba(255,176,32,0.4); background:linear-gradient(180deg, rgba(255,176,32,0.04), var(--bg-card)); }
    .ph-card h3 { font-size:0.78rem; color:var(--text-muted,#9CA3AF); text-transform:uppercase; letter-spacing:0.06em; font-weight:600; margin:0 0 0.5rem; display:flex; align-items:center; gap:0.45rem; }
    .ph-card .num { font-size:2rem; font-weight:800; line-height:1; }
    .ph-card .num.bad { color:#FF4757; }
    .ph-card .num.warn { color:#FFB020; }
    .ph-card .num.good { color:#00D4AA; }
    .ph-card .sub { color:var(--text-secondary,#6b7280); font-size:0.82rem; margin-top:0.4rem; }
    .ph-card .actions { margin-top:0.75rem; display:flex; gap:0.5rem; flex-wrap:wrap; }
    .ph-btn { padding:0.4rem 0.85rem; font-size:0.78rem; font-weight:600; border-radius:6px; text-decoration:none; border:1px solid var(--border); color:var(--text-primary); background:var(--bg-secondary); cursor:pointer; }
    .ph-btn-primary { background:var(--accent,#10BFFF); color:#fff; border-color:var(--accent,#10BFFF); }
    .ph-section { background:var(--bg-card); border:1px solid var(--border); border-radius:12px; padding:1.25rem; margin-bottom:1rem; }
    .ph-section h2 { font-size:1rem; font-weight:700; margin:0 0 0.75rem; display:flex; align-items:center; gap:0.5rem; }
    .ph-list { list-style:none; padding:0; margin:0; }
    .ph-list li { padding:0.65rem 0; border-bottom:1px solid var(--border); font-size:0.85rem; display:flex; justify-content:space-between; align-items:center; gap:0.5rem; }
    .ph-list li:last-child { border-bottom:none; }
    .ph-list .lbl { color:var(--text-primary); }
    .ph-list .age { color:var(--text-muted,#9CA3AF); font-size:0.75rem; }
    .ph-empty { color:var(--text-muted,#9CA3AF); font-size:0.85rem; padding:0.75rem 0; text-align:center; }
</style>
@endpush

@section('content')
<div class="ph-header">
    <div>
        <h1><i class="fas fa-heart-pulse"></i> Platform Health</h1>
        <p>Live ops dashboard. Anything actionable surfaces here so problems don't slip past.</p>
    </div>
    @if($totalActionable === 0)
        <span class="ph-status-pill ph-status-good"><i class="fas fa-check"></i> All clear</span>
    @elseif($totalActionable < 5)
        <span class="ph-status-pill ph-status-warn"><i class="fas fa-triangle-exclamation"></i> {{ $totalActionable }} need attention</span>
    @else
        <span class="ph-status-pill ph-status-bad"><i class="fas fa-circle-exclamation"></i> {{ $totalActionable }} need attention</span>
    @endif
</div>

@if(session('success'))
    <div style="background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.3);color:#00D4AA;padding:0.75rem 1rem;border-radius:8px;margin-bottom:1rem;">{{ session('success') }}</div>
@endif

{{-- Top KPI cards --}}
<div class="ph-grid">
    <div class="ph-card {{ $failedJobsCount > 0 ? 'alert' : '' }}">
        <h3><i class="fas fa-bug"></i> Failed Queue Jobs</h3>
        <div class="num {{ $failedJobsCount > 0 ? 'bad' : 'good' }}">{{ number_format($failedJobsCount) }}</div>
        <div class="sub">Background tasks that crashed and stopped retrying.</div>
        @if($failedJobsCount > 0)
            <div class="actions">
                <form method="POST" action="{{ route('admin.health.retry-all-jobs') }}" style="display:inline;"
                      data-confirm="Re-queue all {{ $failedJobsCount }} failed jobs? They'll run again from scratch."
                      data-confirm-type="warning"
                      data-confirm-title="Retry all jobs?"
                      data-confirm-button="Retry all">
                    @csrf
                    <button class="ph-btn ph-btn-primary"><i class="fas fa-rotate"></i> Retry All</button>
                </form>
            </div>
        @endif
    </div>

    <div class="ph-card {{ $pendingWithdrawalsCount > 0 ? 'warn' : '' }}">
        <h3><i class="fas fa-money-bill-transfer"></i> Pending Withdrawals</h3>
        <div class="num {{ $pendingWithdrawalsCount > 0 ? 'warn' : 'good' }}">{{ number_format($pendingWithdrawalsCount) }}</div>
        <div class="sub">Waiting for admin approval before Paystack transfer.</div>
        @if($pendingWithdrawalsCount > 0 && \Illuminate\Support\Facades\Route::has('admin.withdrawals'))
            <div class="actions">
                <a href="{{ route('admin.withdrawals') }}" class="ph-btn">Review queue</a>
            </div>
        @endif
    </div>

    <div class="ph-card {{ $stalePendingKycCount > 0 ? 'warn' : '' }}">
        <h3><i class="fas fa-id-card"></i> Stale KYC (&gt; 48h)</h3>
        <div class="num {{ $stalePendingKycCount > 0 ? 'warn' : 'good' }}">{{ number_format($stalePendingKycCount) }}</div>
        <div class="sub">Identity verifications waiting longer than two days.</div>
        @if($stalePendingKycCount > 0)
            <div class="actions">
                <a href="{{ route('admin.verifications') }}" class="ph-btn">Review</a>
            </div>
        @endif
    </div>

    <div class="ph-card {{ $staleDisputesCount > 0 ? 'alert' : '' }}">
        <h3><i class="fas fa-gavel"></i> Stale Disputes (&gt; 24h)</h3>
        <div class="num {{ $staleDisputesCount > 0 ? 'bad' : 'good' }}">{{ number_format($staleDisputesCount) }}</div>
        <div class="sub">Disputes with no admin update in the past day.</div>
        @if($staleDisputesCount > 0)
            <div class="actions">
                <a href="{{ route('admin.escrow.disputes') }}" class="ph-btn">Open queue</a>
            </div>
        @endif
    </div>

    <div class="ph-card {{ $failedPaymentsCount > 0 || $stuckPendingPaymentsCount > 0 ? 'warn' : '' }}">
        <h3><i class="fas fa-credit-card"></i> Payment Failures (24h)</h3>
        <div class="num {{ $failedPaymentsCount > 0 ? 'warn' : 'good' }}">{{ number_format($failedPaymentsCount) }}</div>
        <div class="sub">
            Failed/expired subscription charges in the last 24h.
            @if($stuckPendingPaymentsCount > 0)
                <strong style="color:#FFB020;">+ {{ $stuckPendingPaymentsCount }} stuck pending &gt;2h</strong>
            @endif
        </div>
    </div>

    <div class="ph-card {{ $churnedTenantsCount > 0 ? 'warn' : '' }}">
        <h3><i class="fas fa-arrow-down-up-across-line"></i> Churn (Last 7d)</h3>
        <div class="num {{ $churnedTenantsCount > 0 ? 'warn' : 'good' }}">{{ number_format($churnedTenantsCount) }}</div>
        <div class="sub">Paid tenants whose subscription expired without renewing.</div>
    </div>

    @if(\Illuminate\Support\Facades\Schema::hasTable('mail_log'))
        <div class="ph-card {{ $bouncedEmailsCount > 0 ? 'warn' : '' }}">
            <h3><i class="fas fa-envelope-circle-check"></i> Email Bounces (3d)</h3>
            <div class="num {{ $bouncedEmailsCount > 0 ? 'warn' : 'good' }}">{{ number_format($bouncedEmailsCount) }}</div>
            <div class="sub">Mailables that failed delivery.</div>
        </div>
    @endif
</div>

{{-- Drill-downs --}}
@if($pendingWithdrawals->isNotEmpty())
<div class="ph-section">
    <h2><i class="fas fa-money-bill-transfer"></i> Pending Withdrawals</h2>
    <ul class="ph-list">
        @foreach($pendingWithdrawals as $w)
            <li>
                <span class="lbl">
                    @php $owner = optional(optional($w->wallet)->user); @endphp
                    {{ $owner->name ?? 'Unknown' }} —
                    <span style="color:var(--text-muted,#9CA3AF);">{{ $owner->email ?? '—' }}</span>
                    · ₦{{ number_format($w->amount, 2) }}
                </span>
                <span class="age" title="{{ $w->created_at }}">{{ $w->created_at->diffForHumans() }}</span>
            </li>
        @endforeach
    </ul>
</div>
@endif

@if($staleDisputes->isNotEmpty())
<div class="ph-section">
    <h2><i class="fas fa-gavel"></i> Stale Disputes</h2>
    <ul class="ph-list">
        @foreach($staleDisputes as $d)
            <li>
                <span class="lbl">
                    Dispute #{{ $d->id }} —
                    {{ optional($d->transaction)->title ?? 'Transaction #' . $d->escrow_transaction_id }}
                </span>
                <span class="age">No update {{ $d->updated_at->diffForHumans() }} · <a href="{{ route('admin.escrow.disputes') }}" style="color:var(--accent);">Resolve</a></span>
            </li>
        @endforeach
    </ul>
</div>
@endif

@if($churnedTenants->isNotEmpty())
<div class="ph-section">
    <h2><i class="fas fa-arrow-down-up-across-line"></i> Churned Tenants</h2>
    <ul class="ph-list">
        @foreach($churnedTenants as $t)
            <li>
                <span class="lbl">
                    {{ $t->name }} —
                    <span style="color:var(--text-muted,#9CA3AF);">{{ optional($t->user)->email ?? 'no owner' }}</span>
                    · {{ ucfirst($t->plan) }}
                </span>
                <span class="age">expired {{ $t->subscription_ends_at?->diffForHumans() ?? '—' }} · <a href="{{ route('admin.inventory.tenants.show', $t->id) }}" style="color:var(--accent);">Open</a></span>
            </li>
        @endforeach
    </ul>
</div>
@endif

@if($failedPayments->isNotEmpty())
<div class="ph-section">
    <h2><i class="fas fa-credit-card"></i> Recent Payment Failures</h2>
    <ul class="ph-list">
        @foreach($failedPayments as $p)
            <li>
                <span class="lbl">
                    {{ optional($p->user)->email ?? 'unknown' }} —
                    <code>{{ $p->reference }}</code>
                    · ₦{{ number_format($p->amount, 2) }}
                    · <span style="color:#FF4757;">{{ ucfirst($p->status) }}</span>
                </span>
                <span class="age">{{ $p->updated_at->diffForHumans() }}</span>
            </li>
        @endforeach
    </ul>
</div>
@endif

@if($failedJobs->isNotEmpty())
<div class="ph-section">
    <h2><i class="fas fa-bug"></i> Recent Failed Jobs</h2>
    <ul class="ph-list">
        @foreach($failedJobs as $j)
            <li>
                <span class="lbl" style="font-family:monospace;font-size:0.78rem;">
                    {{ \Illuminate\Support\Str::limit(json_decode($j->payload)->displayName ?? 'Unknown', 90) }}
                </span>
                <span class="age">
                    {{ \Carbon\Carbon::parse($j->failed_at)->diffForHumans() }}
                    @if(auth()->user()->role === 'super_admin')
                        ·
                        <form method="POST" action="{{ route('admin.health.retry-job', $j->uuid) }}" style="display:inline;">
                            @csrf
                            <button class="ph-btn" style="padding:0.2rem 0.55rem;font-size:0.72rem;">Retry</button>
                        </form>
                    @endif
                </span>
            </li>
        @endforeach
    </ul>
</div>
@endif

@if($totalActionable === 0)
    <div class="ph-section" style="text-align:center;padding:2rem;">
        <div style="font-size:3rem;color:#00D4AA;margin-bottom:0.5rem;"><i class="fas fa-check-circle"></i></div>
        <div style="font-size:1.05rem;font-weight:700;">Everything is operating normally.</div>
        <div style="color:var(--text-muted,#9CA3AF);font-size:0.85rem;margin-top:0.4rem;">No queue failures, no stuck payments, no overdue support items.</div>
    </div>
@endif
@endsection