@extends('admin.layout')

@section('page_title', 'Comments')

@section('admin_content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Moderation</h3>
            <div class="card-tools">
                <div class="btn-group btn-group-sm">
                    <a href="{{ route('admin.comments.index', ['status' => 'pending']) }}" class="btn btn-{{ $status === 'pending' ? 'primary' : 'default' }}">Pending</a>
                    <a href="{{ route('admin.comments.index', ['status' => 'approved']) }}" class="btn btn-{{ $status === 'approved' ? 'primary' : 'default' }}">Approved</a>
                    <a href="{{ route('admin.comments.index', ['status' => 'rejected']) }}" class="btn btn-{{ $status === 'rejected' ? 'primary' : 'default' }}">Rejected</a>
                </div>
            </div>
        </div>
        <div class="card-body">
            @forelse($comments as $comment)
                <div class="card card-outline card-secondary mb-3">
                    <div class="card-body">
                        <div class="text-muted small mb-2">{{ $comment->post->title ?? 'Post' }} · <span class="badge badge-{{ $comment->status === 'approved' ? 'success' : ($comment->status === 'rejected' ? 'danger' : 'warning') }}">{{ $comment->status }}</span></div>
                        <p class="mb-2">{{ $comment->body }}</p>
                        <div class="text-muted small mb-3">{{ $comment->displayName() }} · {{ $comment->created_at->diffForHumans() }}</div>
                        <div class="btn-group btn-group-sm">
                            @if($comment->status !== 'approved')
                                <form action="{{ route('admin.comments.approve', $comment) }}" method="POST" class="d-inline">@csrf
                                    <button type="submit" class="btn btn-success">Approve</button>
                                </form>
                            @endif
                            @if($comment->status !== 'rejected')
                                <form action="{{ route('admin.comments.reject', $comment) }}" method="POST" class="d-inline">@csrf
                                    <button type="submit" class="btn btn-warning">Reject</button>
                                </form>
                            @endif
                            <form action="{{ route('admin.comments.destroy', $comment) }}" method="POST" class="d-inline" onsubmit="return confirm('Delete?');">@csrf @method('DELETE')
                                <button type="submit" class="btn btn-danger">Delete</button>
                            </form>
                        </div>
                    </div>
                </div>
            @empty
                <p class="text-muted mb-0">No comments.</p>
            @endforelse
            <div class="mt-3">{{ $comments->links() }}</div>
        </div>
    </div>
@endsection