@extends('admin.layout')

@section('title', 'Super admin overview')

@section('content')
<main class="page">
    <span class="eyebrow">Super admin</span>
    <h1 class="title">Platform overview</h1>
    <p class="muted">Review activity across accounts, employers, job postings, and applications.</p>

    <section class="stats" aria-label="Platform totals">
        @foreach ([['Accounts', 'users', 'admin.users'], ['New users today', 'usersToday', 'admin.users'], ['Active users (15 min)', 'activeUsers', 'admin.users'], ['Job seekers', 'jobSeekers', 'admin.job-seekers'], ['Employers', 'employers', 'admin.employers'], ['Pending employers', 'pendingEmployers', 'admin.employers'], ['Job postings', 'jobs', 'admin.jobs'], ['Open jobs', 'openJobs', 'admin.jobs'], ['Applications', 'applications', 'admin.applications'], ['Upcoming interviews', 'upcomingInterviews', 'admin.interviews'], ['Categories', 'categories', 'admin.categories']] as [$label, $key, $route])
            <a class="stat" href="{{ route($route) }}" style="text-decoration:none;color:inherit"><div class="stat-label">{{ $label }}</div><div class="stat-value">{{ number_format($counts[$key]) }}</div></a>
        @endforeach
    </section>

    <div class="dashboard-columns">
      <div class="dashboard-column">
        <section class="panel analytics-panel">
            <div class="panel-head" style="padding:0 0 12px"><strong class="analytics-title">Platform activity</strong><span class="muted" style="font-size:12px">Last 7 days</span></div>
            <div class="chart-legend" aria-label="Chart legend"><span class="legend-item"><i class="legend-dot" style="background:#5a9bda"></i>Accounts</span><span class="legend-item"><i class="legend-dot" style="background:#36a477"></i>Jobs</span><span class="legend-item"><i class="legend-dot" style="background:#f1ad4c"></i>Applications</span></div>
            <div class="bar-chart" role="img" aria-label="Daily account registrations, job postings, and applications over the past seven days">
                @foreach ($dailyActivity as $day)
                    <div class="bar-day" title="{{ $day['date'] }} · {{ $day['users'] }} accounts · {{ $day['jobs'] }} jobs · {{ $day['applications'] }} applications">
                        <div class="bar-pair">
                            <span class="bar users" style="height:{{ max(2, (int) round($day['users'] / $maxActivity * 100)) }}%"></span>
                            <span class="bar jobs" style="height:{{ max(2, (int) round($day['jobs'] / $maxActivity * 100)) }}%"></span>
                            <span class="bar apps" style="height:{{ max(2, (int) round($day['applications'] / $maxActivity * 100)) }}%"></span>
                        </div><small>{{ $day['label'] }}</small>
                    </div>
                @endforeach
            </div>
            <p class="analytics-note">Bars show daily activity. Hover over a day for exact totals. Today: {{ number_format($counts['usersToday']) }} new users and {{ number_format($counts['activeUsers']) }} active in the last 15 minutes.</p>
        </section>

        <section class="panel">
            <div class="panel-head"><strong>Recently registered accounts</strong><a href="{{ route('admin.users') }}">View all</a></div>
            @if ($recentUsers->isEmpty())<div class="empty">No accounts yet.</div>@else
                <div class="table-wrap"><table><thead><tr><th>Name</th><th>Email</th><th>Account type</th><th>Joined</th></tr></thead><tbody>
                    @foreach ($recentUsers as $user)<tr><td class="company">{{ $user->name }}</td><td>{{ $user->email }}</td><td>{{ str($user->role->value)->replace('_', ' ')->title() }}</td><td class="nowrap">{{ $user->created_at?->format('d M Y') }}</td></tr>@endforeach
                </tbody></table></div>
            @endif
        </section>

        <section class="panel">
            <div class="panel-head"><strong>Recent job postings</strong><a href="{{ route('admin.jobs') }}">View all</a></div>
            @if ($recentJobs->isEmpty())<div class="empty">No job postings yet.</div>@else
                <div class="table-wrap"><table><thead><tr><th>Job</th><th>Employer</th><th>Status</th><th>Created</th></tr></thead><tbody>
                    @foreach ($recentJobs as $job)<tr><td class="company">{{ $job->title }}</td><td>{{ $job->employer?->company_name ?: 'Employer unavailable' }}</td><td>{{ str($job->status)->title() }}</td><td class="nowrap">{{ $job->created_at?->format('d M Y') }}</td></tr>@endforeach
                </tbody></table></div>
            @endif
        </section>

        <section class="panel">
            <div class="panel-head"><strong>Recent applications</strong><a href="{{ route('admin.applications') }}">View all</a></div>
            @if ($recentApplications->isEmpty())<div class="empty">No applications yet.</div>@else
                <div class="table-wrap"><table><thead><tr><th>Applicant</th><th>Job</th><th>Status</th><th>Applied</th></tr></thead><tbody>
                    @foreach ($recentApplications as $application)<tr><td class="company">{{ $application->jobSeeker?->user?->name ?: 'Account unavailable' }}</td><td>{{ $application->jobPosting?->title ?: 'Job unavailable' }}</td><td>{{ str($application->status)->replace('_', ' ')->title() }}</td><td class="nowrap">{{ $application->created_at?->format('d M Y') }}</td></tr>@endforeach
                </tbody></table></div>
            @endif
        </section>
      </div>
      <aside class="dashboard-column" aria-label="Analytics breakdowns">
        <section class="panel analytics-panel">
            <h2 class="analytics-title">Account types</h2>
            @php($maxAccounts = max(1, (int) ($accountRoles->max('total') ?? 0)))
            <div class="metric-list">
                @forelse ($accountRoles as $item)
                    <div class="metric-row"><span class="metric-label">{{ str($item->role->value)->replace('_', ' ')->title() }}</span><span class="metric-count">{{ number_format($item->total) }}</span><div class="metric-track"><div class="metric-fill" style="width:{{ (int) round($item->total / $maxAccounts * 100) }}%"></div></div></div>
                @empty<p class="muted">No accounts to show.</p>@endforelse
            </div>
        </section>
        <section class="panel analytics-panel">
            <h2 class="analytics-title">Application statuses</h2>
            @php($maxApplications = max(1, (int) ($applicationStatuses->max('total') ?? 0)))
            <div class="metric-list">
                @forelse ($applicationStatuses as $item)
                    <div class="metric-row"><span class="metric-label">{{ str($item->status)->replace('_', ' ')->title() }}</span><span class="metric-count">{{ number_format($item->total) }}</span><div class="metric-track"><div class="metric-fill" style="width:{{ (int) round($item->total / $maxApplications * 100) }}%"></div></div></div>
                @empty<p class="muted">No applications to show.</p>@endforelse
            </div>
        </section>
      </aside>
    </div>
</main>
@endsection