@extends('layouts.admin')
@section('title', __('Reviews'))
@section('content')
<h1 class="mb-4 text-2xl font-extrabold text-primary">{{ __('Reviews') }}</h1>
<nav class="mb-5 flex flex-wrap gap-2" aria-label="{{ __('Filter') }}">
@foreach (['pending', 'approved', 'rejected', 'all'] as $s)
    <a href="{{ route('admin.reviews', ['status' => $s]) }}" @if ($status === $s) aria-current="page" @endif class="rounded-full px-4 py-2 text-sm font-bold {{ $status === $s ? 'bg-primary text-on-primary' : 'border border-outline-variant text-primary' }}">{{ __(ucfirst($s)) }}@if ($s !== 'all') ({{ $counts[$s] ?? 0 }})@endif</a>
@endforeach
</nav>
<form method="GET" class="mb-5 flex gap-3"><input type="hidden" name="status" value="{{ $status }}"><label class="sr-only" for="q">{{ __('Search') }}</label>
    <input id="q" name="q" value="{{ $q }}" placeholder="{{ __('Search reviews') }}" class="min-h-[44px] min-w-0 flex-1 rounded-full border border-outline-variant bg-white px-5"><x-btn type="submit" variant="ghost">{{ __('Search') }}</x-btn></form>
@if ($result['items'])
<div class="space-y-3">
@foreach ($result['items'] as $r)
    <article class="rounded-[28px] border border-surface-variant bg-white p-5 text-sm">
        <div class="flex flex-wrap items-center justify-between gap-2"><div class="flex items-center gap-3"><x-stars :rating="$r->rating"/><strong class="text-primary">{{ $r->title }}</strong>@if ($r->verified)<span class="rounded-full bg-secondary-container px-2 py-0.5 text-xs font-bold">{{ __('Verified buyer') }}</span>@endif</div><x-status :value="$r->status === 'approved' ? 'completed' : ($r->status === 'rejected' ? 'cancelled' : 'pending')"/></div>
        <p class="mt-2 text-on-surface-variant">{{ $r->body }}</p>
        <p class="mt-2 text-xs text-outline">{{ $r->product }} · {{ $r->first_name }} ({{ $r->email }}) · {{ $r->created_at }}</p>
        <div class="mt-3 flex flex-wrap gap-2">
            @foreach (['approved' => __('Approve'), 'rejected' => __('Reject'), 'pending' => __('Back to pending')] as $to => $label)
                @if ($r->status !== $to)<form method="POST" action="{{ route('admin.reviews.status', $r->id) }}">@csrf @method('PATCH')<input type="hidden" name="status" value="{{ $to }}"><button class="rounded-full px-4 py-2 text-xs font-bold {{ $to === 'approved' ? 'bg-primary text-on-primary' : 'border border-outline-variant text-primary' }}">{{ $label }}</button></form>@endif
            @endforeach
            <form method="POST" action="{{ route('admin.reviews.delete', $r->id) }}" onsubmit="return confirm(@js(__('Delete this?')))">@csrf @method('DELETE')<button class="rounded-full bg-error-container px-4 py-2 text-xs font-bold text-on-error-container">{{ __('Delete') }}</button></form>
        </div>
    </article>
@endforeach
</div>
@include('partials.pagination', ['result' => $result])
@else <x-empty :title="__('No reviews here')"/> @endif
@endsection