@extends('layouts.app')
@section('title', 'Модерация — Presaver')

@section('content')
<h1 class="text-xl font-bold">Очередь модерации</h1>
<p class="mt-1 text-sm text-gray-600">Пруфы пользователей с низким рейтингом доверия.</p>

<div class="mt-4 space-y-3">
    @forelse($items as $item)
        <div class="rounded-xl bg-white border border-gray-200 p-4">
            <div class="flex gap-4">
                @if($item->proof)
                    <a href="{{ \Illuminate\Support\Facades\Storage::url($item->proof->image_path) }}" target="_blank" class="shrink-0">
                        <img src="{{ \Illuminate\Support\Facades\Storage::url($item->proof->image_path) }}" alt="proof"
                             class="w-24 h-24 rounded-lg object-cover bg-gray-100">
                    </a>
                @endif
                <div class="min-w-0 flex-1 text-sm">
                    <p><span class="text-gray-500">Пользователь:</span> {{ $item->task?->user?->name }} (доверие {{ $item->task?->user?->trust_score }})</p>
                    <p><span class="text-gray-500">Задание:</span> {{ $item->task?->campaign?->matchLabel() ?: $item->task?->campaign?->band_link_url }}</p>
                    <p><span class="text-gray-500">Распознано:</span> {{ $item->proof?->extracted_title ?: '—' }}
                        <span class="text-gray-400">(совпадение {{ $item->proof?->match_score ?? 0 }}%)</span></p>
                    <p><span class="text-gray-500">Пресейв виден:</span> {{ $item->proof?->presave_detected ? 'да' : 'нет' }}</p>
                </div>
            </div>
            <div class="mt-3 flex gap-2">
                <form method="POST" action="{{ route('moderation.approve', $item) }}">@csrf
                    <button class="rounded-lg bg-emerald-600 text-white px-4 py-2 text-sm font-medium hover:bg-emerald-700">Одобрить</button>
                </form>
                <form method="POST" action="{{ route('moderation.reject', $item) }}">@csrf
                    <button class="rounded-lg bg-red-600 text-white px-4 py-2 text-sm font-medium hover:bg-red-700">Отклонить</button>
                </form>
            </div>
        </div>
    @empty
        <div class="rounded-xl bg-white border border-gray-200 p-6 text-center text-gray-500 text-sm">
            Очередь пуста.
        </div>
    @endforelse
</div>

<div class="mt-4">{{ $items->links() }}</div>
@endsection