<form class="{{cssClass}}" autocomplete="off">
    <header class="sheet-header">
        <img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}"/>
        <div class="header-fields">
            <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name"/></h1>
        </div>
    </header>

    {{> systems/fvtt-crucible-rpg/templates/partial-item-nav.html}}

    {{!-- Sheet Body --}}
    <section class="sheet-body">

      {{> systems/fvtt-crucible-rpg/templates/partial-item-description.html}}

      <div class="tab details" data-group="primary" data-tab="details">
        <ul>
            <li class="flexrow"><label class="generic-label">Ability</label>
              <select class="competence-base flexrow" type="text" name="data.ability" value="{{data.ability}}" data-dtype="String">
                {{#select data.ability}}
                {{> systems/fvtt-crucible-rpg/templates/partial-options-abilities.html}}
                {{/select}}
              </select> 
            </li>

            <li class="flexrow"><label class="generic-label">Is Feat Die ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="data.isfeatdie" {{checked data.isfeatdie}}/></label>
            </li>
            <li class="flexrow"><label class="generic-label">Is SL +2 ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="data.issl2" {{checked data.issl2}}/></label>
            </li>

            <li class="flexrow"><label class="generic-label">Subject to Armor Penalty ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="data.armorpenalty" {{checked data.armorpenalty}}/></label>
            </li>

            <li class="flexrow"><label class="generic-label">Skill Type</label>
              <select class="competence-base flexrow" type="text" name="data.skilltype" value="{{data.skilltype}}" data-dtype="string">
                {{#select data.skilltype}}
                <option value="simple">Simple</option>
                <option value="complex">Complex</option>
                {{/select}}
              </select> 
            </li>

            <li class="flexrow"><label class="generic-label">Skill Dice</label>
              <input type="text" class="" name="data.skilldice" value="{{data.skilldice}} (level {{data.level}})" data-dtype="String" disabled/>
            </li>

            <li class="flexrow"><label class="generic-label">Is Innate ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="data.isinnate" {{checked data.isinnate}}/></label>
            </li>
            
            <li class="flexrow"><label class="generic-label">Is Lore ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="data.islore" {{checked data.islore}}/></label>
            </li>

            <li class="flexrow"><label class="generic-label">Is Weapon Skill ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="data.isweaponskill" {{checked data.isweaponskill}}/></label>
            </li>

            <li class="flexrow"><label class="generic-label">Is Shield Skill ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="data.isshieldskill" {{checked data.isshieldskill}}/></label>
            </li>

            <li class="flexrow"><label class="generic-label">Bonus dice</label>
              <select class="competence-base flexrow" type="text" name="data.bonusdice" value="{{data.bonusdice}}" data-dtype="String">
                {{#select data.bonusdice}}
                <option value="none">None</option>
                <option value="1d6">1d6</option>
                <option value="2d6">2d6</option>
                <option value="3d6">3d6</option>
                <option value="4d6">4d6</option>
                <option value="5d6">5d6</option>
                <option value="6d6">6d6</option>
                <option value="7d6">7d6</option>
                <option value="8d6">8d6</option>
                {{/select}}
              </select> 
            </li>

            <li class="flexrow"><label class="generic-label">Background</label>
              <input type="text" class="" name="data.background" value="{{data.background}}" data-dtype="Number"/>
            </li>

            <li class="flexrow"><label class="generic-label">Basic</label>
              <input type="text" class="" name="data.basic" value="{{data.basic}}" data-dtype="Number"/>
            </li>

            <li class="flexrow"><label class="generic-label">Class</label>
              <input type="text" class="" name="data.class" value="{{data.class}}" data-dtype="Number"/>
            </li>

            <li class="flexrow"><label class="generic-label">Exp level</label>
              <input type="text" class="" name="data.explevel" value="{{data.explevel}}" data-dtype="Number"/>
            </li>

            <li class="flexrow"><label class="generic-label">Gained exp (+1 to Exp level at 25)</label>
              <input type="text" class="" name="data.exp" value="{{data.exp}}" data-dtype="Number"/>
            </li>

          </ul>
        </div>
    </section>
</form>
