@extends('layouts.admin')
@section('title', 'Reports — Admin')
@section('heading', 'Reports')

@section('content')
<nav class="iq-tabs" style="margin-bottom:16px">@foreach ($statuses as $key => $label)<a class="iq-tab {{ $status === $key ? 'is-active' : '' }}" style="text-decoration:none" href="{{ route('admin.reports.index', ['status' => $key]) }}">{{ $label }}</a>@endforeach</nav>
<div class="iq-table-wrap"><table class="iq-table app-stack-table">
  <thead><tr><th>Reported</th><th>Reason</th><th>Received</th><th></th></tr></thead>
  <tbody>
  @forelse ($reports as $r)
    <tr><td class="strong">{{ $r->reportable?->user?->name ?? 'Removed' }}</td><td data-label="Reason">{{ $r->reason->label() }}</td><td class="iq-num" data-label="Received">{{ $r->created_at->diffForHumans() }}</td><td class="r"><a class="iq-btn iq-btn-secondary iq-btn-sm" href="{{ route('admin.reports.show', $r) }}">Review</a></td></tr>
  @empty
    <tr><td colspan="4" class="iq-muted">No reports here.</td></tr>
  @endforelse
  </tbody>
</table></div>
{{ $reports->links() }}
@endsection