fvtt-pegasus-rpg/templates/item-role-sheet.html

<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">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>