@php
    $isPaginator = method_exists($posts, 'firstItem') && method_exists($posts, 'lastItem');
    $variant = $config['variant'] ?? 'tenant';
    $showRouteName = $variant === 'platform' ? 'platform.posts.show' : 'tenant.posts.show';
@endphp

<div class="overflow-hidden border-t-2 border-default bg-card">
    <div class="hidden border-b border-[rgb(var(--color-bg-surface-rgb))] bg-surface px-4 py-2.5 text-xs font-semibold uppercase tracking-[0.14em] c-subtle md:grid md:grid-cols-[4.25rem_minmax(0,1fr)_7rem_6rem] md:gap-3">
        <div class="text-center">번호</div>
        <div>제목</div>
        <div class="text-center">작성일</div>
        <div class="text-center">조회</div>
    </div>

    <div class="divide-y divide-[rgb(var(--color-bg-surface-rgb))]">
        @forelse ($posts as $post)
            @php
                $rowNumber = $isPaginator
                    ? (($posts->total() - ($posts->firstItem() ?? 1)) + $loop->index + 1)
                    : null;
                $publishedDate = $post->published_at?->format('Y.m.d') ?? $post->created_at->format('Y.m.d');
            @endphp

            <a
                href="{{ route($showRouteName, ['board' => $board, 'post' => $post]) }}"
                class="block px-4 py-2.5 transition-colors hover:bg-surface1"
            >
                <div class="grid gap-2 md:grid-cols-[4.25rem_minmax(0,1fr)_7rem_6rem] md:items-center md:gap-3">
                    <div class="hidden text-center text-sm font-semibold c-subtle md:block">
                        {{ $rowNumber ?? '·' }}
                    </div>

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

                    <div class="hidden text-center text-sm c-muted md:block">
                        {{ $publishedDate }}
                    </div>

                    <div class="hidden text-center text-sm c-muted md:block">
                        {{ number_format((int) $post->views) }}
                    </div>
                </div>
            </a>
        @empty
            <div class="px-4 py-8 text-sm c-muted">표시할 글이 없습니다.</div>
        @endforelse
    </div>
</div>