@php
    use Illuminate\Support\Str;

    $variant = $config['variant'] ?? 'tenant';
    $showRouteName = $variant === 'platform' ? 'platform.posts.show' : 'tenant.posts.show';
@endphp

<div class="space-y-3">
    @foreach ($posts as $post)
        @php
            $excerpt = Str::of(strip_tags($post->content))
                ->replaceMatches('/\s+/u', ' ')
                ->trim()
                ->limit(140);
        @endphp

        <details class="group rounded-[var(--radius-xl)] border border-muted bg-card shadow-sm">
            <summary class="flex cursor-pointer list-none items-start gap-3 px-4 py-4">
                <span class="mt-0.5 grid h-8 w-8 shrink-0 place-items-center rounded-full bg-primary-soft text-sm font-extrabold c-primary">
                    Q
                </span>

                <div class="min-w-0 flex-1 space-y-1 text-left">
                    @if ($post->boardCategory)
                        <div class="flex flex-wrap items-center gap-2 text-xs c-subtle">
                            <x-ui.badge variant="secondary" size="sm">{{ $post->boardCategory->name }}</x-ui.badge>
                        </div>
                    @endif
                    <div class="text-base font-bold tracking-[-0.03em] c-main">
                        {{ $post->title }}
                    </div>
                </div>

                <span class="mt-1 text-xs font-semibold c-subtle group-open:hidden">열기</span>
                <span class="mt-1 hidden text-xs font-semibold c-subtle group-open:inline">닫기</span>
            </summary>

            <div class="border-t border-muted px-4 py-4 text-sm leading-6 c-muted">
                {{ $excerpt }}

                <div class="mt-3">
                    <a href="{{ route($showRouteName, ['board' => $board, 'post' => $post]) }}" class="text-sm font-semibold c-primary text-hover-main">
                        자세히 보기
                    </a>
                </div>
            </div>
        </details>
    @endforeach
</div>