@extends('layouts.admin')

@section('title', 'Ratings & Reviews')
@section('header', 'Ratings & Reviews')

@section('content')
<div class="card">
    <div class="card-body">
        <form method="GET" class="row g-3 align-items-end mb-4">
            <div class="col-md-3">
                <label class="form-label fw-bold">Service</label>
                <select name="service_type" class="form-select">
                    <option value="all" @selected($serviceType === 'all')>All services</option>
                    <option value="food" @selected($serviceType === 'food')>Food</option>
                    <option value="grocery" @selected($serviceType === 'grocery')>InstaKart</option>
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label fw-bold">Store</label>
                <select name="store_id" class="form-select">
                    <option value="">All stores</option>
                    @foreach($stores as $store)
                        <option value="{{ $store->id }}" @selected($storeId === $store->id)>{{ $store->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label fw-bold">Status</label>
                <select name="status" class="form-select">
                    <option value="all" @selected($status === 'all')>All</option>
                    <option value="pending" @selected($status === 'pending')>Pending</option>
                    <option value="approved" @selected($status === 'approved')>Approved</option>
                    <option value="rejected" @selected($status === 'rejected')>Rejected</option>
                </select>
            </div>
            <div class="col-md-2">
                <button class="btn btn-primary w-100">Filter</button>
            </div>
        </form>

        <div class="table-responsive">
            <table class="table align-middle">
                <thead>
                    <tr>
                        <th>Rating</th>
                        <th>Review</th>
                        <th>Store</th>
                        <th>Customer</th>
                        <th>Status</th>
                        <th class="text-end">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($reviews as $review)
                        <tr>
                            <td>
                                <span class="fw-bold text-warning">
                                    {{ $review->rating }} <i class="fas fa-star"></i>
                                </span>
                            </td>
                            <td>
                                <div class="fw-semibold">{{ $review->comment ?: 'No written review' }}</div>
                                <div class="small text-muted">Order #{{ $review->order?->order_number ?? '-' }} - {{ $review->created_at?->format('d M Y') }}</div>
                            </td>
                            <td>{{ $review->restaurant?->name ?? '-' }}</td>
                            <td>{{ $review->user?->name ?? 'Customer' }}</td>
                            <td>
                                <span class="badge bg-{{ $review->status === 'approved' ? 'success' : ($review->status === 'pending' ? 'warning' : 'danger') }}">
                                    {{ ucfirst($review->status ?? 'pending') }}
                                </span>
                            </td>
                            <td class="text-end">
                                <form method="POST" action="{{ route('admin.reviews.status', $review) }}" class="d-inline-flex gap-2">
                                    @csrf
                                    @method('PATCH')
                                    <select name="status" class="form-select form-select-sm">
                                        <option value="pending" @selected($review->status === 'pending')>Pending</option>
                                        <option value="approved" @selected($review->status === 'approved')>Approved</option>
                                        <option value="rejected" @selected($review->status === 'rejected')>Rejected</option>
                                    </select>
                                    <button class="btn btn-sm btn-outline-primary">Save</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="text-center text-muted py-5">No reviews found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        {{ $reviews->links() }}
    </div>
</div>
@endsection