@extends('layouts.admin')

@section('title', 'Reviews')

@section('content')
    <div class="mb-5 flex flex-wrap gap-2">
        <a href="{{ route('admin.moderation.reviews') }}"
           @class(['pill', 'pill-brand' => $currentStatus === '', 'pill-idle' => $currentStatus !== ''])>
            Awaiting a decision <span class="opacity-60">{{ $counts['pending'] ?? 0 }}</span>
        </a>

        <a href="{{ route('admin.moderation.reviews', ['status' => 'all']) }}"
           @class(['pill', 'pill-brand' => $currentStatus === 'all', 'pill-idle' => $currentStatus !== 'all'])>
            All <span class="opacity-60">{{ $counts->sum() }}</span>
        </a>

        @foreach ($statuses as $value => $label)
            @continue(! $counts->has($value))

            <a href="{{ route('admin.moderation.reviews', ['status' => $value]) }}"
               @class(['pill', 'pill-brand' => $currentStatus === $value, 'pill-idle' => $currentStatus !== $value])>
                {{ $label }} <span class="opacity-60">{{ $counts[$value] }}</span>
            </a>
        @endforeach
    </div>

    @if ($reviews->isEmpty())
        <x-empty-state icon="quote" title="Nothing waiting"
                       message="Reviews are held here until somebody reads them." />
    @else
        <div class="space-y-4">
            @foreach ($reviews as $review)
                <article class="admin-card p-5">
                    <div class="flex flex-wrap items-start justify-between gap-3">
                        <div class="min-w-0">
                            <p class="font-display text-base font-semibold text-text">
                                <span aria-label="{{ $review->rating }} out of 5">{{ str_repeat('★', $review->rating) }}{{ str_repeat('☆', 5 - $review->rating) }}</span>

                                @if ($review->title)
                                    <span class="ml-2">{{ $review->title }}</span>
                                @endif
                            </p>

                            <p class="mt-1 flex flex-wrap items-center gap-2 text-xs text-text-muted">
                                <span>
                                    {{ $review->author?->name }} ({{ $review->author?->email }})
                                    &rarr; {{ $review->subject?->display_name ?? 'Deleted' }}
                                    &middot; {{ $review->created_at->format('d M Y') }}
                                </span>

                                {{-- Whether there is a real dealing behind it is the
                                     single most useful thing on this screen. --}}
                                @if ($review->isVerifiedDealing())
                                    <x-badge variant="success">Verified dealing</x-badge>
                                @else
                                    <x-badge variant="warning">No dealing on record</x-badge>
                                @endif
                            </p>
                        </div>

                        <x-badge :variant="$review->status->badgeVariant()">{{ $review->status->label() }}</x-badge>
                    </div>

                    @if ($review->listing)
                        <p class="mt-2 text-xs text-text-muted">About: {{ $review->listing->title }}</p>
                    @endif

                    <p class="mt-3 whitespace-pre-line text-sm text-text-secondary">{{ $review->body }}</p>

                    @if ($review->hasReply())
                        <div class="mt-3 rounded-lg bg-surface-muted p-3.5">
                            <p class="meta-label">Seller's reply</p>
                            <p class="mt-1 text-sm text-text-secondary">{{ $review->reply }}</p>
                        </div>
                    @endif

                    <form action="{{ route('admin.moderation.reviews.decide', $review) }}" method="POST"
                          class="mt-4 space-y-3 border-t border-border pt-4" x-data="{ decision: '' }">
                        @csrf

                        <div class="flex flex-wrap gap-2">
                            @foreach (['publish' => 'Publish', 'reject' => 'Reject', 'hide' => 'Hide'] as $value => $label)
                                <label class="inline-flex cursor-pointer items-center gap-2 rounded-lg border px-3 py-1.5 text-sm text-text transition"
                                       :class="decision === '{{ $value }}' ? 'border-primary bg-primary/10' : 'border-border'">
                                    <input type="radio" name="decision" value="{{ $value }}" x-model="decision"
                                           class="accent-primary" required>
                                    {{ $label }}
                                </label>
                            @endforeach
                        </div>

                        <div x-show="decision === 'reject' || decision === 'hide'" x-cloak>
                            <label for="note-{{ $review->id }}" class="form-label">Reason</label>

                            <textarea id="note-{{ $review->id }}" name="note" rows="2" class="form-input"
                                      placeholder="Shown to whoever wrote it."></textarea>
                        </div>

                        <div x-show="decision !== ''" x-cloak>
                            <button type="submit" class="btn btn-primary btn-sm">Record decision</button>
                        </div>
                    </form>
                </article>
            @endforeach
        </div>

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