@php
    $isSearch = $query !== '';
    $siteSeoTitle = $platformSiteSettings?->effectiveSeoTitle() ?: ($platformSiteSettings?->effectiveSiteName() ?? 'qpost platform');
    $siteSeoDescription = $platformSiteSettings?->effectiveSeoDescription() ?: ($platformSiteSettings?->site_description ?? '새 글과 추천 채널');
    $siteSeoKeywords = $platformSiteSettings?->effectiveSeoKeywords() ?: '';
    $siteSeoCanonicalUrl = rtrim(url()->current(), '/') . '/';
    $siteSeoOgTitle = $platformSiteSettings?->effectiveSeoOgTitle() ?: $siteSeoTitle;
    $siteSeoOgDescription = $platformSiteSettings?->effectiveSeoOgDescription() ?: $siteSeoDescription;
    $siteSeoOgImage = $platformSiteSettings?->effectiveSeoOgImageUrl() ?: '';
@endphp

@extends('components.layouts.platform-home', ['platformSiteSettings' => $platformSiteSettings ?? null])

@section('title', $isSearch ? '[' . $query . '] 검색결과' : $siteSeoTitle)
@section('meta-description', $isSearch ? '검색 결과 페이지' : $siteSeoDescription)
@if (! $isSearch && $siteSeoKeywords !== '')
    @section('meta-keywords', $siteSeoKeywords)
@endif
@section('canonical-url', $isSearch ? url()->current() : $siteSeoCanonicalUrl)
@section('og-title', $isSearch ? '[' . $query . '] 검색결과' : $siteSeoOgTitle)
@section('og-description', $isSearch ? '검색 결과 페이지' : $siteSeoOgDescription)
@if (! $isSearch && $siteSeoOgImage !== '')
    @section('og-image', $siteSeoOgImage)
@endif
@section('og-type', 'website')
@section('meta-robots', $isSearch ? 'noindex,follow' : (($platformSiteSettings?->indexable ?? true) ? 'index,follow' : 'noindex,follow'))

@section('content')
    @if (! $isSearch)
        <h1 class="sr-only">{{ $platformSiteName }}</h1>
    @endif
    <div class="space-y-6">
        @if ($query !== '')
            <section class="space-y-4">
                <x-ui.section-header
                    eyebrow="SEARCH"
                    title="{{ '[' . $query . '] 검색결과' }}"
                    title-tag="h1"
                    size="md"
                />

                @if (($searchResults?->count() ?? 0) > 0)
                    <div class="space-y-4">
                        <div class="text-xs c-subtle">
                            총 {{ number_format($resultCount) }}개 결과
                        </div>

                        <div class="space-y-4">
                            @foreach ($searchResults as $post)
                                <x-posts.items.listcard
                                    :post="$post"
                                    :board="$post->board"
                                    variant="platform"
                                    :show-image="true"
                                />
                            @endforeach
                        </div>
                    </div>

                    <div class="flex justify-center py-4">
                        <x-ui.pagination :paginator="$searchResults" />
                    </div>
                @else
                    <x-ui.empty-state
                        title="검색 결과가 없습니다"
                        description="다른 검색어로 다시 찾아보세요."
                    />
                @endif
            </section>
        @else
            <div>
                @if ($heroPosts->isEmpty())
                    <x-ui.empty-state
                        title="수집된 새 글이 없습니다"
                        description="태그모아 허용 게시판에서 글이 저장되면 이 목록에 노출됩니다."
                    />
                @else
                    <div class="space-y-10">
                        <x-platform.hero-spotlight :posts="$heroPosts" />

                        <section class="space-y-4">
                            <x-ui.section-header
                                eyebrow="SPOTLIGHT"
                                title="주목할 이야기"
                                title-tag="h2"
                                size="md"
                            />

                            <x-posts.renderer
                                :board="null"
                                :posts="$listPosts"
                                variant="platform"
                                :config="['skin' => 'scroll', 'item' => 'card', 'showImage' => true, 'boardLabelField' => 'tenant.name', 'showPublishedDate' => false]"
                                :show-image="true"
                            />
                        </section>

                        <section class="space-y-4">
                            <x-ui.section-header
                                eyebrow="NEW POST"
                                title="새로운 이야기"
                                title-tag="h2"
                                size="md"
                            />

                            <div class="grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6">
                                @foreach ($compactPosts->take(30)->values() as $post)
                                    <x-posts.items.listcard
                                        :post="$post"
                                        :board="null"
                                        variant="platform"
                                        :show-image="true"
                                    />
                                @endforeach
                            </div>
                        </section>
                    </div>
                @endif
            </div>
        @endif

    </div>
@endsection