@extends('layouts.admin')

@section('title', 'Dashboard')

@section('content')
    <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
        @foreach ($counts as $card)
            @can($card['module'].'.view')
                <a href="{{ route($card['route']) }}" class="admin-card p-5 transition hover:shadow-md">
                    <p class="text-xs font-medium uppercase tracking-wider text-text-muted">{{ $card['label'] }}</p>
                    <p class="mt-2 text-3xl font-bold text-text">{{ $card['value'] }}</p>
                    <p class="mt-1 text-xs text-text-muted">{{ $card['sub'] }}</p>
                </a>
            @endcan
        @endforeach
    </div>

    <div class="mt-6 grid gap-6 lg:grid-cols-2">

        @can('messages.view')
            <div class="admin-card">
                <div class="flex items-center justify-between border-b border-border px-5 py-4">
                    <h2 class="text-base">
                        Recent messages
                        @if ($unreadMessages)
                            <span class="ml-2 pill bg-primary-50 text-primary">{{ $unreadMessages }} new</span>
                        @endif
                    </h2>
                    <a href="{{ route('admin.messages.index') }}" class="text-sm text-text-brand hover:underline">View all</a>
                </div>

                <ul class="divide-y divide-border">
                    @forelse ($recentMessages as $message)
                        <li>
                            <a href="{{ route('admin.messages.show', $message) }}" class="flex items-start gap-3 px-5 py-3 hover:bg-surface-muted">
                                <span @class([
                                    'mt-1.5 size-2 shrink-0 rounded-full',
                                    'bg-primary' => $message->status === 'new',
                                    'bg-border' => $message->status !== 'new',
                                ])></span>
                                <span class="min-w-0 flex-1">
                                    <span class="flex items-center justify-between gap-2">
                                        <span class="truncate text-sm font-medium text-text">{{ $message->name }}</span>
                                        <span class="shrink-0 text-xs text-text-muted">{{ $message->created_at->diffForHumans() }}</span>
                                    </span>
                                    <span class="mt-0.5 block truncate text-xs text-text-muted">
                                        {{ $message->typeLabel() }} · {{ Str::limit($message->subject ?: $message->message, 60) }}
                                    </span>
                                </span>
                            </a>
                        </li>
                    @empty
                        <li class="px-5 py-8 text-center text-sm text-text-muted">No messages yet.</li>
                    @endforelse
                </ul>
            </div>
        @endcan

        @can('applications.view')
            <div class="admin-card">
                <div class="flex items-center justify-between border-b border-border px-5 py-4">
                    <h2 class="text-base">
                        Recent applications
                        @if ($newApplications)
                            <span class="ml-2 pill bg-primary-50 text-primary">{{ $newApplications }} new</span>
                        @endif
                    </h2>
                    <a href="{{ route('admin.applications.index') }}" class="text-sm text-text-brand hover:underline">View all</a>
                </div>

                <ul class="divide-y divide-border">
                    @forelse ($recentApplications as $application)
                        <li>
                            <a href="{{ route('admin.applications.show', $application) }}" class="flex items-center justify-between gap-3 px-5 py-3 hover:bg-surface-muted">
                                <span class="min-w-0">
                                    <span class="block truncate text-sm font-medium text-text">{{ $application->name }}</span>
                                    <span class="block truncate text-xs text-text-muted">{{ $application->job?->title }}</span>
                                </span>
                                <span class="shrink-0 pill bg-surface-muted text-text-secondary">{{ \App\Models\JobApplication::STATUSES[$application->status] ?? $application->status }}</span>
                            </a>
                        </li>
                    @empty
                        <li class="px-5 py-8 text-center text-sm text-text-muted">No applications yet.</li>
                    @endforelse
                </ul>
            </div>
        @endcan

        @can('jobs.view')
            @if ($expiringJobs->isNotEmpty())
                <div class="admin-card lg:col-span-2">
                    <div class="border-b border-border px-5 py-4">
                        <h2 class="text-base">Vacancies closing soon</h2>
                    </div>

                    <ul class="divide-y divide-border">
                        @foreach ($expiringJobs as $job)
                            <li class="flex items-center justify-between gap-3 px-5 py-3">
                                <a href="{{ route('admin.jobs.edit', $job) }}" class="truncate text-sm font-medium text-text hover:text-text-brand">
                                    {{ $job->title }}
                                </a>
                                <span class="shrink-0 text-xs text-text-muted">
                                    Closes {{ $job->deadline->format('d M Y') }} ({{ $job->deadline->diffForHumans() }})
                                </span>
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif
        @endcan
    </div>
@endsection