{% extends "digua_portal/base.html" %}

{% block headtitle %}热播榜单 - 造影岛{% endblock headtitle %}

{% block digua_content %}
<section class="digua-page-heading">
  <span class="digua-eyebrow digua-eyebrow--dark">真实站内数据</span>
  <h1>榜单</h1>
  <p>当前演示榜按已审核公开作品的站内播放量排序，再参考点赞和上线时间。正式运营前仍需加入防刷量规则。</p>
</section>

<section class="digua-section digua-ranking-list">
  {% for item in ranked_media %}
    <article class="digua-ranking-row">
      <div class="digua-rank-number">{{ forloop.counter|stringformat:"02d" }}</div>
      <a class="digua-ranking-thumb" href="{{ item.get_absolute_url }}">
        {% if item.thumbnail_url %}<img src="{{ item.thumbnail_url }}" alt="{{ item.title }}">{% else %}<span>AI FILM</span>{% endif %}
      </a>
      <div class="digua-ranking-copy">
        <span class="digua-pill">{{ item.media_type|default:"video" }}</span>
        <h2><a href="{{ item.get_absolute_url }}">{{ item.title }}</a></h2>
        <p>{{ item.description|default:"创作者暂未填写影片简介。"|truncatechars:100 }}</p>
        <small>{{ item.user.name|default:item.user.username }} · {{ item.views }} 播放 · {{ item.likes }} 赞</small>
      </div>
    </article>
  {% empty %}
    <div class="digua-empty"><h2>榜单暂无可排名作品</h2><p>只有已审核、已公开且可被列出的作品会进入榜单。</p></div>
  {% endfor %}
</section>
{% endblock digua_content %}