@extends('layouts.admin')
@section('title', 'Reported items')

@section('content')
@php $tab = request('status', 'open'); @endphp
<ul class="nav nav-tabs mb-3">
    @foreach (['open' => 'Open', 'closed' => 'Closed', 'all' => 'All'] as $k => $label)
        <li class="nav-item"><a class="nav-link {{ $tab === $k ? 'active' : '' }}" href="?status={{ $k }}">{{ $label }}</a></li>
    @endforeach
</ul>
<p class="small text-muted-2">Open the reported item, act on it there (for a listing: take it down; for a user: suspend), then close the report here with what you did.</p>

<div class="card">
    <div class="table-responsive">
        <table class="table table-hover">
            <thead><tr><th>Reported</th><th>Reason</th><th>Details</th><th>Reporter</th><th>Status</th><th>When</th><th></th></tr></thead>
            <tbody>
            @forelse ($reports as $r)
                <tr>
                    <td>
                        <span class="badge text-bg-light border">{{ humanize($r->reportable_type) }}</span>
                        @if ($r->reportable_type === 'listing' && $r->target)
                            <a href="{{ route('admin.listings.show', $r->target) }}">{{ $r->target->displayTitle() }}</a>
                        @elseif ($r->reportable_type === 'user' && $r->target)
                            <a href="{{ route('admin.users.show', $r->target) }}">{{ $r->target->displayName() }}</a>
                        @else #{{ $r->reportable_id }} @endif
                    </td>
                    <td>{{ $r->reason?->label }}</td>
                    <td class="small" style="max-width:280px">{{ $r->details ?: '—' }}
                        @if ($r->resolution_note)<div class="text-muted-2 mt-1"><i class="bi bi-reply"></i> {{ $r->resolution_note }} — {{ $r->handledBy?->displayName() }}</div>@endif</td>
                    <td><a href="{{ route('admin.users.show', $r->reporter_user_id) }}">{{ $r->reporter->displayName() }}</a></td>
                    <td>@include('partials.status', ['status' => $r->status_id])</td>
                    <td class="small text-nowrap">{{ ist($r->created_at) }}</td>
                    <td class="text-end">@include('partials.actions', ['actions' => app(\App\Services\StatusService::class)->availableActions('report', $r->status_id, auth()->user()), 'route' => route('admin.reports.status', $r), 'id' => 'rep'.$r->id])</td>
                </tr>
            @empty
                <tr><td colspan="7"><div class="empty-state"><i class="bi bi-flag"></i>No reports here.</div></td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
<div class="mt-3">{{ $reports->links() }}</div>
@endsection