@extends('layouts.portal')

@section('title', 'Admin')
@section('page-title', __('Admin Dashboard'))

@section('sidebar')
    @include('admin.partials.sidebar')
@endsection

@section('content')
@if(($stats['pending_employers'] ?? 0) > 0)
    <div class="mb-6 rounded-xl border border-amber-200 bg-amber-50 p-4 text-sm text-amber-900">
        <strong>{{ $stats['pending_employers'] }}</strong> {{ __('employer registration(s) awaiting approval.') }}
        <a href="{{ route('admin.employers.index', ['status' => 'pending']) }}" class="ml-2 font-semibold underline">{{ __('Review pending') }}</a>
    </div>
@endif
<div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
    @foreach($stats as $label => $value)
        <div class="card">
            <p class="text-sm capitalize text-gray-500">{{ str_replace('_', ' ', $label) }}</p>
            <p class="mt-2 text-3xl font-bold text-gray-900">{{ number_format($value) }}</p>
        </div>
    @endforeach
</div>

<div class="mt-8 grid gap-8 lg:grid-cols-2">
    <div class="card">
        <h2 class="font-semibold">{{ __('Recent Jobs') }}</h2>
        <div class="mt-4 divide-y text-sm">
            @foreach($recentJobs as $job)
                <div class="flex justify-between py-2">
                    <span>{{ $job->title }}</span>
                    <span class="badge bg-gray-100">{{ $job->status->label() }}</span>
                </div>
            @endforeach
        </div>
    </div>
    <div class="card">
        <h2 class="font-semibold">{{ __('Recent Applications') }}</h2>
        <div class="mt-4 divide-y text-sm">
            @foreach($recentApplications as $app)
                <div class="flex justify-between py-2">
                    <span>{{ $app->full_name }}</span>
                    <span class="text-gray-500">{{ $app->job->title }}</span>
                </div>
            @endforeach
        </div>
    </div>
</div>
@endsection