<form class="{{cssClass}} item-sheet-talent" autocomplete="off">
    <div class="header">
        <div class="avatar flex-group-center" style="grid-row: 1/3;">
            <img class="item-avatar-img" src="{{item.img}}" data-edit="img" title="{{item.name}}" />
        </div>
        <div class="container flex-group-center item-name">
            <h1><input name="name" type="text" value="{{item.name}}" placeholder="{{localize "ITEM.ARMOR"}}" /></h1>
        </div>
    </div>
    <div class="grid-container" style="grid-template-columns: 1fr 1fr;">
        <div class="cost">
            <label>{{localize data.data.cost.label}}</label>
            <input name="data.cost.value" type="text" value="{{data.data.cost.value}}" />
        </div>
        <div>
            <label>{{localize data.data.difficulty.label}}</label>
            <select class="item-weapon-cat-select" name="data.data.difficulty.value">
                {{#select data.data.difficulty.value}}
                <option value="simple">{{localize "DIFFICULTY.SIMPLE"}}</option>
                <option value="easy">{{localize "DIFFICULTY.EASY"}}</option>
                <option value="average">{{localize "DIFFICULTY.AVERAGE"}}</option>
                <option value="hard">{{localize "DIFFICULTY.HARD"}}</option>
                <option value="daunting">{{localize "DIFFICULTY.DAUNTING"}}</option>
                {{/select}}
            </select>
        </div>
        <div style="grid-column-start: 1; grid-column-end: 3;">
            <label>{{localize data.data.roll.label}}</label>
            <select class="item-weapon-cat-select" name="data.roll.value">
                {{#select data.data.roll.value}}
                <option value="roll">{{localize "SPELL.ROLL"}}</option>
                <option value="attackroll">{{localize "SPELL.ATTACKROLL"}}</option>
                <option value="opposite">{{localize "SPELL.OPPOSITE"}}</option>
                <option value="ritual">{{localize "SPELL.RITUAL"}}</option>
                {{/select}}
            </select>
        </div>
        {{#iff data.data.roll.value '==' "opposite" }}
            <div>
                <label>{{localize "ITEM.SKILL"}}</label>
                <select class="item-weapon-skill-select" name="data.roll.skill">
                    {{#select data.data.roll.skill}}
                    {{#each this.khskills as |t|}}
                    <option value="{{t.name}}">{{t.name}}</option>
                    {{/each}}
                    {{/select}}
                </select>
            </div>
            <div>
                <label>{{localize "ITEM.SKILL"}}</label>
                <select class="item-weapon-skill-select" name="data.roll.oppositeskill">
                    {{#select data.data.roll.oppositeskill}}
                    {{#each this.khskills as |t|}}
                    <option value="{{t.name}}">{{t.name}}</option>
                    {{/each}}
                    {{/select}}
                </select>
            </div>
            <div>&nbsp;</div>
            <div>
                <label>{{localize "ITEM.SKILL"}}</label>
                <select class="item-weapon-skill-select" name="data.roll.oppositeskilltwo">
                    {{#select data.data.roll.oppositeskilltwo}}
                    <option value="">{{localize "SKILL.NONE"}}</option>
                    {{#each this.khskills as |t|}}
                    <option value="{{t.name}}">{{t.name}}</option>
                    {{/each}}
                    {{/select}}
                </select>
            </div>
        {{else iff data.data.roll.value '==' "ritual" }}
            <div>
                <label>{{localize "ITEM.SKILL"}}</label>
                <select class="item-weapon-skill-select" name="data.roll.ritual.skillone">
                    {{#select data.data.roll.ritual.skillone}}
                    <option value="">{{localize "SKILL.NONE"}}</option>
                    {{#each this.khskills as |t|}}
                    <option value="{{t.name}}">{{t.name}}</option>
                    {{/each}}
                    {{/select}}
                </select>
            </div>
            <div>
                <label>{{localize "ITEM.SKILL"}}</label>
                <select class="item-weapon-skill-select" name="data.roll.ritual.skilltwo">
                    {{#select data.data.roll.ritual.skilltwo}}
                    <option value="">{{localize "SKILL.NONE"}}</option>
                    {{#each this.khskills as |t|}}
                    <option value="{{t.name}}">{{t.name}}</option>
                    {{/each}}
                    {{/select}}
                </select>
            </div>
            <div>
                <label>{{localize "ITEM.SKILL"}}</label>
                <select class="item-weapon-skill-select" name="data.roll.ritual.skillthree">
                    {{#select data.data.roll.ritual.skillthree}}
                    <option value="">{{localize "SKILL.NONE"}}</option>
                    {{#each this.khskills as |t|}}
                    <option value="{{t.name}}">{{t.name}}</option>
                    {{/each}}
                    {{/select}}
                </select>
            </div>
            <div>
                <label>{{localize "ITEM.SKILL"}}</label>
                <select class="item-weapon-skill-select" name="data.roll.ritual.skillfour">
                    {{#select data.data.roll.ritual.skillfour}}
                    <option value="">{{localize "SKILL.NONE"}}</option>
                    {{#each this.khskills as |t|}}
                    <option value="{{t.name}}">{{t.name}}</option>
                    {{/each}}
                    {{/select}}
                </select>
            </div>
            <div>
                <label>{{localize "ITEM.SKILL"}}</label>
                <select class="item-weapon-skill-select" name="data.roll.ritual.skillfive">
                    {{#select data.data.roll.ritual.skillfive}}
                    <option value="">{{localize "SKILL.NONE"}}</option>
                    {{#each this.khskills as |t|}}
                    <option value="{{t.name}}">{{t.name}}</option>
                    {{/each}}
                    {{/select}}
                </select>
            </div>
        {{else}}
            <div style="grid-column-start: 1; grid-column-end: 3;">
                <label>{{localize "ITEM.SKILL"}}</label>
                <select class="item-weapon-skill-select" name="data.roll.skill">
                    {{#select data.data.roll.skill}}
                    {{#each this.khskills as |t|}}
                    <option value="{{t.name}}">{{t.name}}</option>
                    {{/each}}
                    {{/select}}
                </select>
            </div>
        {{/iff}}
    </div>
    <div class="item">
        <div class="description">
            <h2>{{localize data.data.description.label}}</h2>
            <div class="info">
                <div class="description">
                    {{editor content=data.data.description.value target="data.description.value" button=true owner=owner editable=editable}}
                </div>
            </div>
        </div>
    </div>
</form>