@extends('admin.layouts.app')

@section('title', 'Dashboard')

@section('content')
<div class="space-y-8">
    <!-- Page Header -->
    <div class="flex items-center justify-between gap-4">
        <div>
            <h1 class="text-2xl font-bold text-slate-900">Platform Control Center</h1>
            <p class="text-sm text-slate-600 mt-1">Monitor performance, approvals, and system health</p>
        </div>
        <div class="ml-auto flex items-center gap-3">
            <div class="hidden sm:flex items-center gap-2 text-sm text-slate-600">
                <label class="text-xs text-slate-500">Range</label>
                <select class="rounded-md border border-slate-200 px-3 py-2 text-sm">
                    <option>Last 7 days</option>
                    <option>Last 30 days</option>
                    <option>Last 90 days</option>
                </select>
            </div>
            <button class="admin-btn admin-btn-primary">Export</button>
        </div>
    </div>

    <!-- KPI Cards -->
    <div class="grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-4">
        @include('admin.components.stat_card', [
            'label' => 'Healthcare Workers',
            'value' => $stats['nurses_total'] ?? 0,
            'delta' => '+' . ($stats['nurses_delta_week'] ?? 0) . '% vs last week',
            'sparkline' => $trends['nurses'] ?? [1,2,3,2,4,3,5],
            'color' => '[#1D5BBF]',
            'icon' => 'fa-solid fa-user-nurse'
        ])

        @include('admin.components.stat_card', [
            'label' => 'Active Employers',
            'value' => $stats['employers_active'] ?? 0,
            'delta' => '+' . ($stats['employers_delta_month'] ?? 0) . '% vs last month',
            'sparkline' => $trends['employers'] ?? [2,3,3,4,5,6,5],
            'color' => '[#27B1A2]',
            'icon' => 'fa-solid fa-briefcase'
        ])

        @include('admin.components.stat_card', [
            'label' => 'Open Jobs',
            'value' => $stats['jobs_open'] ?? 0,
            'delta' => ($stats['jobs_delta'] ?? 0) . '% change this week',
            'sparkline' => $trends['jobs'] ?? [3,2,4,3,5,4,6],
            'color' => 'purple-500',
            'icon' => 'fa-solid fa-briefcase'
        ])

        @include('admin.components.stat_card', [
            'label' => 'Open Reports',
            'value' => $stats['reports_open'] ?? 0,
            'delta' => 'Safety & quality issues',
            'sparkline' => $trends['reports'] ?? [0,1,0,0,2,1,0],
            'color' => 'red-500',
            'icon' => 'fa-solid fa-flag'
        ])
    </div>

    <!-- Main Panels -->
    <div class="grid gap-6 lg:grid-cols-3">
        <div class="lg:col-span-2 space-y-6">
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200">
                <div class="p-6 border-b border-slate-200">
                    <h2 class="text-lg font-semibold text-slate-900">System Health</h2>
                    <p class="text-sm text-slate-600 mt-1">Errors, queues, and reports</p>
                </div>
                <div class="p-6">
                    @include('admin.dashboard._system_health', ['systemHealth' => $systemHealth])
                </div>
            </div>

            <div class="bg-white rounded-2xl shadow-sm border border-slate-200">
                <div class="p-6 border-b border-slate-200">
                    <h2 class="text-lg font-semibold text-slate-900">Jobs Activity</h2>
                    <p class="text-sm text-slate-600 mt-1">Recent job postings & trends</p>
                </div>
                <div class="p-6">
                    @include('admin.dashboard._chart_summary', ['chartData' => $chartData])
                </div>
            </div>
        </div>

        <div class="space-y-6">
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-6">
                <h2 class="text-lg font-semibold text-slate-900">Quick Actions</h2>
                <p class="text-sm text-slate-600 mt-1">Common administrative tasks</p>
                <div class="mt-4">
                    <div class="grid gap-3">
                        @include('admin.dashboard._quick_actions', ['pendingCounts' => $pendingCounts ?? []])
                    </div>
                </div>
            </div>

            @include('admin.components.activity_feed', ['items' => $recentActivity ?? []])
        </div>
    </div>

    

    <!-- Action Queues -->
    <div class="grid gap-6 lg:grid-cols-3">
        <!-- Pending Employers -->
        <div class="bg-white rounded-2xl shadow-sm border border-slate-200">
            <div class="p-6 border-b border-slate-200">
                <h2 class="text-lg font-semibold text-slate-900">Pending Employers</h2>
                <p class="text-sm text-slate-600 mt-1">Awaiting approval</p>
            </div>
            <div class="p-6">
                @include('admin.dashboard._pending_employers', ['pendingEmployers' => $pendingEmployers])
            </div>
        </div>

        <!-- Jobs Queue -->
        @php
            $jobsPendingLink = \Illuminate\Support\Facades\Route::has('admin.jobs.pending')
                ? route('admin.jobs.pending')
                : route('admin.jobs.index');
        @endphp
        <div class="bg-white rounded-2xl shadow-sm border border-slate-200">
            <div class="p-6 border-b border-slate-200">
                <h2 class="text-lg font-semibold text-slate-900">Jobs Queue</h2>
                <p class="text-sm text-slate-600 mt-1">Pending approval</p>
            </div>
            <div class="p-6">
                @include('admin.dashboard._jobs_queue', ['jobsQueue' => $jobsQueue])
            </div>
        </div>

        <!-- Open Reports -->
        <div class="bg-white rounded-2xl shadow-sm border border-slate-200">
            <div class="p-6 border-b border-slate-200">
                <h2 class="text-lg font-semibold text-slate-900">Open Reports</h2>
                <p class="text-sm text-slate-600 mt-1">Safety & quality issues</p>
            </div>
            <div class="p-6">
                @include('admin.dashboard._open_reports', ['openReports' => $openReports])
            </div>
        </div>
    </div>
</div>
@endsection