{{template "header" .}}
<main id="main" class="min-h-screen bg-black pb-16">
    <div class="vi-container">
        <h1 class="text-2xl font-bold text-white mb-10">归档</h1>
        {{$posts := get_posts host_user.ID 0 "article" 30 0 "created_at desc"}}
        {{if gt $posts.count 0}}
        <ul class="space-y-3">
            {{range $v := $posts.lists}}
            <li>
                <a href="{{the_permalink $v}}" class="flex justify-between gap-4 p-4 rounded-md bg-zinc-900/40 border border-zinc-800 hover:border-zinc-600 text-gray-200 hover:text-white transition-colors">
                    <span class="font-medium">{{$v.Title}}</span>
                    <time class="text-xs text-gray-500 shrink-0">{{the_time $v.CreatedAt `2006-01-02`}}</time>
                </a>
            </li>
            {{end}}
        </ul>
        {{if gt $posts.max_page 1}}
        <nav class="flex justify-center gap-4 mt-10 text-sm text-gray-400">{{previous_post_link `上一页` $posts.count $posts.page_size}}<span>{{$posts.current_page}} / {{$posts.max_page}}</span>{{next_post_link `下一页` $posts.count $posts.page_size}}</nav>
        {{end}}
        {{else}}
        <p class="text-gray-500 text-center py-12">暂无归档内容。</p>
        {{end}}
    </div>
</main>
{{template "footer" .}}