{{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-8 flex items-center gap-3">
            <span class="w-1 h-8 bg-amber-500 rounded-full"></span>
            {{if .title}}{{.title}}{{else}}热度排行{{end}}
        </h1>
        {{$top_posts := get_posts host_user.ID 0 "film_index" 24 0 "view_count desc"}}
        {{if gt $top_posts.count 0}}
        <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-8 gap-3 md:gap-4 lg:gap-5 py-2 zanpian-rank-grid">
            {{range $p := $top_posts.lists}}
            {{template "film_card" (dict "post" $p "extraClass" "zanpian-rank-card" "meta" (printf "热度 %v" $p.ViewCount))}}
            {{end}}
        </div>
        {{else}}
        <p class="text-gray-500">暂无榜单数据。</p>
        {{end}}
    </div>
</main>
{{template "footer" .}}