@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <h4 class="mb-4">Daftar Ulasan Pelanggan</h4>

    <div class="table-responsive table-card">
        <table class="table table-striped table-nowrap mb-0">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Pengguna</th>
                    <th>Layanan</th>
                    <th>Rating</th>
                    <th>Ulasan</th>
                    <th>Tanggal</th>
                </tr>
            </thead>
            <tbody>
                @forelse($reviews as $review)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $review->user->name ?? '-' }}</td>
                        <td>{{ $review->service->name ?? '-' }}</td>
                        <td>
                            @for ($i = 0; $i < 5; $i++)
                                @if ($i < $review->rating)
                                    <i class="ri-star-fill text-warning"></i>
                                @else
                                    <i class="ri-star-line text-muted"></i>
                                @endif
                            @endfor
                        </td>
                        <td>{{ $review->review }}</td>
                        <td>{{ $review->created_at->format('d M Y') }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center">Belum ada ulasan.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection