@extends('layouts.public')

@section('title', $seller->display_name)
@section('meta_description', $seller->headline ?: __('Properties listed by :name', ['name' => $seller->display_name]))

@push('head')
    @php
        // Built in PHP rather than with @json: Blade treats an @-prefixed key
        // inside a directive as a directive of its own, which silently mangles
        // the document.
        $schema = [
            '@context' => 'https://schema.org',
            '@type' => 'RealEstateAgent',
            'name' => $seller->display_name,
            'url' => route('sellers.show', $seller->slug),
            'description' => $seller->headline ?: null,
            'image' => $seller->logo ? image_url($seller->logo) : null,
            'telephone' => $seller->contactPhone() ?: null,
            'email' => $seller->contactEmail() ?: null,
            'address' => array_filter([
                '@type' => 'PostalAddress',
                'addressLocality' => $seller->city ?: null,
                'addressRegion' => $seller->district ?: null,
                'addressCountry' => 'NP',
            ]),

            // Only real, published reviews are declared. A rating nobody left is
            // a rating that gets a site penalised, and rightly.
            'aggregateRating' => $seller->rating_count > 0 ? [
                '@type' => 'AggregateRating',
                'ratingValue' => (string) $seller->rating_average,
                'reviewCount' => (string) $seller->rating_count,
            ] : null,
        ];
    @endphp

    <script type="application/ld+json">{!! ld_json($schema) !!}</script>
@endpush

@section('content')
    {{-- The header answers the question a buyer is really asking: who is this,
         and has anyone checked them. --}}
    <div class="relative border-b border-border bg-surface">
        @if ($seller->cover_image)
            <div class="absolute inset-0">
                <img src="{{ image_url($seller->cover_image) }}" alt="" class="size-full object-cover">
                <div class="scrim"></div>
            </div>
        @endif

        <div class="container-page relative py-10 sm:py-14">
            <div class="flex flex-wrap items-end gap-6">
                @if ($seller->logo)
                    <img src="{{ thumb_url($seller->logo) }}" alt=""
                         class="size-24 shrink-0 rounded-2xl border border-border bg-surface object-cover sm:size-28">
                @else
                    <span @class([
                        'flex size-24 shrink-0 items-center justify-center rounded-2xl border border-border bg-surface font-display text-2xl font-bold sm:size-28',
                        'text-text' => ! $seller->cover_image,
                    ])>{{ $seller->displayInitials() }}</span>
                @endif

                <div class="min-w-0">
                    <div class="flex flex-wrap items-center gap-2">
                        <x-badge variant="muted">{{ $seller->type->label() }}</x-badge>

                        @if ($seller->isVerified())
                            <x-badge variant="success" icon="shield">{{ __('Verified') }}</x-badge>
                        @endif

                        @if ($seller->rating_count > 0)
                            <x-badge variant="brand">
                                {{ number_format($seller->rating_average, 1) }}
                                {{ trans_choice('/5 from one review|/5 from :count reviews', $seller->rating_count, ['count' => $seller->rating_count]) }}
                            </x-badge>
                        @endif
                    </div>

                    <h1 @class([
                        'mt-2 font-display text-display font-bold leading-tight',
                        'text-white' => $seller->cover_image,
                        'text-text' => ! $seller->cover_image,
                    ])>{{ $seller->display_name }}</h1>

                    @if ($seller->headline)
                        <p @class([
                            'mt-2 max-w-2xl text-sm',
                            'text-white/85' => $seller->cover_image,
                            'text-text-secondary' => ! $seller->cover_image,
                        ])>{{ $seller->headline }}</p>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="container-page grid gap-10 py-10 lg:grid-cols-12 lg:gap-12">
        <aside class="lg:col-span-4 xl:col-span-3">
            <div class="lg:sticky lg:top-28 space-y-6">
                <div class="rounded-xl border border-border bg-surface p-5">
                    <h2 class="font-display text-base font-semibold text-text">{{ __('Contact') }}</h2>

                    <dl class="mt-4 space-y-3 text-sm">
                        @foreach ([
                            ['phone', __('Phone'), $seller->contactPhone()],
                            ['mail', __('Email'), $seller->contactEmail()],
                            ['globe', __('Website'), $seller->website],
                            ['map', __('Based in'), collect([$seller->city, $seller->district])->filter()->implode(', ')],
                        ] as [$icon, $label, $value])
                            @if (filled($value))
                                <div class="flex items-start gap-3">
                                    <x-icon :name="$icon" class="mt-0.5 size-4 shrink-0 text-text-muted" />
                                    <dt class="sr-only">{{ $label }}</dt>
                                    <dd class="min-w-0 break-words text-text">{{ $value }}</dd>
                                </div>
                            @endif
                        @endforeach
                    </dl>

                    @if ($seller->isVerified())
                        <p class="mt-4 border-t border-border pt-4 text-xs text-text-secondary">
                            {{ __('We have checked this seller’s identity.') }}
                        </p>
                    @endif
                </div>

                @if ($seller->areas_served || $seller->specializations)
                    <div class="rounded-xl border border-border bg-surface p-5">
                        @if ($seller->specializations)
                            <h2 class="font-display text-base font-semibold text-text">{{ __('Specialises in') }}</h2>
                            <ul class="mt-3 flex flex-wrap gap-2">
                                @foreach ($seller->specializations as $item)
                                    <li class="pill pill-idle">{{ $item }}</li>
                                @endforeach
                            </ul>
                        @endif

                        @if ($seller->areas_served)
                            <h2 @class(['font-display text-base font-semibold text-text', 'mt-5' => $seller->specializations])>
                                {{ __('Areas served') }}
                            </h2>
                            <ul class="mt-3 flex flex-wrap gap-2">
                                @foreach ($seller->areas_served as $item)
                                    <li class="pill pill-idle">{{ $item }}</li>
                                @endforeach
                            </ul>
                        @endif
                    </div>
                @endif
            </div>
        </aside>

        <div class="lg:col-span-8 xl:col-span-9">
            @if ($seller->bio)
                <section class="mb-10" data-reveal>
                    <h2 class="mb-3 font-display text-title font-bold text-text">{{ __('About') }}</h2>
                    <p class="prose-measure whitespace-pre-line text-text-secondary">{{ $seller->bio }}</p>
                </section>
            @endif

            <section data-reveal>
                <h2 class="mb-5 font-display text-title font-bold text-text">
                    {{ trans_choice('One property|:count properties', $listings->total(), ['count' => $listings->total()]) }}
                </h2>

                @if ($listings->isEmpty())
                    <x-empty-state icon="building" :title="__('Nothing listed right now')"
                                   :message="__('This seller has no live listings at the moment.')" />
                @else
                    <div class="grid gap-6 sm:grid-cols-2 3xl:grid-cols-3" data-reveal-group>
                        @foreach ($listings as $listing)
                            @include('public.partials.listing-card', [
                                'listing' => $listing,
                                'favouritedIds' => $favouritedIds,
                            ])
                        @endforeach
                    </div>

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

            {{-- Reviews sit below the listings: a buyer looks at what is for sale
                 first and at who is selling it second. Only published reviews
                 appear — the rest exist for moderation, not for reading. --}}
            <section class="mt-12" data-reveal aria-labelledby="reviews">
                <div class="mb-5 flex flex-wrap items-end justify-between gap-3">
                    <h2 id="reviews" class="font-display text-title font-bold text-text">{{ __('Reviews') }}</h2>

                    @if ($seller->rating_count > 0)
                        <p class="text-sm text-text-secondary">
                            <span class="font-display text-lg font-bold text-text">{{ number_format($seller->rating_average, 1) }}</span>
                            {{ trans_choice('out of 5, from one review|out of 5, from :count reviews', $seller->rating_count, ['count' => $seller->rating_count]) }}
                        </p>
                    @endif
                </div>

                @if ($reviews->isEmpty())
                    <x-empty-state icon="quote" :title="__('No reviews yet')"
                                   :message="__('Reviews appear here once somebody who has dealt with this seller writes one.')" />
                @else
                    <div class="space-y-4">
                        @foreach ($reviews 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 class="min-w-0">
                                        <p class="font-display text-base font-semibold text-text">
                                            <span aria-label="{{ __(':rating out of 5', ['rating' => $review->rating]) }}">{{ 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 text-xs text-text-muted">
                                            {{ $review->author?->name ?? __('A buyer') }}
                                            &middot; {{ $review->created_at->format('j M Y') }}

                                            @if ($review->isVerifiedDealing())
                                                &middot; {{ __('Verified dealing') }}
                                            @endif
                                        </p>
                                    </div>

                                    <x-report-button type="review" :id="$review->id" :label="__('Report')" />
                                </div>

                                <p class="mt-3 whitespace-pre-line 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">{{ __('Reply from :name', ['name' => $seller->display_name]) }}</p>
                                        <p class="mt-1 whitespace-pre-line text-sm text-text-secondary">{{ $review->reply }}</p>
                                    </div>
                                @endif
                            </article>
                        @endforeach
                    </div>
                @endif

                <div class="mt-8 border-t border-border pt-5">
                    <x-report-button type="seller" :id="$seller->id" :label="__('Report this seller')" />
                </div>
            </section>
        </div>
    </div>
@endsection