{{extend elemLayout}}

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

{{block 'main'}}
<div class="head-box" style="background-image:url('{{_res_path}}{{imgs.card}}')">
  <div class="head">
    <img src="{{_res_path}}{{imgs.face}}"/>
  </div>
  <!-- <div class="head-astro">{{astro}}</div>
   <div class="head-icon">
     <img src="{{City}}" />
     <img src="{{Weapon}}" />
     <img src="{{Element}}" />
</div>
-->

  <div class="head-detail">
    <div class="name">{{title}}·{{name}}</div>
    <div class="desc">{{@desc}}</div>
  </div>
  {{ if line[0]?.num !== 'NaN'}}
  <div class="data-box">
    <div class="tab-label">90级基础数据</div>
    <div class="data-line">
      {{each line item}}
      <div class="data_line_item">
        <div class="num">{{item.num}}</div>
        <div class="label">{{item.label}}</div>
      </div>
      {{/each}}
    </div>
  </div>
  {{else}}
  <div class="data-box">
    <div class="tab-label">90级基础数据</div>
    <div class="data-line">
      暂无详细数据
    </div>
  </div>
  {{/if}}
</div>

{{if mode == "talent"}}

{{each detail.talent talent type}}
<div class="talent-box elem-bg">
  <div class="talent-detail cont">
    <% include(_tpl_path+'/talent-detail.html', [talent, {_res_path,lvs,type,icon:imgs[type]}]) %>
  </div>
</div>
{{/each}}

<div class="talent-box elem-bg">
  <div class="talent-detail passive-talent">
    {{each detail.passive pass idx}}
    <% include(_tpl_path+'/talent-detail.html', [pass, {_res_path,icon:imgs['passive'+idx]}]) %>
    {{/each}}
  </div>
</div>
{{/if}}

{{if mode == "cons"}}
<div class="talent-box elem-bg">
  <div class="talent-detail">
    {{each detail.cons con idx}}
    <% include(_tpl_path+'/talent-detail.html', [con, {_res_path,lvs,type,icon:imgs['cons'+idx]}]) %>
    {{/each}}
  </div>
</div>
{{/if}}
{{/block}}