@extends('layouts.admin')

@section('content')
<div class="flex justify-between items-center mb-8">
    <h2 class="text-2xl font-bold">Manage Reviews</h2>
</div>

<div class="royal-card overflow-hidden">
    <div class="flex gap-4 p-4 border-b">
        <a href="{{ route('admin.reviews.index') }}" class="px-3 py-1 rounded-full text-sm {{ !request('status') ? 'bg-purple-600 text-white' : 'bg-gray-100' }}">All</a>
        <a href="{{ route('admin.reviews.index', ['status' => 'pending']) }}" class="px-3 py-1 rounded-full text-sm {{ request('status') === 'pending' ? 'bg-yellow-600 text-white' : 'bg-gray-100' }}">Pending</a>
        <a href="{{ route('admin.reviews.index', ['status' => 'approved']) }}" class="px-3 py-1 rounded-full text-sm {{ request('status') === 'approved' ? 'bg-green-600 text-white' : 'bg-gray-100' }}">Approved</a>
    </div>
    <table class="w-full text-sm">
        <thead class="border-b"><tr><th class="text-left py-3 px-4">Product</th><th class="text-left py-3 px-4">Customer</th><th class="text-center py-3 px-4">Rating</th><th class="text-left py-3 px-4">Comment</th><th class="text-center py-3 px-4">Status</th><th class="py-3 px-4"></th></tr></thead>
        <tbody>
            @forelse($reviews as $review)
                <tr class="border-b">
                    <td class="py-3 px-4">{{ $review->product->name }}</td>
                    <td class="py-3 px-4">{{ $review->customer->name }}</td>
                    <td class="py-3 px-4 text-center text-yellow-500">{{ str_repeat('★', $review->rating) }}</td>
                    <td class="py-3 px-4 max-w-xs truncate">{{ $review->comment }}</td>
                    <td class="py-3 px-4 text-center">
                        <span class="px-2 py-1 rounded-full text-xs font-semibold {{ $review->is_approved ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800' }}">{{ $review->is_approved ? 'Approved' : 'Pending' }}</span>
                    </td>
                    <td class="py-3 px-4">
                        @if(!$review->is_approved)
                            <form action="{{ route('admin.reviews.approve', $review) }}" method="POST" class="inline">@csrf<button type="submit" class="text-green-600 hover:underline">Approve</button></form>
                        @endif
                    </td>
                </tr>
            @empty
                <tr><td colspan="6" class="py-8 text-center text-gray-500">No reviews found</td></tr>
            @endforelse
        </tbody>
    </table>
    @if($reviews->hasPages())
        <div class="p-4">{{ $reviews->links() }}</div>
    @endif
</div>
@endsection