@extends('layouts.admin')
@section('title', 'Customer Reviews')
@section('content')
<div class="flex items-center justify-between mb-6">
    <div class="text-cream/50 text-sm">Total Reviews: {{ $reviews->total() }}</div>
</div>

<form method="GET" class="admin-card p-4 mb-6 flex flex-wrap gap-3">
    <select name="status" class="form-input w-auto">
        <option value="">All Status</option>
        <option value="pending" {{ request('status') === 'pending' ? 'selected' : '' }}>Pending Approval</option>
        <option value="approved" {{ request('status') === 'approved' ? 'selected' : '' }}>Approved</option>
    </select>
    <select name="rating" class="form-input w-auto">
        <option value="">All Ratings</option>
        @for($i=5; $i>=1; $i--)
        <option value="{{ $i }}" {{ request('rating') == $i ? 'selected' : '' }}>{{ $i }} Stars</option>
        @endfor
    </select>
    <button type="submit" class="btn-primary"><i class="fas fa-search"></i> Filter</button>
</form>

<div class="grid md:grid-cols-2 xl:grid-cols-3 gap-6">
    @forelse($reviews as $review)
    <div class="admin-card p-6 flex flex-col h-full">
        <div class="flex items-center justify-between mb-4">
            <div class="flex items-center gap-3">
                <img src="{{ $review->avatar_url }}" alt="" class="w-10 h-10 rounded-full border border-gold/20">
                <div>
                    <div class="text-cream text-sm font-semibold">{{ $review->customer_name }}</div>
                    <div class="text-cream/40 text-xs">{{ $review->customer_location }}</div>
                </div>
            </div>
            <div class="text-gold text-xs">
                @for($i=1; $i<=5; $i++)
                <i class="fas fa-star {{ $i <= $review->rating ? 'text-gold' : 'text-cream/10' }}"></i>
                @endfor
            </div>
        </div>

        <p class="text-cream/70 text-sm leading-relaxed mb-6 flex-1 italic">
            "{{ Str::limit($review->content, 200) }}"
        </p>

        <div class="flex items-center justify-between pt-4 border-t border-white/5">
            <div class="flex items-center gap-2">
                @if(!$review->is_approved)
                <form method="POST" action="{{ route('admin.reviews.approve', $review) }}">
                    @csrf @method('PATCH')
                    <button type="submit" class="text-green-400 hover:text-green-300 text-xs font-semibold px-3 py-1 rounded bg-green-500/10 border border-green-500/20">
                        Approve
                    </button>
                </form>
                @else
                <span class="badge badge-green">Approved</span>
                @endif
                
                <form method="POST" action="{{ route('admin.reviews.toggle-featured', $review) }}">
                    @csrf @method('PATCH')
                    <button type="submit" class="text-xs font-semibold px-3 py-1 rounded {{ $review->is_featured ? 'bg-blue-500/20 text-blue-400 border border-blue-500/30' : 'bg-white/5 text-cream/40 border border-white/10' }}">
                        {{ $review->is_featured ? 'Featured' : 'Feature' }}
                    </button>
                </form>
            </div>

            <form method="POST" action="{{ route('admin.reviews.destroy', $review) }}" onsubmit="return confirm('Delete this review?')">
                @csrf @method('DELETE')
                <button type="submit" class="text-red-400/60 hover:text-red-400 transition-colors">
                    <i class="fas fa-trash-alt"></i>
                </button>
            </form>
        </div>
    </div>
    @empty
    <div class="col-span-full text-center py-20 admin-card">
        <i class="fas fa-star text-gold/20 text-6xl mb-4"></i>
        <p class="text-cream/50">No reviews found.</p>
    </div>
    @endforelse
</div>

<div class="mt-8">
    {{ $reviews->withQueryString()->links() }}
</div>
@endsection