@extends('layouts.app')
@section('title', 'Reviews')
@section('content')
<div class="max-w-3xl mx-auto px-4 py-10">
    <h1 class="text-2xl font-bold mb-6">Customer Reviews</h1>
    <div class="space-y-3">
        @foreach($reviews as $review)
        <div class="border rounded-xl p-4">
            <div class="font-medium text-sm">{{ $review->customer_name ?: 'Verified Buyer' }} — {{ str_repeat('★', $review->rating) }}</div>
            @if($review->product)<div class="text-xs text-gray-500">on {{ $review->product->title }}</div>@endif
            <p class="text-sm text-gray-600 mt-1">{{ $review->comment }}</p>
        </div>
        @endforeach
    </div>
    <div class="mt-6">{{ $reviews->links() }}</div>
</div>
@endsection