{{extend elemLayout}}

{{block 'css'}}
<link rel="stylesheet" type="text/css" href="{{_res_path}}/common/tpl.css"/>
<link rel="stylesheet" type="text/css" href="{{_res_path}}/character/profile-detail.css"/>
<link rel="stylesheet" type="text/css" href="{{_res_path}}/wiki/character-wiki.css"/>
{{/block}}

{{set weapon = data.weapon}}
{{set dataSource = data.dataSource}}


{{block 'main'}}
<div class="basic">
  <div class="main-pic"
       style="background-image:url({{_res_path}}{{imgs.splash}})"></div>
  <div class="detail">
    <div class="char-title">
      <div class="char-name"><span>{{data.title}} · </span>{{data.name}}</div>
      <div class="char-lv char-desc">{{@data.desc}}</div>
    </div>
    <div class="char-meta">
      <div class="cont">
        <ul class="attr char-attr">
          <li><strong>武器类型</strong> <span>{{data.weaponType}}</span></li>
          <li><strong>命之座</strong> <span>{{data.astro}}</span></li>
          <li><strong>生日</strong> <span>{{data.birthday}}</span></li>
          <li><strong>归属</strong> <span>{{data.allegiance}}</span></li>
          <li><strong>中文CV</strong> <span>{{data.cncv}}</span></li>
          <li><strong>日文CV</strong> <span>{{data.jpcv}}</span></li>
        </ul>
      </div>
      <div class="cont">
        <div class="cont-title">90级基础属性</div>
        <ul class="attr char-attr">
          {{each attr ds}}
          <li><strong>{{ds.title}}</strong> <span>{{ds.value}}</span></li>
          {{/each}}
        </ul>
      </div>
    </div>
  </div>
  <div class="material-list">
    {{each materials ds}}
    <div class="material-{{ds.type}}">
      <div class="num">{{ds.num}}</div>
      <div class="item-card material-card">
        <div class="item-icon star{{ds.star}} opacity-bg">
          <div class="item-bg" style="background-image:url({{_res_path}}{{ds.icon}})"></div>
        </div>
        <div class="item-title">{{ds.label}}</div>
      </div>
    </div>
    {{/each}}
  </div>
</div>

{{if holding.num}}
{{set cNum ='零一二三四五满'.split('')}}
<div class="cont cont-bg">
  <div class="char-holding">
    <div class="char-pct">
      <strong>{{holding.num}}</strong>
      <div class="cons-title">角色持有率</div>
    </div>
    <div class="char-cons">
      {{each holding.cons cons}}
      <div class="cons-item cons{{cons.cons}}">
        <div class="talent-icon">
          {{if cons.cons > 0}}
          <div class="talent-icon-img" style="background-image:url({{_res_path}}{{imgs[`cons${cons.cons}`]}})"></div>
          {{else}}
          <div class="talent-icon-img" style="background-image:url({{_res_path}}common/item/cons0.webp)"></div>
          {{/if}}
        </div>
        <div class="cons-num">{{cons.num}}</div>
        <div class="cons-title">{{cNum[cons.cons]}}命</div>
      </div>
      {{/each}}
    </div>
  </div>
</div>
{{/if}}

<div class="talent-notice">输入<strong>#{{data.abbr}}天赋、#{{data.abbr}}命座</strong>可查看详细天赋/命座信息</div>

{{if weapons.length >0}}
<div class="cont">
  <div class="cont-title border-less">常用武器</div>
  <div class="item-list weapon-list">
    {{each weapons weapon}}
    <div class="item item-card">
      <div class="item-icon star{{weapon.star}}">
        <div class="item-bg" style="background-image:url({{_res_path}}{{weapon.img}})"></div>
      </div>
      <div class="item-value">{{weapon.value}}</div>
      <div class="item-title">{{weapon.abbr}}</div>
    </div>
    {{/each}}
  </div>
</div>
{{/if}}

{{if artis.length >0}}
<div class="cont">
  <div class="cont-title border-less">常用圣遗物<span>持有率、武器、圣遗物统计来自胡桃API，未经允许请勿使用此数据</span></div>
  <div class="item-list weapon-list artis-list">
    {{each artis arti}}
    <div class="item item-card">
      <div class="item-icon star5 artis-count{{arti.sets.length}}">
        {{each arti.sets sn idx}}
        <div class="item-bg artis{{idx+1}}"
             style="background-image:url({{_res_path}}/meta/reliquaries/icon/{{sn}}.png)"></div>
        {{/each}}
      </div>
      <div class="item-value">{{arti.value}}</div>
      <div class="item-title">{{arti.title}}</div>
    </div>
    {{/each}}
  </div>
</div>
<div class="talent-notice"></div>
{{/if}}

{{/block}}