@extends('admin.layout')
@section('title', 'Moderasi Review - LapFinder Admin')

@section('content')
<x-admin.page-header
    title="Moderasi Review"
    subtitle="{{ number_format($reviews->total()) }} review sesuai filter aktif"
/>

<x-admin.card title="Filter review" description="Cari review bermasalah berdasarkan isi komentar, user, laptop, atau rating.">
    <form method="GET" class="grid gap-3 md:grid-cols-2 xl:grid-cols-6">
        <div class="xl:col-span-2">
            <label class="form-label" for="search">Search</label>
            <input id="search" name="search" type="search" value="{{ request('search') }}" class="form-control" placeholder="Komentar, user, email, laptop">
        </div>
        <div>
            <label class="form-label" for="rating">Rating</label>
            <select id="rating" name="rating" class="form-control">
                <option value="">Semua</option>
                @foreach([5, 4, 3, 2, 1] as $rating)
                    <option value="{{ $rating }}" @selected((string) request('rating') === (string) $rating)>{{ $rating }} bintang</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="form-label" for="laptop_id">Laptop</label>
            <select id="laptop_id" name="laptop_id" class="form-control">
                <option value="">Semua laptop</option>
                @foreach($laptops as $laptop)
                    <option value="{{ $laptop->id }}" @selected((string) request('laptop_id') === (string) $laptop->id)>{{ $laptop->name }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="form-label" for="per_page">Per halaman</label>
            <select id="per_page" name="per_page" class="form-control">
                @foreach([15, 25, 50, 100] as $size)
                    <option value="{{ $size }}" @selected((int) request('per_page', 15) === $size)>{{ $size }}</option>
                @endforeach
            </select>
        </div>
        <div class="flex items-end gap-2">
            <button type="submit" class="btn-primary">
                <i class="fa-solid fa-filter"></i>
                Terapkan
            </button>
            <a href="{{ route('reviews.index') }}" class="btn-secondary">Reset</a>
        </div>
    </form>
</x-admin.card>

<x-admin.card class="mt-6">
    <div class="overflow-x-auto">
        <table class="data-table">
            <thead>
                <tr>
                    <th>User</th>
                    <th>Laptop</th>
                    <th>Rating</th>
                    <th>Komentar</th>
                    <th>Tanggal</th>
                    <th class="text-right">Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse($reviews as $review)
                    <tr>
                        <td>
                            <div class="flex items-center gap-3">
                                <div class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-slate-900 text-xs font-bold text-white dark:bg-white dark:text-slate-900">
                                    {{ strtoupper(substr(optional($review->user)->name ?? 'U', 0, 1)) }}
                                </div>
                                <div class="min-w-0">
                                    <p class="truncate font-bold text-slate-950 dark:text-white">{{ optional($review->user)->name ?? 'User terhapus' }}</p>
                                    <p class="truncate text-xs text-slate-500 dark:text-slate-400">{{ optional($review->user)->email ?? '-' }}</p>
                                </div>
                            </div>
                        </td>
                        <td class="font-semibold text-slate-800 dark:text-slate-100">{{ optional($review->laptop)->name ?? 'Laptop terarsip' }}</td>
                        <td>
                            <span class="inline-flex items-center gap-1 font-bold text-amber-600">
                                <i class="fa-solid fa-star"></i>
                                {{ $review->rating }}
                            </span>
                        </td>
                        <td class="max-w-md text-slate-600 dark:text-slate-300">
                            <p class="line-clamp-2">{{ $review->komentar ?: '-' }}</p>
                        </td>
                        <td class="text-slate-500 dark:text-slate-400">{{ $review->created_at->format('d M Y H:i') }}</td>
                        <td>
                            <div class="flex justify-end">
                                <button
                                    type="button"
                                    class="icon-btn text-red-600 hover:text-red-700 dark:text-red-400"
                                    data-confirm-action="{{ route('reviews.destroy', $review) }}"
                                    data-confirm-method="DELETE"
                                    data-confirm-title="Hapus review?"
                                    data-confirm-message="Review dari {{ optional($review->user)->name ?? 'user ini' }} akan dihapus dan rating laptop dihitung ulang."
                                >
                                    <i class="fa-solid fa-trash"></i>
                                </button>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6">
                            <x-admin.empty-state icon="fa-comment-slash" title="Review tidak ditemukan" description="Ubah filter atau tunggu review baru dari user." />
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($reviews->hasPages())
        <div class="mt-4 border-t border-slate-100 pt-4 dark:border-slate-800">
            {{ $reviews->withQueryString()->links() }}
        </div>
    @endif
</x-admin.card>
@endsection