{# template-title: 角色榜单 #}
{# template-components: data-table #}


<div class="container data-page">
    <h1>{{ rank_name }}</h1>
    <div class="data-page__meta">{{ server }} · 更新时间：{{ update_time }}</div>

    <table class="data-table">
        <thead>
            <tr>
                <th>排名</th>
                <th>职业</th>
                <th>角色名称</th>
                <th>等级</th>
                <th>阵营</th>
                <th>帮会</th>
                <th>排行积分</th>
            </tr>
        </thead>

        <tbody>
        {% for item in items %}
            <tr>
                <td class="data-cell--rank">{{ loop.index }}</td>
                <td>
                    <div class="icon-label">
                        {% if icons.sect.get(item.forceName) %}
                        <img class="icon-label__icon" src="{{ icons.sect[item.forceName] }}" alt="{{ item.forceName }}">
                        {% endif %}
                        <span>{{ item.forceName }}</span>
                    </div>
                </td>
                <td class="data-cell--name data-cell--nowrap">{{ item.name }}</td>
                <td class="data-cell--nowrap">{{ item.level }}</td>
                {% set camp_name = item.campName or '未知' %}
                <td class="data-cell--camp data-cell--nowrap">
                    <img class="data-camp-icon" src="{{ icons.img.get(camp_name) or icons.img.get('未知') }}" alt="{{ camp_name }}" title="{{ camp_name }}">
                </td>
                <td class="data-cell--wrap">{{ item.tongName }}</td>
                <td class="data-cell--score">{{ item.totalScore }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>