<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-pegasus-rpg/templates/partial-item-nav.html}}

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

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

    <div class="tab details" data-group="primary" data-tab="details">
      <ul>
        <li class="flexrow"><label class="generic-label">Role Level</label>
          <input type="text" class="input-numeric-short padd-right" name="system.rolelevel" value="{{data.rolelevel}}"
            data-dtype="Number" />
        </li>

        <li class="flexrow"><label class="generic-label">Stat increase 1</label>
          <select class="competence-base flexrow" type="text" name="system.statincrease1" value="{{data.statincrease1}}"
            data-dtype="String">
            {{#select data.statincrease1}}
            {{> systems/fvtt-pegasus-rpg/templates/partial-options-statistics.html notapplicable=false mr=false}}
            {{/select}}
          </select>
        </li>
        <li class="flexrow"><label class="generic-label">Stat increase 2</label>
          <select class="competence-base flexrow" type="text" name="system.statincrease2" value="{{data.statincrease2}}"
            data-dtype="String">
            {{#select data.statincrease2}}
            {{> systems/fvtt-pegasus-rpg/templates/partial-options-statistics.html notapplicable=false mr=false}}
            {{/select}}
          </select>
        </li>

        <li class="flexrow">
          <label class="generic-label">Role Ability</label>
        </li>
        <ul class="ul-level1">
          <li class="flexrow">
            <div class="drop-specialability"><label>Drop Abilities here !</label></div>
          </li>
          {{#each data.specialability as |ability idx|}}
          <li class="flexrow">
            <label name="system.specialability[{{idx}}].name"><a class="view-subitem" data-type="specialability"
                data-index="{{idx}}">{{ability.name}}</a></label>
            <div class="item-controls padd-left">
              <a class="item-control delete-subitem padd-left" data-type="specialability" data-index="{{idx}}"
                title="Delete Ability"><i class="fas fa-trash"></i></a>
            </div>
          </li>
          {{/each}}
        </ul>
        </li>
        <li class="flexrow"><label class="generic-label">Statistic increase (Choose 2 at +1 DT)</label>
        </li>
        <ul class="ul-level1">
          <li class="flexrow">
            {{#each data.statincreasechoice as |stat idx|}}
            <label name="statchoice{{idx}}">{{stat.name}}</label>
            <label class="attribute-value checkbox"><input type="checkbox" class="stat-choice-flag"
                data-stat-idx="{{idx}}" {{checked stat.flag}} /></label>
            {{/each}}
          </li>
        </ul>
        </li>

        <li class="flexrow"><label class="generic-label">Role category for available perks</label>
          <select class="competence-base flexrow" type="text" name="system.perksrole" value="{{data.perksrole}}"
            data-dtype="String">
            {{#select data.perksrole}}
            <option value="agitator">Agitator</option>
            <option value="defender">Defender</option>
            <option value="enhancer">Enhancer</option>
            <option value="scrapper">Scrapper</option>
            <option value="ranged">Ranged</option>
            <option value="tactician">Tactician</option>
            {{/select}}
          </select>
        </li>

      </ul>

    </div>

  </section>
</form>