@extends('layouts.admin')

@section('page_kicker', 'Trust & safety')
@section('page_title', 'Support & moderation')

@section('content')
    <div class="admin-content-card">
        <h3 class="admin-card-title">Complaints & flagged content</h3>
        <p class="admin-card-desc">Review reports and record a resolution.</p>

        <div class="mt-6 space-y-4">
            @foreach($complaints as $complaint)
                <div class="rounded-xl border border-slate-100 bg-slate-50/90 p-4 sm:p-5">
                    <p class="text-sm font-semibold text-slate-900">Complaint #{{ $complaint->id }} · {{ $complaint->status }}</p>
                    <p class="mt-1 text-xs text-slate-500">
                        Reporter: {{ $complaint->reporter->name ?? 'N/A' }} · Against: {{ $complaint->against->name ?? 'N/A' }}
                    </p>
                    <p class="mt-3 text-sm text-slate-700">{{ $complaint->reason }}</p>
                    <form method="POST" action="{{ route('aim4wellness.admin.moderation.resolve', $complaint) }}" class="mt-4 space-y-3 border-t border-slate-200/60 pt-4">
                        @csrf
                        @method('PATCH')
                        <div>
                            <label class="admin-form-label" for="status-{{ $complaint->id }}">New status</label>
                            <select id="status-{{ $complaint->id }}" name="status" class="admin-input">
                                @foreach(['resolved', 'rejected', 'escalated'] as $status)
                                    <option value="{{ $status }}">{{ $status }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label class="admin-form-label" for="note-{{ $complaint->id }}">Resolution note</label>
                            <textarea id="note-{{ $complaint->id }}" name="resolution_note" rows="2" class="admin-input" required></textarea>
                        </div>
                        <button type="submit" class="admin-btn-primary">Update</button>
                    </form>
                </div>
            @endforeach
        </div>
        <div class="mt-6 border-t border-slate-100 pt-4">{{ $complaints->links() }}</div>
    </div>
@endsection