@extends('layouts.admin', ['heading' => 'Performance Monitoring', 'subheading' => 'Cron, queue, and system throughput visibility'])

@section('content')
    <div class="mb-4 grid grid-cols-1 gap-4 md:grid-cols-3 xl:grid-cols-6">
        <div class="admin-card p-4"><div class="text-xs text-slate-500">Users</div><div class="mt-1 text-xl font-semibold">{{ number_format((int) $summary['users']) }}</div></div>
        <div class="admin-card p-4"><div class="text-xs text-slate-500">Orders</div><div class="mt-1 text-xl font-semibold">{{ number_format((int) $summary['orders']) }}</div></div>
        <div class="admin-card p-4"><div class="text-xs text-slate-500">Wallet Txn</div><div class="mt-1 text-xl font-semibold">{{ number_format((int) $summary['wallet_transactions']) }}</div></div>
        <div class="admin-card p-4"><div class="text-xs text-slate-500">Pending Jobs</div><div class="mt-1 text-xl font-semibold">{{ number_format((int) $summary['pending_jobs']) }}</div></div>
        <div class="admin-card p-4"><div class="text-xs text-slate-500">Failed Jobs</div><div class="mt-1 text-xl font-semibold text-rose-600">{{ number_format((int) $summary['failed_jobs']) }}</div></div>
        <div class="admin-card p-4"><div class="text-xs text-slate-500">Last Cron</div><div class="mt-1 text-xs font-semibold">{{ $summary['last_successful_cron'] ? \Illuminate\Support\Carbon::parse($summary['last_successful_cron'])->format('d M Y H:i') : '-' }}</div></div>
    </div>

    <div class="mb-4 admin-card p-4">
        <form method="POST" action="{{ route('admin.performance.snapshot') }}">
            @csrf
            <button class="rounded bg-slate-900 px-4 py-2 text-white">Capture Snapshot</button>
        </form>
    </div>

    <div class="mb-4 admin-card p-4" id="cpanel-cron-guide">
        <div class="mb-2 text-sm font-semibold">cPanel Go-Live and Cron Job Guide</div>
        <div class="space-y-2 text-sm text-slate-600">
            <p>Use this on shared hosting where SSH is not available. Replace <code>USERNAME</code> and project path as needed.</p>
            <ol class="list-decimal space-y-1 pl-5">
                <li>Set <code>QUEUE_CONNECTION=database</code> in <code>.env</code> (no Redis required).</li>
                <li>Create cron job every minute for scheduler:</li>
            </ol>
            <pre class="overflow-x-auto rounded bg-slate-900 p-3 text-xs text-slate-100">* * * * * /usr/local/bin/php /home/USERNAME/public_html/artisan schedule:run &gt;&gt; /home/USERNAME/cron-schedule.log 2&gt;&amp;1</pre>
            <p>Optional worker cron (if you want background queue processing):</p>
            <pre class="overflow-x-auto rounded bg-slate-900 p-3 text-xs text-slate-100">* * * * * /usr/local/bin/php /home/USERNAME/public_html/artisan queue:work --queue=default --tries=3 --timeout=120 --stop-when-empty &gt;&gt; /home/USERNAME/cron-queue.log 2&gt;&amp;1</pre>
            <ol class="list-decimal space-y-1 pl-5" start="4">
                <li>Build frontend assets once (<code>npm run build</code>) and ensure <code>public/hot</code> is removed on production hosting.</li>
                <li>Run <code>php artisan storage:link</code> once after deployment.</li>
                <li>Ensure installer is locked and <code>APP_ENV=production</code>, <code>APP_DEBUG=false</code>.</li>
                <li>Check this page for cron entries and failed jobs after enabling cron.</li>
            </ol>
        </div>
    </div>

    <div class="grid grid-cols-1 gap-4 xl:grid-cols-2">
        <div class="admin-card p-4">
            <div class="mb-2 text-sm font-semibold">Recent Cron Runs</div>
            <div class="overflow-x-auto">
                <table class="min-w-full text-sm">
                    <thead class="bg-slate-100 text-left">
                        <tr><th class="p-2">Command</th><th class="p-2">Status</th><th class="p-2">Started</th><th class="p-2">Finished</th></tr>
                    </thead>
                    <tbody>
                        @forelse($recentCrons as $cron)
                            <tr class="border-t">
                                <td class="p-2">{{ $cron->command }}</td>
                                <td class="p-2">{{ ucfirst($cron->status) }}</td>
                                <td class="p-2">{{ optional($cron->started_at)->format('d M Y H:i:s') }}</td>
                                <td class="p-2">{{ optional($cron->finished_at)->format('d M Y H:i:s') ?: '-' }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="p-3 text-center text-slate-500">No cron log entries.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="admin-card p-4">
            <div class="mb-2 text-sm font-semibold">Performance Metrics</div>
            <div class="overflow-x-auto">
                <table class="min-w-full text-sm">
                    <thead class="bg-slate-100 text-left">
                        <tr><th class="p-2">Group</th><th class="p-2">Key</th><th class="p-2">Value</th><th class="p-2">Time</th></tr>
                    </thead>
                    <tbody>
                        @forelse($metrics as $metric)
                            <tr class="border-t">
                                <td class="p-2">{{ $metric->metric_group }}</td>
                                <td class="p-2">{{ $metric->metric_key }}</td>
                                <td class="p-2">{{ number_format((float) $metric->metric_value, 4) }} {{ $metric->unit }}</td>
                                <td class="p-2">{{ optional($metric->recorded_at)->format('d M Y H:i:s') }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="p-3 text-center text-slate-500">No metric snapshots.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection