{{extend defaultLayout}}

{{block 'css'}}
<link rel="stylesheet" type="text/css" href="{{_res_path}}/common/common.css"/>
<link rel="stylesheet" type="text/css" href="{{_res_path}}/character/character-card.css"/>
{{@widthStyle}}
{{/block}}

{{block 'main'}}
<div>
    <div class="char-title">
        <div class="char-name">
            <strong>{{data.sName}}</strong>
            {{if data.fetter}} <span class="fetter fetter{{data.fetter}}"></span> {{/if}}
            {{if data.cons}} <span class="cons cons-{{data.cons}}">{{data.cons}}命</span> {{/if}}
        </div>
        <div class="char-lv">
            <span>Uid:{{uid}}</span>
            {{if data.level}}<span>Lv.{{data.level}}</span>{{/if}}
        </div>
    </div>
    {{if data.level}}
    {{set weapon = data.weapon }}

    <div class="char-detail cont">

        <div class="cont weapon-cont left-line">
            <img class="img" src="{{_res_path}}{{weapon.img}}"/>
            <div class="weapon-info">
                <strong>{{weapon.name}}</strong>
                <div class="star star-{{weapon.star}}"></div>
                <span>Lv.{{weapon.leve || weapon.level}} <span
                        class="affix affix-{{weapon.affix}}">精{{weapon.affix}}</span></span>
            </div>
        </div>


        {{set talent = data.talent }}
        {{set keys = ['a','e','q'] }}
        {{ if talent.a && talent.a.level }}
        <div class="cont talent-cont elem-{{data.elem}}">
            {{each keys key}}
            <div class="talent-item">
                <div class="talent-icon
               {{talent[key].level > talent[key].original ? `talent-plus`:``}}
                {{talent[key].original >= 10 ? `talent-crown`:``}}">
                    <div class="talent-icon-img"
                         style="background-image:url({{_res_path}}{{data.imgs[key]}})"></div>
                    <span>{{talent[key].level}}</span>
                </div>

            </div>
            {{/each}}
        </div>
        {{else}}
        <div class="cont notice-cont">
            请绑定CK以获取天赋信息
        </div>
        {{/if}}


        <div class="cont artis-cont right-line">
            {{if data.artis}}
            <div class="artis-list">
                {{each data.artis arti}}
                <div class="item">
                    <div class="item-icon"
                         style="background-image:url({{_res_path}}meta/reliquaries/icon/{{arti.name}}.png)"></div>
                    <span></span>
                    <span class="lv">{{arti.level}}</span>
                </div>
                {{/each}}
            </div>
            {{/if}}
        </div>


    </div>
    <div class="copyright data-source">
        数据源：{{data.dataSourceName}} {{data.updateTime}}
    </div>
    {{else}}
    {{if custom}}
    <div class="no-info">自定义角色暂无角色信息</div>
    {{else}}
    <div class="no-info">未能获取到角色信息，请将角色放置在米游社角色展柜中</div>
    {{/if}}
    {{/if}}

    <div><img src="{{_res_path}}{{bg.img}}" title="{{name}}" class="bg"></div>


</div>

{{/block}}