<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">Related Statistic</label>
              <select class="competence-base flexrow" type="text" name="system.statistic" value="{{data.statistic}}" data-dtype="String">
                {{#select data.statistic}}
                {{> systems/fvtt-pegasus-rpg/templates/partial-options-statistics.html}}
                {{/select}}
              </select> 
            </li>

            <li class="flexrow"><label class="generic-label">Level</label>
              <select class="competence-base flexrow" type="text" name="system.level" value="{{data.level}}" data-dtype="Number">
                {{#select data.level}}
                {{{optionsDiceList}}}
                {{/select}}
              </select> 
            </li>
            <li class="flexrow"><label class="generic-label">Is Power Group ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="system.ispowergroup" {{checked data.ispowergroup}}/></label>
            </li>
            {{#if data.ispowergroup}}              
            <li class="flexrow"><label class="generic-label">Available Power sources</label>
              <input type="text" class="" name="system.powersource" value="{{data.powersource}}" data-dtype="String"/>
            </li>
            <li class="flexrow"><label class="generic-label">Available Powers</label>
            </li>
              <ul class="ul-level1">
                <li class="flexrow"><div class="drop-spec-power"><label>Drop Powers here !</label></div>
                </li>
                {{#each data.powers as |power idx|}}
                <li class="flexrow">
                  <label name="system.powers[{{idx}}].name"><a class="view-subitem" data-type="powers" data-index="{{idx}}">{{power.name}}</a></label>
                  <div class="item-controls padd-left">
                    <a class="item-control delete-subitem padd-left" data-type="powers" data-index="{{idx}}" title="Delete Power"><i class="fas fa-trash"></i></a>
                  </div>   
                </li>
                {{/each}}
              </ul>              
            </li>
            {{/if}}
            <li class="flexrow"><label class="generic-label">Use for Threat Level ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="system.isthreatlevel" {{checked data.isthreatlevel}}/></label>
            </li>
          </ul>
        </div>
    </section>
</form>