{{extend elemLayout}}

{{block 'css'}}
<link rel="stylesheet" type="text/css" href="{{_res_path}}/character/rank-profile-list.css"/>
{{if game==='sr'}}
<style>
body .container {
  width: 900px;
}
</style>
{{else}}
<style>
body .container {
  width: 820px;
}
</style>
{{/if}}
{{/block}}

{{set talentMap = game === 'sr' ? {a: '普攻', e: '战技', t:'天赋', q: '爆发'} : {a: '普攻', e: '战技', q: '爆发'} }}
{{set gameHash = game === 'gs' ? '#':'*' }}

{{block 'main'}}
<div class="head-box">
  <div class="title">{{title}}</div>
</div>
<div id="profile-stat">

  <div class="cont group-rank-tip {{groupRank?'has-rank':'no-rank'}}">
    <div class="cont-title">
      群排名说明
    </div>
    <div class="cont-body">
      <ul class="cont-msg">
        <li>
          <i class="group-rank-icon dmg-icon"></i><strong>综合练度排名：</strong>
          以期望伤害（计算暴击率的平均伤害，不代表实际伤害值）为排序的群内排名
        </li>
        <li>
          <i class="group-rank-icon mark-icon"></i><strong>圣遗物评分排名：</strong>
          基于角色评分规则进行圣遗物评分。评分规则为线性规则，无法体现词条平衡等实际因素，评分仅供娱乐
        </li>
        <li>
          <i class="group-rank-icon mark-icon"></i><strong>双爆排名：</strong>
          以圣遗物的双爆（包括头）为排序的群内排名
        </li>
        <li>
          <i class="group-rank-icon mark-icon"></i><strong>加权有效词条排名：</strong>
          以圣遗物的加权有效词条（按照喵喵权重加权）为排序的群内排名
        </li>
        <li>
          <strong>排名范围：</strong>
          本群内 / 时间点：{{rankCfg.time}} 后 / 在群内主动通过 {{gameHash}}面板 命令查看过的面板数据
        </li>
        {{if rankCfg?.limitTxt !== '无限制'}}
        <li>
          <strong>排名参与条件：</strong> {{rankCfg.limitTxt}}
        </li>
        <li>
          <strong>排名人数：</strong> {{rankCfg.number}} (可由管理员在#喵喵设置 内设置，范围5~30)
        </li>
        {{/if}}
      </ul>
    </div>
  </div>

  {{each list ds idx}}
  <div class="cont char-list-item">
    {{if !ds.isMax}}
    <div class="char-idx">
      <span class="idx-icon idx-{{idx+1}} mode-{{mode}}">{{idx+1}}</span>
    </div>
    {{/if}}
    <div class="item-icon char-icon star{{ds.star}}">
      {{if ds.qqFace}}
      <span class="img" style="background-image:url({{ds.qqFace}})"></span>
      {{else}}
      <span class="img" style="background-image:url({{_res_path}}{{ds.imgs?.face}})"></span>
      {{/if}}
    </div>
    {{if ds.isMax}}
    <div class="char-idx">
      <div class="item-icon char-icon star{{ds.star}}">
        <span class="img" style="background-image:url({{_res_path}}{{ds.imgs?.face}})"></span>
      </div>
    </div>
    {{/if}}
    <div class="char-info char-name">
      <div class="name">
        <span class="cons cons-{{ds.cons}}">{{ds.cons}}</span>
        <strong>{{ds.sName}}</strong>
      </div>
      <div class="info"> {{ds.uid}}</div>
    </div>

    <div class="char-talent elem-{{ds.elem}}">
      {{each talentMap tName key}}
      {{set talent = ds.talent[key] || {} }}
      <div class="talent-item">
        <div class="talent-icon
           {{talent.level > talent.original ? `talent-plus`:``}}
            {{talent.original >= 10 && game === 'gs' ? `talent-crown`:``}}
            {{talent.original >= 10 && game === 'sr' ? `talent-crown-sr`:``}}">
          <div class="talent-icon-img"
               style="background-image:url({{_res_path}}{{ds.imgs[key]}})"></div>
          <span>{{talent.level}}</span>
        </div>
      </div>
      {{/each}}
    </div>

    <div class="char-item char-weapon line">
      {{set w = ds.weapon }}
      <div class="item item-icon star{{w?.star}}">
        <div class="img" style="background-image:url({{_res_path}}{{w?.img}})"></div>
      </div>
      <div class="char-info weapon-info">
        <div class="name">
          <strong> {{w?.name?.length > 4 ? (w?.abbr||w?.name) : w?.name}}</strong>
        </div>
        <div class="info">
          {{if w}}
          <span class="cons cons-{{w.affix+1}}">精{{w.affix}}</span> Lv.{{w.leve || w.level}}
          {{/if}}
        </div>
      </div>
    </div>


    {{set mark = ds.artisMark || false }}
    {{set marks = ds._formatmark || false }}
    {{set aImgs = ds?.artisSet?.imgs || []}}
    <div class="char-item char-artis class-{{mark?.markClass||'D'}}">
      <div
          class="item artis item-icon avatar-artis  {{aImgs.length>0?'star5':'no-artis'}} artis{{aImgs.length>2 ? 2 : aImgs.length}}">
        {{each aImgs img idx}}
          {{if idx < 2}}
          <div class="img" style="background-image:url({{_res_path}}{{img}})"></div>
          {{/if}}
        {{/each}}
        {{if aImgs.length === 0}}
        <span class="img no-artis"></span>
        {{/if}}

      </div>
      <div class="char-info artis-info">
        <div class="name artis-title">
          {{ds?.artisSet?.name}}
        </div>
        <div class="artis-mark">
          <span class="cons artis-mark-class class-{{mark?.markClass||'D'}}">{{mark.markClass}}</span>
          {{marks}}
        </div>
      </div>
    </div>

    <div class="char-dmg line">
      {{if ds.dmg}}
      <div class="dmg-title">{{ds.dmg?.title}}</div>
      <div class="dmg-value">{{ds.dmg?.avg}}</div>
      {{else}}
      {{/if}}
    </div>
  </div>
  {{/each}}
</div>

{{/block}}