@extends('admin.layouts.app')
@section('heading', 'Reviews')

@section('content')
<div class="page-actions animate-fade">
    <div class="page-actions-info">
        <span><strong>{{ $reviews->total() }}</strong> total reviews</span>
        <span class="dot"></span>
        <span><strong>{{ $reviews->total() - $reviews->where('approved', true)->count() }}</strong> pending</span>
    </div>
    <div class="page-actions-buttons">
        <a href="{{ route('admin.reviews.index') }}" class="adm-btn adm-btn-ghost">All</a>
        <a href="{{ route('admin.reviews.pending') }}" class="adm-btn adm-btn-primary">Pending Approval</a>
    </div>
</div>

<div class="table-wrap">
    <table class="data-table">
        <thead><tr>
            <th>Product</th>
            <th>User</th>
            <th>Rating</th>
            <th>Review</th>
            <th>Status</th>
            <th>Date</th>
            <th class="col-actions"></th>
        </tr></thead>
        <tbody>
            @forelse($reviews as $review)
            <tr>
                <td><strong>{{ $review->product->name ?? 'N/A' }}</strong></td>
                <td>{{ $review->user->name }}</td>
                <td>
                    @for($i = 1; $i <= 5; $i++)
                        <i class="fa-solid fa-star" style="color:{{ $i <= $review->rating ? '#f59e0b' : '#1e293b' }}; font-size:.75rem;"></i>
                    @endfor
                </td>
                <td style="max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#64748b;">{{ Str::limit($review->review, 50) }}</td>
                <td>
                    @if($review->approved)
                        <span class="badge badge-success"><i class="fa-solid fa-check"></i> Approved</span>
                    @else
                        <span class="badge badge-warning"><i class="fa-solid fa-clock"></i> Pending</span>
                    @endif
                </td>
                <td style="color:#475569; font-size:.82rem;">{{ $review->created_at->format('M d, Y') }}</td>
                <td class="actions-row">
                    @if(!$review->approved)
                        <form method="POST" action="{{ route('admin.reviews.approve', $review) }}" style="display:inline">
                            @csrf
                            <button type="submit" class="adm-btn adm-btn-success" title="Approve"><i class="fa-solid fa-check"></i></button>
                        </form>
                    @endif
                    <form method="POST" action="{{ route('admin.reviews.destroy', $review) }}" style="display:inline" onsubmit="return confirm('Delete this review?');">
                        @csrf @method('DELETE')
                        <button type="submit" class="adm-btn adm-btn-danger" title="Delete"><i class="fa-solid fa-trash"></i></button>
                    </form>
                </td>
            </tr>
            @empty
            <tr><td colspan="8" class="empty-row">No reviews yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
<div class="pagination-wrap">{{ $reviews->withQueryString()->links() }}</div>
@endsection