{# template-title: 精耐查询 #}
{# template-components: data-table data-layout #}


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

    <div class="stat-grid" style="--grid-columns: 3">
        <div class="stat-card">
            <div class="stat-card__label">精力</div>
            <div class="stat-card__value">{{ skill_energy }}</div>
        </div>
        <div class="stat-card">
            <div class="stat-card__label">耐力</div>
            <div class="stat-card__value">{{ skill_stamina }}</div>
        </div>
        <div class="stat-card">
            <div class="stat-card__label">技能数量</div>
            <div class="stat-card__value">{{ skill_count }}</div>
        </div>
    </div>

    <table class="data-table">
        <thead>
            <tr>
                <th>技能名称</th>
                <th>首领</th>
                <th>破绽颜色</th>
                <th>技能等级</th>
            </tr>
        </thead>

        <tbody>
        {% for item in items %}
            <tr>
                <td class="data-cell--name data-cell--wrap">{{ item.szSkillName }}</td>
                <td class="data-cell--wrap">{{ item.szBossName }}</td>
                <td class="data-cell--center data-cell--nowrap data-cell--strong">{{ item.skill_color_text }}</td>
                <td class="data-cell--score">{{ item.nLevel }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>