@php
    $tenantKeyLabel = $tenantKey !== '' ? $tenantKey : '전체';
@endphp

<x-layouts.platform-admin title="게시글관리" header="게시글관리">
    <div class="space-y-6">
        @if (session('status'))
            <x-ui.alert variant="success" title="처리 완료" dismiss-after="3000" class="border border-success-soft bg-success-soft">
                {{ session('status') }}
            </x-ui.alert>
        @endif

        <x-admin.section-header
            eyebrow="Tagmoa posts"
            title="게시글관리"
            title-tag="h1"
            description="테넌트에서 수집된 글의 이미지, 제목, 설명, 태그, 테넌트 정보와 플랫폼 노출 상태를 관리합니다."
        >
            <x-ui.badge variant="primary" size="md">테넌트 {{ $tenantKeyLabel }}</x-ui.badge>
            <x-ui.badge variant="secondary" size="md">전체 {{ $posts->total() }}</x-ui.badge>
        </x-admin.section-header>

        <x-ui.card padded class="border border-muted bg-surface shadow-sm">
            <div class="space-y-3">
                <div class="text-base font-extrabold tracking-[-0.04em] c-main">게시글 노출 상태 안내</div>
                <div class="space-y-2 text-sm leading-6 c-muted">
                    <p>플랫폼에 수집된 게시글은 정상 / 숨김 / 차단 상태로 관리할 수 있습니다.</p>
                    <p><span class="font-semibold c-main">정상</span>: 플랫폼 메인, 검색, 태그 및 게시글 목록 등에 정상적으로 노출됩니다.</p>
                    <p><span class="font-semibold c-main">숨김</span>: 게시글에는 문제가 없지만 플랫폼 메인 노출에서만 제외합니다. 검색, 태그 및 게시글 목록에서는 계속 확인할 수 있습니다.</p>
                    <p><span class="font-semibold c-main">차단</span>: 문제가 있는 게시글을 플랫폼 전체에서 제재합니다. 메인, 검색, 태그 및 게시글 목록 등에서 모두 노출되지 않습니다.</p>
                    <p><span class="font-semibold c-main">숨김과 차단</span>은 플랫폼의 수집 게시글에만 적용되며, 테넌트 사이트의 원본 게시글에는 영향을 주지 않습니다.</p>
                </div>
            </div>
        </x-ui.card>

        <form method="GET" action="{{ route('platform.tagmoa.posts.index') }}" class="grid gap-3 md:grid-cols-[minmax(0,1fr)_16rem_auto]">
            <x-ui.input
                type="search"
                name="q"
                floating
                label="검색"
                placeholder="제목, 설명, 게시판 이름"
                value="{{ $query }}"
            />
            <x-ui.input
                type="text"
                name="tenant"
                floating
                label="테넌트"
                placeholder="tenant id"
                value="{{ $tenantKey }}"
            />
            <x-ui.button type="submit" variant="primary" size="sm" class="self-end">검색</x-ui.button>
        </form>

        @if ($posts->isEmpty())
            <x-ui.empty-state
                title="수집된 글이 없습니다"
                description="태그모아 수집 허용 게시판에서 저장된 글이 여기에 나타납니다."
            />
        @else
            <div class="space-y-4 md:hidden">
                @foreach ($posts as $post)
                    @php
                        $tenantName = $post->tenant?->name ?: $post->tenant_key;
                        $tags = collect($post->tags ?? []);
                    @endphp

                    <article class="overflow-hidden rounded-[1.5rem] border border-muted bg-card shadow-sm">
                        @if ($post->thumbnail_url)
                            <a href="{{ method_exists($post, 'resolvePostUrl') ? $post->resolvePostUrl() : '' }}" target="_blank" rel="noopener" class="block aspect-[16/10] overflow-hidden bg-surface">
                                <img src="{{ $post->thumbnail_url }}" alt="" class="h-full w-full object-cover">
                            </a>
                        @endif

                        <div class="space-y-3 p-4">
                            <div class="space-y-1">
                                <div class="text-xs font-bold uppercase tracking-[0.16em] c-subtle">{{ $tenantName }}</div>
                                <h2 class="text-lg font-extrabold tracking-[-0.04em] c-main">
                                    <a href="{{ method_exists($post, 'resolvePostUrl') ? $post->resolvePostUrl() : '' }}" target="_blank" rel="noopener" class="hover:c-primary">
                                        {{ $post->title }}
                                    </a>
                                </h2>
                            </div>

                            @if ($post->meta_description)
                                <p class="max-h-24 overflow-hidden text-sm leading-6 c-muted">{{ $post->meta_description }}</p>
                            @endif

                            <div class="flex flex-wrap gap-2">
                                <x-ui.badge variant="secondary" size="sm">{{ $post->source_board_title }}</x-ui.badge>
                                @foreach ($tags as $tag)
                                    <x-ui.badge variant="secondary" size="sm">{{ $tag }}</x-ui.badge>
                                @endforeach
                            </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->publishedAtLabel() }}</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 size="sm" variant="{{ $post->collectionVariant() }}">{{ $post->collectionLabel() }}</x-ui.badge>
                                </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->source_board_title }}</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>
                                    @php
                                        $statusVariant = match ($post->moderation_status) {
                                            $post::MODERATION_HIDDEN => 'warning',
                                            $post::MODERATION_BLOCKED => 'danger',
                                            default => 'success',
                                        };
                                    @endphp
                                    <x-ui.badge size="sm" variant="{{ $statusVariant }}">{{ $post->moderationLabel() }}</x-ui.badge>
                                </div>
                                <div class="flex flex-wrap gap-2">
                                    @if ($post->isModerationNormal())
                                        <form method="POST" action="{{ route('platform.tagmoa.posts.moderate', $post) }}">
                                            @csrf
                                            <input type="hidden" name="status" value="{{ $post::MODERATION_HIDDEN }}">
                                            <x-ui.button type="submit" variant="soft" size="sm">숨김</x-ui.button>
                                        </form>
                                        <form method="POST" action="{{ route('platform.tagmoa.posts.moderate', $post) }}">
                                            @csrf
                                            <input type="hidden" name="status" value="{{ $post::MODERATION_BLOCKED }}">
                                            <x-ui.button type="submit" variant="danger" size="sm">차단</x-ui.button>
                                        </form>
                                    @elseif ($post->isModerationHidden())
                                        <form method="POST" action="{{ route('platform.tagmoa.posts.moderate', $post) }}">
                                            @csrf
                                            <input type="hidden" name="status" value="{{ $post::MODERATION_NORMAL }}">
                                            <x-ui.button type="submit" variant="primary" size="sm">복구</x-ui.button>
                                        </form>
                                        <form method="POST" action="{{ route('platform.tagmoa.posts.moderate', $post) }}">
                                            @csrf
                                            <input type="hidden" name="status" value="{{ $post::MODERATION_BLOCKED }}">
                                            <x-ui.button type="submit" variant="danger" size="sm">차단</x-ui.button>
                                        </form>
                                    @else
                                        <form method="POST" action="{{ route('platform.tagmoa.posts.moderate', $post) }}">
                                            @csrf
                                            <input type="hidden" name="status" value="{{ $post::MODERATION_NORMAL }}">
                                            <x-ui.button type="submit" variant="primary" size="sm">복구</x-ui.button>
                                        </form>
                                        <form method="POST" action="{{ route('platform.tagmoa.posts.moderate', $post) }}">
                                            @csrf
                                            <input type="hidden" name="status" value="{{ $post::MODERATION_HIDDEN }}">
                                            <x-ui.button type="submit" variant="soft" size="sm">숨김</x-ui.button>
                                        </form>
                                    @endif
                                </div>
                            </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>
                                <th>수정일</th>
                                <th>수집 여부</th>
                                <th>상태</th>
                                <th>관리</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($posts as $post)
                                @php
                                    $tenantName = $post->tenant?->name ?: $post->tenant_key;
                                    $tags = collect($post->tags ?? []);
                                @endphp
                                <tr>
                                    <td class="align-top">
                                        @if ($post->thumbnail_url)
                                            <a href="{{ method_exists($post, 'resolvePostUrl') ? $post->resolvePostUrl() : '' }}" target="_blank" rel="noopener" class="block h-20 w-32 overflow-hidden rounded-2xl border border-muted bg-surface">
                                                <img src="{{ $post->thumbnail_url }}" alt="" class="h-full w-full object-cover">
                                            </a>
                                        @else
                                            <div class="flex h-20 w-32 items-center justify-center rounded-2xl border border-dashed border-muted bg-surface text-xs c-subtle">
                                                이미지 없음
                                            </div>
                                        @endif
                                    </td>
                                    <td class="align-top">
                                        <div class="space-y-1">
                                            <a href="{{ method_exists($post, 'resolvePostUrl') ? $post->resolvePostUrl() : '' }}" target="_blank" rel="noopener" class="text-sm font-bold c-main hover:c-primary">
                                                {{ $post->title }}
                                            </a>
                                            @if ($post->meta_description)
                                                <div class="max-w-xl text-sm leading-6 c-muted">{{ $post->meta_description }}</div>
                                            @endif
                                        </div>
                                    </td>
                                    <td class="align-top">
                                        <div class="flex flex-wrap gap-2">
                                            @foreach ($tags as $tag)
                                                <x-ui.badge variant="secondary" size="sm">{{ $tag }}</x-ui.badge>
                                            @endforeach
                                        </div>
                                    </td>
                                    <td class="align-top">
                                        <div class="space-y-1">
                                            <div class="text-sm font-semibold c-main">{{ $tenantName }}</div>
                                        </div>
                                    </td>
                                    <td class="align-top">
                                        <x-ui.badge variant="secondary" size="sm">{{ $post->source_board_title }}</x-ui.badge>
                                    </td>
                                    <td class="align-top">
                                        <div class="space-y-1 text-sm">
                                            <div class="font-semibold c-main">{{ $post->authorLabel() }}</div>
                                        </div>
                                    </td>
                                    <td class="align-top">
                                        <div class="space-y-1 text-sm">
                                            <div class="font-semibold c-main">{{ $post->publishedAtLabel() }}</div>
                                        </div>
                                    </td>
                                    <td class="align-top">
                                        <div class="space-y-1 text-sm">
                                            <div class="font-semibold c-main">{{ $post->updatedAtLabel() }}</div>
                                        </div>
                                    </td>
                                    <td class="align-top">
                                        <x-ui.badge size="sm" variant="{{ $post->collectionVariant() }}">{{ $post->collectionLabel() }}</x-ui.badge>
                                    </td>
                                    <td class="align-top">
                                        @php
                                            $statusVariant = match ($post->moderation_status) {
                                                $post::MODERATION_HIDDEN => 'warning',
                                                $post::MODERATION_BLOCKED => 'danger',
                                                default => 'success',
                                            };
                                        @endphp
                                        <x-ui.badge size="sm" variant="{{ $statusVariant }}">{{ $post->moderationLabel() }}</x-ui.badge>
                                    </td>
                                    <td class="align-top">
                                        <div class="flex flex-wrap gap-2">
                                            @if ($post->isModerationNormal())
                                                <form method="POST" action="{{ route('platform.tagmoa.posts.moderate', $post) }}">
                                                    @csrf
                                                    <input type="hidden" name="status" value="{{ $post::MODERATION_HIDDEN }}">
                                                    <x-ui.button type="submit" variant="soft" size="sm">숨김</x-ui.button>
                                                </form>
                                                <form method="POST" action="{{ route('platform.tagmoa.posts.moderate', $post) }}">
                                                    @csrf
                                                    <input type="hidden" name="status" value="{{ $post::MODERATION_BLOCKED }}">
                                                    <x-ui.button type="submit" variant="danger" size="sm">차단</x-ui.button>
                                                </form>
                                            @elseif ($post->isModerationHidden())
                                                <form method="POST" action="{{ route('platform.tagmoa.posts.moderate', $post) }}">
                                                    @csrf
                                                    <input type="hidden" name="status" value="{{ $post::MODERATION_NORMAL }}">
                                                    <x-ui.button type="submit" variant="primary" size="sm">복구</x-ui.button>
                                                </form>
                                                <form method="POST" action="{{ route('platform.tagmoa.posts.moderate', $post) }}">
                                                    @csrf
                                                    <input type="hidden" name="status" value="{{ $post::MODERATION_BLOCKED }}">
                                                    <x-ui.button type="submit" variant="danger" size="sm">차단</x-ui.button>
                                                </form>
                                            @else
                                                <form method="POST" action="{{ route('platform.tagmoa.posts.moderate', $post) }}">
                                                    @csrf
                                                    <input type="hidden" name="status" value="{{ $post::MODERATION_NORMAL }}">
                                                    <x-ui.button type="submit" variant="primary" size="sm">복구</x-ui.button>
                                                </form>
                                                <form method="POST" action="{{ route('platform.tagmoa.posts.moderate', $post) }}">
                                                    @csrf
                                                    <input type="hidden" name="status" value="{{ $post::MODERATION_HIDDEN }}">
                                                    <x-ui.button type="submit" variant="soft" size="sm">숨김</x-ui.button>
                                                </form>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            <div>
                {{ $posts->links() }}
            </div>
        @endif
    </div>
</x-layouts.platform-admin>