@extends('layouts.admin')

@section('title', 'Moderation')

@section('content')
    {{-- Counts alone say nothing. The oldest waiting item is the number that
         tells you whether a queue is being worked: three items sitting for a
         week is worse than thirty filed this morning. --}}
    <div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
        @foreach ($queues as $queue)
            @php
                $count = $queue['query']->count();
                $oldest = (clone $queue['query'])->min('created_at');
                $waiting = $oldest ? \Illuminate\Support\Carbon::parse($oldest) : null;
                $stale = $waiting?->lt(now()->subDays(3));
            @endphp

            <a href="{{ $queue['route'] }}"
               class="admin-card flex flex-col gap-3 p-5 transition hover:border-primary">
                <span class="flex items-center gap-2 text-sm font-medium text-text-secondary">
                    <x-icon :name="$queue['icon']" class="size-4" />
                    {{ $queue['label'] }}
                </span>

                <span class="font-display text-3xl font-bold text-text">{{ $count }}</span>

                @if ($waiting)
                    <span @class([
                        'text-xs',
                        'text-error' => $stale,
                        'text-text-muted' => ! $stale,
                    ])>{{ __('Oldest :age', ['age' => $waiting->diffForHumans(short: true)]) }}</span>
                @else
                    <span class="text-xs text-text-muted">{{ __('Nothing waiting') }}</span>
                @endif
            </a>
        @endforeach
    </div>

    <div class="mt-8 grid gap-6 lg:grid-cols-3">
        <div class="lg:col-span-2">
            <div class="admin-card p-6">
                <div class="mb-4 flex flex-wrap items-center justify-between gap-3">
                    <h2 class="font-display text-title font-bold text-text">{{ __('What the team has done') }}</h2>

                    <a href="{{ route('admin.moderation.log') }}" class="btn-outline btn-sm">{{ __('Full log') }}</a>
                </div>

                @if ($recent->isEmpty())
                    <x-empty-state icon="clipboard" :title="__('Nothing recorded yet')"
                                   :message="__('Every moderation decision is logged here as it is made.')" />
                @else
                    <ol class="space-y-1">
                        @foreach ($recent as $log)
                            <li class="flex flex-wrap items-baseline justify-between gap-3 border-b border-border py-2.5 last:border-0">
                                <span class="text-sm text-text">{{ $log->describe() }}</span>

                                <span class="text-xs text-text-muted">{{ $log->created_at?->diffForHumans() }}</span>
                            </li>
                        @endforeach
                    </ol>
                @endif
            </div>
        </div>

        <div>
            <div class="admin-card p-6">
                <div class="mb-4 flex flex-wrap items-center justify-between gap-3">
                    <h2 class="font-display text-title font-bold text-text">{{ __('Suspended') }}</h2>

                    @if (Route::has('admin.accounts.index'))
                        <a href="{{ route('admin.accounts.index', ['status' => 'suspended']) }}"
                           class="text-sm text-text-brand hover:underline">{{ $suspendedCount }}</a>
                    @endif
                </div>

                @if ($suspensions->isEmpty())
                    <p class="text-sm text-text-secondary">{{ __('No account is currently suspended.') }}</p>
                @else
                    <ul class="space-y-3">
                        @foreach ($suspensions as $suspension)
                            <li>
                                <a href="{{ route('admin.accounts.show', $suspension->user_id) }}"
                                   class="block rounded-lg border border-border px-3.5 py-2.5 transition hover:border-primary">
                                    <span class="block text-sm font-medium text-text">{{ $suspension->user?->name }}</span>

                                    <span class="mt-0.5 block text-xs text-text-muted">
                                        {{ $suspension->suspended_at?->format('d M Y') }}
                                        @if ($suspension->actor) &middot; {{ $suspension->actor->name }} @endif
                                    </span>
                                </a>
                            </li>
                        @endforeach
                    </ul>
                @endif
            </div>
        </div>
    </div>
@endsection