@php
    $boardLabel = $boardSlug !== '' ? $boardSlug : '전체';
    $statusLabel = match ($status) {
        \App\Models\Tenant\Post::MODERATION_HIDDEN => '숨김',
        \App\Models\Tenant\Post::MODERATION_BLOCKED => '차단',
        \App\Models\Tenant\Post::MODERATION_NORMAL => '정상',
        default => '전체',
    };
@endphp

<x-layouts.tenant-admin title="게시글 관리" header="게시글 관리" :hide-header-title="true">
    <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="Post admin"
            title="게시글 관리"
            title-tag="h1"
            description="현재 테넌트의 모든 게시글을 확인하고, 작성자와 발행 상태를 함께 관리할 수 있습니다."
        >
            <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="{{ tenant_admin_url(null, 'posts', request()) }}" 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="{{ \App\Models\Tenant\Post::MODERATION_NORMAL }}" @selected($status === \App\Models\Tenant\Post::MODERATION_NORMAL)>정상</option>
                    <option value="{{ \App\Models\Tenant\Post::MODERATION_HIDDEN }}" @selected($status === \App\Models\Tenant\Post::MODERATION_HIDDEN)>숨김</option>
                    <option value="{{ \App\Models\Tenant\Post::MODERATION_BLOCKED }}" @selected($status === \App\Models\Tenant\Post::MODERATION_BLOCKED)>차단</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
                        $collection = $post->tagmoa_collection ?? null;
                        $isCollected = (bool) data_get($collection, 'exists', false);
                        $collectionVariant = data_get($collection, 'variant', 'secondary');
                        $collectionStateLabel = data_get($collection, 'state_label');
                        $statusVariant = $post->moderationVariant();
                        $postUrl = tenant_url(null, $post->board->slug . '/' . $post->slug);
                    @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">{{ $post->board?->title ?? '-' }}</x-ui.badge>
                                    <x-ui.badge variant="{{ $collectionVariant }}" size="sm">{{ $isCollected ? '수집됨' : '미수집' }}</x-ui.badge>
                                    @if ($collectionStateLabel)
                                        <x-ui.badge variant="secondary" size="sm">{{ $collectionStateLabel }}</x-ui.badge>
                                    @endif
                                </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>
                                @if ($post->meta_description)
                                    <p class="max-h-24 overflow-hidden text-sm leading-6 c-muted">{{ $post->meta_description }}</p>
                                @endif
                            </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>
                                    <div class="flex flex-wrap items-center justify-end gap-2">
                                        <x-ui.badge size="sm" variant="{{ $collectionVariant }}">{{ $isCollected ? '수집됨' : '미수집' }}</x-ui.badge>
                                        @if ($collectionStateLabel)
                                            <x-ui.badge size="sm" variant="secondary">{{ $collectionStateLabel }}</x-ui.badge>
                                        @endif
                                    </div>
                                </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="{{ $statusVariant }}">{{ $post->moderationLabel() }}</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>
                                @if ($post->isModerationNormal())
                                    <form method="POST" action="{{ tenant_admin_url(null, 'posts/' . $post->slug . '/moderate', request()) }}">
                                        @csrf
                                        <input type="hidden" name="status" value="{{ \App\Models\Tenant\Post::MODERATION_HIDDEN }}">
                                        <x-ui.button type="submit" variant="soft" size="sm">숨김</x-ui.button>
                                    </form>
                                    <form method="POST" action="{{ tenant_admin_url(null, 'posts/' . $post->slug . '/moderate', request()) }}">
                                        @csrf
                                        <input type="hidden" name="status" value="{{ \App\Models\Tenant\Post::MODERATION_BLOCKED }}">
                                        <x-ui.button type="submit" variant="danger" size="sm">차단</x-ui.button>
                                    </form>
                                @elseif ($post->isModerationHidden())
                                    <form method="POST" action="{{ tenant_admin_url(null, 'posts/' . $post->slug . '/moderate', request()) }}">
                                        @csrf
                                        <input type="hidden" name="status" value="{{ \App\Models\Tenant\Post::MODERATION_NORMAL }}">
                                        <x-ui.button type="submit" variant="primary" size="sm">정상으로 변경</x-ui.button>
                                    </form>
                                    <form method="POST" action="{{ tenant_admin_url(null, 'posts/' . $post->slug . '/moderate', request()) }}">
                                        @csrf
                                        <input type="hidden" name="status" value="{{ \App\Models\Tenant\Post::MODERATION_BLOCKED }}">
                                        <x-ui.button type="submit" variant="danger" size="sm">차단</x-ui.button>
                                    </form>
                                    @else
                                    <form method="POST" action="{{ tenant_admin_url(null, 'posts/' . $post->slug . '/moderate', request()) }}">
                                        @csrf
                                        <input type="hidden" name="status" value="{{ \App\Models\Tenant\Post::MODERATION_NORMAL }}">
                                        <x-ui.button type="submit" variant="primary" size="sm">정상으로 변경</x-ui.button>
                                    </form>
                                    <form method="POST" action="{{ tenant_admin_url(null, 'posts/' . $post->slug . '/moderate', request()) }}">
                                        @csrf
                                        <input type="hidden" name="status" value="{{ \App\Models\Tenant\Post::MODERATION_HIDDEN }}">
                                        <x-ui.button type="submit" variant="soft" size="sm">숨김</x-ui.button>
                                    </form>
                                @endif
                            </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>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($posts as $post)
                                @php
                                    $collection = $post->tagmoa_collection ?? null;
                                    $isCollected = (bool) data_get($collection, 'exists', false);
                                    $collectionVariant = data_get($collection, 'variant', 'secondary');
                                    $collectionStateLabel = data_get($collection, 'state_label');
                                    $statusVariant = $post->moderationVariant();
                                    $postUrl = tenant_url(null, $post->board->slug . '/' . $post->slug);
                                @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->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="space-y-1">
                                            <div class="text-sm font-semibold c-main">{{ $post->authorLabel() }}</div>
                                        </div>
                                    </td>
                                    <td class="align-top">
                                        <x-ui.badge variant="secondary" size="sm">{{ $post->board?->title ?? '-' }}</x-ui.badge>
                                    </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">
                                        <div class="flex flex-wrap items-center gap-2">
                                            <x-ui.badge size="sm" variant="{{ $collectionVariant }}">{{ $isCollected ? '수집됨' : '미수집' }}</x-ui.badge>
                                            @if ($collectionStateLabel)
                                                <x-ui.badge size="sm" variant="secondary">{{ $collectionStateLabel }}</x-ui.badge>
                                            @endif
                                        </div>
                                    </td>
                                    <td class="align-top">
                                        <x-ui.badge size="sm" variant="{{ $statusVariant }}">{{ $post->moderationLabel() }}</x-ui.badge>
                                    </td>
                                    <td class="align-top">
                                        <div class="flex flex-wrap gap-2">
                                            <x-ui.button href="{{ $postUrl }}" target="_blank" rel="noopener" variant="soft" size="sm">글 보기</x-ui.button>
                                            @if ($post->isModerationNormal())
                                                <form method="POST" action="{{ tenant_admin_url(null, 'posts/' . $post->slug . '/moderate', request()) }}">
                                                    @csrf
                                                    <input type="hidden" name="status" value="{{ \App\Models\Tenant\Post::MODERATION_HIDDEN }}">
                                                    <x-ui.button type="submit" variant="soft" size="sm">숨김</x-ui.button>
                                                </form>
                                                <form method="POST" action="{{ tenant_admin_url(null, 'posts/' . $post->slug . '/moderate', request()) }}">
                                                    @csrf
                                                    <input type="hidden" name="status" value="{{ \App\Models\Tenant\Post::MODERATION_BLOCKED }}">
                                                    <x-ui.button type="submit" variant="danger" size="sm">차단</x-ui.button>
                                                </form>
                                            @elseif ($post->isModerationHidden())
                                                <form method="POST" action="{{ tenant_admin_url(null, 'posts/' . $post->slug . '/moderate', request()) }}">
                                                    @csrf
                                                    <input type="hidden" name="status" value="{{ \App\Models\Tenant\Post::MODERATION_NORMAL }}">
                                                    <x-ui.button type="submit" variant="primary" size="sm">정상으로 변경</x-ui.button>
                                                </form>
                                                <form method="POST" action="{{ tenant_admin_url(null, 'posts/' . $post->slug . '/moderate', request()) }}">
                                                    @csrf
                                                    <input type="hidden" name="status" value="{{ \App\Models\Tenant\Post::MODERATION_BLOCKED }}">
                                                    <x-ui.button type="submit" variant="danger" size="sm">차단</x-ui.button>
                                                </form>
                                            @else
                                                <form method="POST" action="{{ tenant_admin_url(null, 'posts/' . $post->slug . '/moderate', request()) }}">
                                                    @csrf
                                                    <input type="hidden" name="status" value="{{ \App\Models\Tenant\Post::MODERATION_NORMAL }}">
                                                    <x-ui.button type="submit" variant="primary" size="sm">정상으로 변경</x-ui.button>
                                                </form>
                                                <form method="POST" action="{{ tenant_admin_url(null, 'posts/' . $post->slug . '/moderate', request()) }}">
                                                    @csrf
                                                    <input type="hidden" name="status" value="{{ \App\Models\Tenant\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.tenant-admin>