@php
    $boardLabel = $boardSlug !== '' ? optional($boards->firstWhere('slug', $boardSlug))->title ?? $boardSlug : '전체';
    $statusLabel = match ($status) {
        'published' => '발행',
        'scheduled' => '예약',
        default => '전체',
    };
@endphp

<x-layouts.platform-admin title="게시글 관리" header="게시글 관리">
    <div class="space-y-6">
        <x-admin.section-header
            eyebrow="Posts"
            title="게시글 관리"
            title-tag="h1"
            description="플랫폼 중앙 DB의 게시글을 게시판별로 확인하고, 발행 상태와 수정 이력을 관리합니다."
        >
            <x-ui.badge variant="primary" size="md">게시판 {{ $boardLabel }}</x-ui.badge>
            <x-ui.badge variant="secondary" size="md">상태 {{ $statusLabel }}</x-ui.badge>
            <x-ui.badge variant="accent" size="md">전체 {{ $posts->total() }}</x-ui.badge>
        </x-admin.section-header>

        <x-ui.card padded class="border border-muted bg-surface shadow-sm">
            <form method="GET" action="{{ route('platform.posts.manage') }}" class="grid gap-3 lg:grid-cols-[minmax(0,1fr)_14rem_12rem_auto]">
                <x-ui.input
                    type="search"
                    name="q"
                    floating
                    label="검색"
                    placeholder="제목, 작성자, 게시판"
                    value="{{ $query }}"
                />

                <x-ui.select name="board" label="게시판" floating>
                    <option value="">전체</option>
                    @foreach ($boards as $board)
                        <option value="{{ $board->slug }}" @selected($boardSlug === $board->slug)>{{ $board->title }}</option>
                    @endforeach
                </x-ui.select>

                <x-ui.select name="status" label="발행 상태" floating>
                    <option value="">전체</option>
                    <option value="published" @selected($status === 'published')>발행</option>
                    <option value="scheduled" @selected($status === 'scheduled')>예약</option>
                </x-ui.select>

                <x-ui.button type="submit" variant="primary" size="sm" class="self-end">검색</x-ui.button>
            </form>
        </x-ui.card>

        @if ($posts->isEmpty())
            <x-ui.empty-state
                title="게시글이 없습니다"
                description="현재 조건에 맞는 게시글이 없습니다."
            />
        @else
            <div class="space-y-4 md:hidden">
                @foreach ($posts as $post)
                    @php
                        $board = $post->board;
                        $statusVariant = $post->publicationVariant();
                        $postUrl = route('platform.posts.show', ['board' => $board, 'post' => $post]);
                        $editUrl = route('platform.posts.edit', ['board' => $board, 'post' => $post]);
                        $deleteUrl = route('platform.posts.destroy', ['board' => $board, 'post' => $post]);
                    @endphp

                    <article class="overflow-hidden rounded-[1.5rem] border border-muted bg-card shadow-sm">
                        <div class="space-y-3 p-4">
                            <div class="space-y-1">
                                <div class="flex flex-wrap items-center gap-2">
                                    <x-ui.badge variant="secondary" size="sm">{{ $board?->title ?? '-' }}</x-ui.badge>
                                    <x-ui.badge variant="{{ $statusVariant }}" size="sm">{{ $post->publicationLabel() }}</x-ui.badge>
                                </div>

                                <h2 class="text-lg font-extrabold tracking-[-0.04em] c-main">
                                    <a href="{{ $postUrl }}" target="_blank" rel="noopener" class="hover:c-primary">
                                        {{ $post->title }}
                                    </a>
                                </h2>
                            </div>

                            <div class="grid gap-2 text-sm">
                                <div class="flex items-center justify-between gap-3 rounded-2xl border border-muted bg-surface px-3 py-2">
                                    <span class="c-muted">작성자</span>
                                    <span class="font-semibold c-main">{{ $post->authorLabel() }}</span>
                                </div>
                                <div class="flex items-center justify-between gap-3 rounded-2xl border border-muted bg-surface px-3 py-2">
                                    <span class="c-muted">발행일</span>
                                    <span class="font-semibold c-main">{{ $post->publicationLabel() }}</span>
                                </div>
                                <div class="flex items-center justify-between gap-3 rounded-2xl border border-muted bg-surface px-3 py-2">
                                    <span class="c-muted">수정일</span>
                                    <span class="font-semibold c-main">{{ $post->updatedAtLabel() }}</span>
                                </div>
                                <div class="flex items-center justify-between gap-3 rounded-2xl border border-muted bg-surface px-3 py-2">
                                    <span class="c-muted">상태</span>
                                    <x-ui.badge variant="{{ $statusVariant }}" size="sm">{{ $post->publicationStateLabel() }}</x-ui.badge>
                                </div>
                            </div>

                            <div class="flex flex-wrap gap-2">
                                <x-ui.button href="{{ $postUrl }}" target="_blank" rel="noopener" variant="soft" size="sm">글 보기</x-ui.button>
                                <x-ui.button href="{{ $editUrl }}" variant="primary" size="sm">수정</x-ui.button>
                                <form method="POST" action="{{ $deleteUrl }}" onsubmit="return confirm('정말 삭제하시겠습니까?')">
                                    @csrf
                                    @method('DELETE')
                                    <x-ui.button type="submit" variant="danger" size="sm">삭제</x-ui.button>
                                </form>
                            </div>
                        </div>
                    </article>
                @endforeach
            </div>

            <div class="hidden md:block">
                <div class="table-container bg-card">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>게시글</th>
                                <th>게시판</th>
                                <th>작성자</th>
                                <th>발행일</th>
                                <th>수정일</th>
                                <th>상태</th>
                                <th>관리</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($posts as $post)
                                @php
                                    $board = $post->board;
                                    $statusVariant = $post->publicationVariant();
                                    $postUrl = route('platform.posts.show', ['board' => $board, 'post' => $post]);
                                    $editUrl = route('platform.posts.edit', ['board' => $board, 'post' => $post]);
                                    $deleteUrl = route('platform.posts.destroy', ['board' => $board, 'post' => $post]);
                                @endphp
                                <tr>
                                    <td class="align-top">
                                        <div class="space-y-1">
                                            <a href="{{ $postUrl }}" target="_blank" rel="noopener" class="text-sm font-bold c-main hover:c-primary">
                                                {{ $post->title }}
                                            </a>
                                            @if ($post->boardCategory)
                                                <div class="text-xs c-muted">{{ $post->boardCategory->name }}</div>
                                            @endif
                                        </div>
                                    </td>
                                    <td class="align-top">
                                        <x-ui.badge variant="secondary" size="sm">{{ $board?->title ?? '-' }}</x-ui.badge>
                                    </td>
                                    <td class="align-top">
                                        <div class="text-sm font-semibold c-main">{{ $post->authorLabel() }}</div>
                                    </td>
                                    <td class="align-top">
                                        <div class="text-sm font-semibold c-main">{{ $post->publicationLabel() }}</div>
                                    </td>
                                    <td class="align-top">
                                        <div class="text-sm font-semibold c-main">{{ $post->updatedAtLabel() }}</div>
                                    </td>
                                    <td class="align-top">
                                        <x-ui.badge variant="{{ $statusVariant }}" size="sm">{{ $post->publicationStateLabel() }}</x-ui.badge>
                                    </td>
                                    <td class="align-top">
                                        <div class="flex flex-wrap items-center gap-2">
                                            <x-ui.button href="{{ $postUrl }}" target="_blank" rel="noopener" variant="soft" size="sm">글 보기</x-ui.button>
                                            <x-ui.button href="{{ $editUrl }}" variant="primary" size="sm">수정</x-ui.button>
                                            <form method="POST" action="{{ $deleteUrl }}" onsubmit="return confirm('정말 삭제하시겠습니까?')" class="inline-flex">
                                                @csrf
                                                @method('DELETE')
                                                <x-ui.button type="submit" variant="danger" size="sm">삭제</x-ui.button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="flex justify-center py-4">
                <x-ui.pagination :paginator="$posts" />
            </div>
        @endif
    </div>
</x-layouts.platform-admin>