@extends('layouts.admin')

@section('title', 'Listing Moderation')

@section('content')
    {{-- The queue opens on what needs a decision, not on everything. --}}
    <div class="mb-5 flex flex-wrap items-center justify-between gap-4">
        <form method="GET" class="flex flex-wrap items-center gap-3">
            <div class="relative">
                <x-icon name="search" class="pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-text-muted" />
                <input type="search" name="q" value="{{ request('q') }}" placeholder="Title, reference or place…"
                       class="form-input w-64 pl-9" aria-label="Search listings">
            </div>

            <input type="hidden" name="status" value="{{ $currentStatus }}">
            <button type="submit" class="btn-outline btn-sm">Search</button>

            @if (request()->hasAny(['q']))
                <a href="{{ route('admin.listings.index', ['status' => $currentStatus]) }}" class="btn-ghost btn-sm">Clear</a>
            @endif
        </form>

        <p class="text-sm text-text-secondary">
            {{ $listings->total() }} {{ Str::plural('listing', $listings->total()) }}
        </p>
    </div>

    <div class="mb-5 flex flex-wrap gap-2">
        <a href="{{ route('admin.listings.index') }}"
           @class(['pill', 'pill-brand' => $currentStatus === '', 'pill-idle' => $currentStatus !== ''])>
            Awaiting review
            <span class="opacity-60">{{ ($counts['submitted'] ?? 0) + ($counts['under_review'] ?? 0) }}</span>
        </a>

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

    @if ($listings->isEmpty())
        <x-empty-state icon="inbox" title="Nothing waiting"
                       message="Submitted listings appear here for review." />
    @else
        <div class="admin-card overflow-x-auto">
            <table class="table-admin">
                <thead>
                    <tr>
                        <th>Listing</th>
                        <th>Seller</th>
                        <th>Category</th>
                        <th>Submitted</th>
                        <th>Status</th>
                        <th><span class="sr-only">Actions</span></th>
                    </tr>
                </thead>

                <tbody>
                    @foreach ($listings as $listing)
                        <tr>
                            <td>
                                <a href="{{ route('admin.listings.show', $listing) }}"
                                   class="font-medium text-text hover:text-text-brand">{{ $listing->title }}</a>
                                <span class="mt-0.5 block text-xs text-text-muted">
                                    {{ $listing->reference }} · {{ $listing->formattedPrice() }}
                                </span>
                            </td>

                            <td>
                                <span class="block text-sm text-text">{{ $listing->seller?->display_name ?? $listing->user->name }}</span>
                                <span class="text-xs text-text-muted">{{ $listing->user->email }}</span>
                            </td>

                            <td class="text-sm text-text-secondary">{{ $listing->category?->name }}</td>

                            <td class="text-sm text-text-secondary">
                                {{ $listing->created_at->format('d M Y') }}
                            </td>

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

                            <td class="text-right">
                                <a href="{{ route('admin.listings.show', $listing) }}" class="btn-outline btn-sm">Review</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

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