@extends('tenant.layouts.app')

@section('title', $pageTitle ?? tenant_page_title($query !== '' ? '[' . $query . '] 검색결과' : '검색결과', $tenantSiteSettings))
@section('header', '검색결과')

@section('content')
    <div class="space-y-8 px-4 md:px-0">
        <section class="space-y-3 border-b border-muted pb-6">
            <div class="flex flex-wrap items-center gap-3">
                <h1 class="text-3xl font-extrabold tracking-[-0.055em] c-main sm:text-4xl">
                    {{ $query !== '' ? '[' . $query . '] 검색결과' : '검색결과' }}
                </h1>
            </div>

            <x-tenant::search-form :action="tenant_url(null, 'search')" :value="$query" />
        </section>

        @if ($query === '')
            <x-ui.empty-state
                title="검색어를 입력해 주세요"
                description="게시글 제목과 본문을 전체 게시판에서 찾습니다."
            />
        @elseif ($results->count() > 0)
            <div class="space-y-4">
                <div class="text-xs c-subtle">
                    총 {{ number_format($resultCount) }}개 결과
                </div>

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

            <div class="flex justify-center py-4">
                <x-ui.pagination :paginator="$results" />
            </div>
        @else
            <x-ui.empty-state
                title="검색 결과가 없습니다"
                description="다른 검색어로 다시 찾아보세요."
            />
        @endif
    </div>
@endsection