@extends('components.layouts.platform-app')

@section('title', '태그모아')

@section('content')
    <div class="space-y-6">
        <x-admin.section-header
            eyebrow="Tagmoa"
            title="태그모아"
            title-tag="h1"
            description="여러 테넌트에서 수집된 게시글 메타데이터를 한 곳에서 확인합니다."
        >
            <x-ui.button href="{{ route('platform.home') }}" variant="outline" size="sm">새로고침</x-ui.button>
        </x-admin.section-header>

        <form method="GET" action="{{ route('platform.home') }}" class="flex flex-wrap gap-2">
            <x-ui.input
                type="search"
                name="q"
                floating
                label="검색"
                placeholder="제목, 설명, 게시판 이름"
                value="{{ $query }}"
                class="min-w-[18rem] flex-1"
            />
            <x-ui.button type="submit" variant="primary" size="sm">검색</x-ui.button>
        </form>

        @if ($posts->isEmpty())
            <x-ui.empty-state
                title="수집된 게시글이 없습니다"
                description="태그모아 허용 게시판에서 글이 저장되면 이 목록에 노출됩니다."
            />
        @else
            <div class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
                @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 transition-transform duration-300 hover:scale-[1.02]">
                            </a>
                        @endif

                        <div class="space-y-3 p-5">
                            <div class="flex flex-wrap items-center gap-2">
                                <x-ui.badge variant="secondary" size="sm">{{ $post->source_board_title }}</x-ui.badge>
                            </div>

                            <div class="space-y-2">
                                <h2 class="text-xl font-extrabold tracking-[-0.04em] c-main">
                                    <a href="{{ method_exists($post, 'resolvePostUrl') ? $post->resolvePostUrl() : '' }}" target="_blank" rel="noopener" class="transition-colors hover:c-primary">
                                        {{ $post->title }}
                                    </a>
                                </h2>
                                <div class="text-xs font-medium c-subtle">{{ $tenantName }}</div>
                                @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="text-sm c-muted">
                                작성일 {{ optional($post->published_at)->format('Y-m-d H:i') ?? '-' }}
                            </div>

                            <div class="flex flex-wrap gap-2">
                                @foreach ($tags as $tag)
                                    <x-ui.badge variant="primary" size="sm">{{ $tag }}</x-ui.badge>
                                @endforeach
                            </div>
                        </div>
                    </article>
                @endforeach
            </div>

            <div class="pt-2">
                {{ $posts->links() }}
            </div>
        @endif
    </div>
@endsection