@extends('admin.layout.app')

@section('body')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h4 class="card-title mb-0">Comments Moderation</h4>
        <form method="GET" class="d-flex gap-2">
            <select name="status" class="form-select form-select-sm">
                <option value="">All</option>
                @foreach(['pending','approved','rejected','hidden'] as $item)
                    <option value="{{ $item }}" @selected($status === $item)>{{ ucfirst($item) }}</option>
                @endforeach
            </select>
            <button class="btn btn-sm btn-outline-primary">Filter</button>
        </form>
    </div>
    <div class="card-body">
        @if(session('success')) <div class="alert alert-success">{{ session('success') }}</div> @endif
        <div class="table-responsive">
            <table class="table align-middle">
                <thead><tr><th>Content</th><th>Author</th><th>Message</th><th>Status</th><th class="text-end">Actions</th></tr></thead>
                <tbody>
                @forelse($comments as $comment)
                    <tr>
                        <td><span class="badge bg-light text-dark">{{ $comment->commentable_type }} #{{ $comment->commentable_id }}</span></td>
                        <td><strong>{{ $comment->name }}</strong><small class="text-muted d-block">{{ $comment->email }}</small></td>
                        <td>{{ \Illuminate\Support\Str::limit($comment->message, 120) }}</td>
                        <td><span class="badge bg-secondary">{{ ucfirst($comment->status) }}</span></td>
                        <td class="text-end">
                            <form method="POST" action="{{ route('admin.comments.update', $comment) }}" class="d-inline">@csrf @method('PUT')
                                <input type="hidden" name="status" value="approved"><button class="btn btn-sm btn-success">Approve</button>
                            </form>
                            <form method="POST" action="{{ route('admin.comments.update', $comment) }}" class="d-inline">@csrf @method('PUT')
                                <input type="hidden" name="status" value="hidden"><button class="btn btn-sm btn-warning">Hide</button>
                            </form>
                            <form method="POST" action="{{ route('admin.comments.destroy', $comment) }}" class="d-inline" onsubmit="return confirm('Delete this comment?')">@csrf @method('DELETE')
                                <button class="btn btn-sm btn-danger">Delete</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted py-4">No comments found.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        {{ $comments->links('pagination::bootstrap-4') }}
    </div>
</div>
@endsection