@extends('layouts.app')

{{--
    «Мои отзывы» (ТЗ §12.1, §13).

    Сверху — брони, по которым отзыв ещё можно оставить: без этого списка гость
    не узнает, что у него появилось такое право.
--}}

@section('title', 'Мои отзывы — РестоМесто')

@push('meta')
    <meta name="robots" content="noindex, nofollow">
@endpush

@section('content')
    <div class="container-page max-w-[1000px] pb-[72px] pt-10">
        @include('partials.cabinet-nav')

        @if (session('login_message'))
            <p class="mb-4 rounded-card bg-success-light px-4 py-3 text-sm text-success" role="status">
                {{ session('login_message') }}
            </p>
        @endif

        @if ($errors->any())
            <ul class="mb-4 space-y-1 rounded-card bg-danger-light px-4 py-3 text-sm text-danger" role="alert">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        @endif

        @if ($awaiting->isNotEmpty())
            <section class="mb-8">
                <h2 class="mb-3 text-sm font-bold uppercase tracking-wide text-subtle">Расскажите о визите</h2>

                <div class="space-y-3">
                    @foreach ($awaiting as $booking)
                        <div class="flex flex-wrap items-center justify-between gap-3 card p-4">
                            <div class="min-w-0">
                                <p class="font-bold text-ink">{{ $booking->venue?->name ?? 'Заведение недоступно' }}</p>
                                <p class="mt-0.5 text-sm text-muted">
                                    Визит {{ $booking->fromInVenueTimezone()->translatedFormat('j F') }}
                                </p>
                            </div>

                            <a href="{{ route('cabinet.reviews.create', $booking->local_booking_uuid) }}"
                               class="rounded-control bg-primary px-4 py-2 text-sm font-semibold text-primary-contrast hover:bg-primary-hover">
                                Оставить отзыв
                            </a>
                        </div>
                    @endforeach
                </div>
            </section>
        @endif

        @if ($reviews->isEmpty())
            <div class="card p-8 text-center">
                <h2 class="text-lg font-bold">Отзывов пока нет</h2>
                <p class="mt-1 text-sm text-muted">
                    Отзыв можно оставить после визита по броне, сделанной через «РестоМесто».
                </p>
            </div>
        @else
            <section>
                <h2 class="mb-3 text-sm font-bold uppercase tracking-wide text-subtle">Мои отзывы</h2>

                <div class="space-y-3">
                    @foreach ($reviews as $review)
                        @php
                            $pending = $review->pendingVersion();
                            $shown = $pending ?? $review;
                        @endphp

                        <article class="card p-4">
                            <div class="flex flex-wrap items-start justify-between gap-3">
                                <div class="min-w-0">
                                    <h3 class="font-bold text-ink">
                                        @if ($review->venue)
                                            <a href="{{ $review->venue->publicPath() }}#reviews" class="hover:text-primary">
                                                {{ $review->venue->name }}
                                            </a>
                                        @else
                                            Заведение недоступно
                                        @endif
                                    </h3>
                                    <p class="mt-0.5 text-sm text-warning" aria-label="Оценка {{ $shown->rating }} из 5">
                                        <span aria-hidden="true">{{ str_repeat('★', $shown->rating) }}{{ str_repeat('☆', 5 - $shown->rating) }}</span>
                                    </p>
                                </div>

                                <span @class([
                                    'shrink-0 rounded-pill px-2.5 py-1 text-xs font-semibold',
                                    'bg-success-light text-success' => $review->isPublished() && $pending === null,
                                    'bg-warning-light text-warning' => $pending !== null,
                                    'bg-danger-light text-danger' => $review->status === \App\Domain\Reviews\Enums\ReviewStatus::Rejected,
                                    'bg-surface-alt text-muted' => ! $review->isPublished() && $pending === null && $review->status !== \App\Domain\Reviews\Enums\ReviewStatus::Rejected,
                                ])>
                                    {{ $review->guestStatusLabel() }}
                                </span>
                            </div>

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

                            {{-- Пока правка не разобрана, на странице виден прежний текст (ТЗ §13.5) --}}
                            @if ($pending !== null && $review->published_at !== null)
                                <p class="mt-2 text-xs text-subtle">
                                    На странице заведения пока показывается предыдущая версия.
                                </p>
                            @endif

                            @if ($review->reply && $review->reply->isVisible())
                                <div class="mt-3 rounded-control border-l-4 border-primary bg-surface-alt p-3">
                                    <p class="text-xs font-semibold uppercase tracking-wide text-primary">Ответ заведения</p>
                                    <p class="mt-1 whitespace-pre-line text-sm text-text">{{ $review->reply->body }}</p>
                                </div>
                            @endif

                            @if ($review->isEditable())
                                <a href="{{ route('cabinet.reviews.edit', $review->uuid) }}"
                                   class="mt-3 inline-block text-sm text-muted underline hover:text-primary">
                                    Изменить отзыв
                                </a>
                            @endif
                        </article>
                    @endforeach
                </div>
            </section>
        @endif
    </div>
@endsection