@extends('layouts.account')

@section('title', __('Reviews'))
@section('heading', __('Reviews'))
@section('subheading', __('What you have written, and what has been written about you.'))

@section('account')
    @if (session('error'))
        <x-alert type="error" class="mb-6">{{ session('error') }}</x-alert>
    @endif

    {{--
        People this buyer has actually dealt with. A review needs a dealing
        behind it — a ratings system open to strangers is one that gets bought.
    --}}
    @if ($pending->isNotEmpty())
        <section class="mb-10" aria-labelledby="to-review">
            <h2 id="to-review" class="mb-4 font-display text-title font-bold text-text">
                {{ __('People you have dealt with') }}
            </h2>

            <div class="space-y-4">
                @foreach ($pending as $lead)
                    @php($profile = $lead->seller->sellerProfile)

                    <div class="rounded-xl border border-border bg-surface p-5" x-data="{ open: false }">
                        <div class="flex flex-wrap items-center justify-between gap-3">
                            <div class="min-w-0">
                                <p class="font-display text-base font-semibold text-text">
                                    {{ $profile->display_name }}
                                </p>
                                <p class="mt-0.5 text-sm text-text-secondary">{{ $lead->listing?->title }}</p>
                            </div>

                            <button type="button" @click="open = !open" class="btn-outline btn-sm">
                                <span x-show="!open">{{ __('Write a review') }}</span>
                                <span x-show="open" x-cloak>{{ __('Cancel') }}</span>
                            </button>
                        </div>

                        <form x-show="open" x-cloak action="{{ route('account.reviews.store', $profile) }}"
                              method="POST" class="mt-5 space-y-4 border-t border-border pt-5">
                            @csrf

                            <fieldset>
                                <legend class="form-label">{{ __('Rating') }}</legend>

                                <div class="flex gap-2">
                                    @foreach (range(1, 5) as $star)
                                        <label class="cursor-pointer">
                                            <input type="radio" name="rating" value="{{ $star }}" required
                                                   class="peer sr-only">
                                            <span class="flex size-10 items-center justify-center rounded-lg border border-border text-sm font-medium text-text-secondary transition peer-checked:border-primary peer-checked:bg-primary/15 peer-checked:text-text">
                                                {{ $star }}
                                            </span>
                                        </label>
                                    @endforeach
                                </div>
                            </fieldset>

                            <x-form.input name="title" :label="__('Headline')" />

                            <x-form.textarea name="body" :label="__('Your review')" rows="4" required
                                             :hint="__('What was it like dealing with them? At least a couple of sentences.')" />

                            <button type="submit" class="btn btn-primary">{{ __('Send review') }}</button>
                        </form>
                    </div>
                @endforeach
            </div>
        </section>
    @endif

    @if ($received->isNotEmpty())
        <section class="mb-10" aria-labelledby="received">
            <h2 id="received" class="mb-4 font-display text-title font-bold text-text">{{ __('About you') }}</h2>

            <div class="space-y-4">
                @foreach ($received as $review)
                    <article class="rounded-xl border border-border bg-surface p-5">
                        <div class="flex flex-wrap items-start justify-between gap-3">
                            <div>
                                <p class="font-display text-base font-semibold text-text">
                                    {{ str_repeat('★', $review->rating) }}{{ str_repeat('☆', 5 - $review->rating) }}
                                    @if ($review->title)
                                        <span class="ml-2">{{ $review->title }}</span>
                                    @endif
                                </p>

                                <p class="mt-0.5 text-xs text-text-muted">
                                    {{ $review->author?->name }} · {{ $review->created_at->format('j M Y') }}
                                </p>
                            </div>

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

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

                        @if ($review->hasReply())
                            <div class="mt-4 rounded-lg bg-surface-muted p-3.5">
                                <p class="meta-label">{{ __('Your reply') }}</p>
                                <p class="mt-1 text-sm text-text-secondary">{{ $review->reply }}</p>
                            </div>
                        @elseif ($review->isVisible())
                            {{-- Replying is offered only on a published review:
                                 answering something nobody can see is answering
                                 an accusation in an empty room. --}}
                            <form action="{{ route('account.reviews.reply', $review) }}" method="POST"
                                  class="mt-4 space-y-3">
                                @csrf

                                <label for="reply-{{ $review->id }}" class="form-label">{{ __('Reply publicly') }}</label>
                                <textarea id="reply-{{ $review->id }}" name="reply" rows="3" required
                                          class="form-input"></textarea>

                                <button type="submit" class="btn-outline btn-sm">{{ __('Post reply') }}</button>
                            </form>
                        @endif
                    </article>
                @endforeach
            </div>
        </section>
    @endif

    @if ($written->isNotEmpty())
        <section aria-labelledby="written">
            <h2 id="written" class="mb-4 font-display text-title font-bold text-text">{{ __('Written by you') }}</h2>

            <div class="space-y-4">
                @foreach ($written as $review)
                    <article class="rounded-xl border border-border bg-surface p-5">
                        <div class="flex flex-wrap items-start justify-between gap-3">
                            <p class="font-display text-base font-semibold text-text">
                                {{ str_repeat('★', $review->rating) }}{{ str_repeat('☆', 5 - $review->rating) }}
                                <span class="ml-2">{{ $review->subject?->display_name }}</span>
                            </p>

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

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

                        @if ($review->moderation_note && ! $review->isVisible())
                            <p class="mt-3 rounded-lg bg-error/5 px-3 py-2 text-sm text-error">
                                {{ $review->moderation_note }}
                            </p>
                        @endif
                    </article>
                @endforeach
            </div>
        </section>
    @endif

    @if ($pending->isEmpty() && $received->isEmpty() && $written->isEmpty())
        <x-empty-state icon="quote"
                       :title="__('No reviews yet')"
                       :message="__('Once you have dealt with a seller through the site, you can review them here.')" />
    @endif
@endsection