<form class="{{cssClass}}" autocomplete="off">
    <header class="sheet-header">
        <img class="profile-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>

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

      <ul>
        <li class="flexrow"><label class="generic-label">Affected stat</label>
          <select class="competence-base flexrow" type="text" name="data.affectedstat" value="{{data.affectedstat}}" data-dtype="String">
            {{#select data.affectedstat}}
            {{> systems/fvtt-pegasus-rpg/templates/partial-options-statistics.html notapplicable=true mr=true}}
            {{/select}}
          </select> 
        </li>
        <li class="flexrow"><label class="generic-label">Stat modifier</label>
          <input type="text" class="" name="data.statmodifier" value="{{data.statmodifier}}" data-dtype="Number"/>
        </li>
        <li class="flexrow"><label class="generic-label">Stat level increase</label>
          <select class="competence-base flexrow" type="text" name="data.statlevelincrease" value="{{data.statlevelincrease}}" data-dtype="Number">
            {{#select data.statlevelincrease}}
            <option value="0">0 DT</option>
            <option value="+1">+1 DT</option>
            <option value="+2">+2 DT</option>
            <option value="+3">+3 DT</option>
            <option value="+4">+4 DT</option>
            <option value="+5">+5 DT</option>
            {{/select}}
          </select> 
        </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="Number">
            {{#select data.bonusdice}}
            {{{optionsDiceList}}}
            {{/select}}
          </select> 
        </li>
        <li class="flexrow"><label class="generic-label">Other dice</label>
          <select class="competence-base flexrow" type="text" name="data.otherdice" value="{{data.otherdice}}" data-dtype="Number">
            {{#select data.otherdice}}
            {{{optionsDiceList}}}
            {{/select}}
          </select> 
        </li>
        <li class="flexrow"><label class="generic-label">Affected status</label>
          <select class="competence-base flexrow" type="text" name="data.statusaffected" value="{{data.statusaffected}}" data-dtype="String">
            {{#select data.statusaffected}}
            {{{optionsStatusList}}}
            {{/select}}
          </select> 
        </li>
        <li class="flexrow"><label class="generic-label">Status modifier</label>
          <input type="text" class="padd-right" name="data.statusmodifier" value="{{data.statusmodifier}}" data-dtype="Number"/>
        </li>
        <li class="flexrow"><label class="generic-label">Power Gained</label>
        </li>
        <li>
          <ul class="ul-level1">
            <li class="flexrow"><div class="drop-ability-power"><label>Drop Powers here !</label></div>
            </li>
            {{#each data.powersgained as |power idx|}}
            <li class="flexrow">
              <label name="data.powersgained[{{idx}}].name"><a class="view-subitem" data-type="powersgained" data-index="{{idx}}">{{power.name}}</a></label>
              <div class="item-controls padd-left">
                <a class="item-control delete-subitem padd-left" data-type="powersgained" data-index="{{idx}}" title="Delete Power"><i class="fas fa-trash"></i></a>
              </div>   
            </li>
            {{/each}}
          </ul>              
        </li>

        <li class="flexrow"><label class="generic-label">Specialisation Gained</label>
        <li>
            <ul class="ul-level1">
              <li class="flexrow"><div class="drop-ability-spec"><label>Drop Specialisations here !</label></div>
              </li>
              {{#each data.specialisations as |spec idx|}}
              <li class="flexrow">
                <label name="data.specialisations[{{idx}}].name"><a class="view-subitem" data-type="specialisations" data-index="{{idx}}">{{spec.name}}</a></label>
                <div class="item-controls padd-left">
                  <a class="item-control delete-subitem padd-left" data-type="specialisations" data-index="{{idx}}" title="Delete Specialisation"><i class="fas fa-trash"></i></a>
                </div>   
              </li>
              {{/each}}
            </ul>              
          </li>
        </li>

        <li class="flexrow"><label class="generic-label">AoE</label>
          <input type="text" class="padd-right" name="data.aoe" value="{{data.aoe}}" data-dtype="String"/>
        </li>
        <li class="flexrow"><label class="generic-label">Affected Circumstances</label>
          <input type="text" class="padd-right" name="data.affectedcircumstances" value="{{data.affectedcircumstances}}" data-dtype="String"/>
        </li>
        <li class="flexrow"><label class="generic-label">NRG Cost</label>
          <input type="text" class="padd-right" name="data.nrgcost" value="{{data.nrgcost}}" data-dtype="Number"/>
        </li>
        <li class="flexrow"><label class="generic-label">Opponents Gain Hindrance Dice</label>
          <select class="competence-base flexrow" type="text" name="data.opponenthindrance" value="{{data.opponenthindrance}}" data-dtype="Number">
            {{#select data.opponenthindrance}}
            {{{optionsDiceList}}}
            {{/select}}
          </select> 
        </li>

        <li class="flexrow"><label class="generic-label">Attacks Gained</label>
        <li>
          <ul class="ul-level1">
            <li class="flexrow"><div class="drop-ability-weapon"><label>Drop Weapons here !</label></div>
            </li>
            {{#each data.attackgained as |weapon idx|}}              
              <li class="flexrow">
                <label name="data.specialisations[{{idx}}].name"><a class="view-subitem" data-type="attackgained" data-index="{{idx}}">{{weapon.name}}</a></label>
                <div class="item-controls padd-left">
                  <a class="item-control delete-subitem padd-left" data-type="attackgained" data-index="{{idx}}" title="Delete Weapon"><i class="fas fa-trash"></i></a>
                </div>   
              </li>
              {{/each}}
            </ul>              
          </li>
        </li>

        <li class="flexrow"><label class="generic-label">Armors Gained</label>
          <li>
            <ul class="ul-level1">
              <li class="flexrow"><div class="drop-ability-armor"><label>Drop Armors here !</label></div>
              </li>
              {{#each data.armorgained as |armor idx|}}              
                <li class="flexrow">
                  <label name="data.specialisations[{{idx}}].name"><a class="view-subitem" data-type="armorgained" data-index="{{idx}}">{{armor.name}}</a></label>
                  <div class="item-controls padd-left">
                    <a class="item-control delete-subitem padd-left" data-type="armorgained" data-index="{{idx}}" title="Delete Armor"><i class="fas fa-trash"></i></a>
                  </div>   
                </li>
                {{/each}}
              </ul>              
            </li>
          </li>
  
      </ul>
      
      
      <div class="tab" data-group="primary">
          <label class="generic-label">Description</label>
          <div class="small-editor item-text-long-line">
          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
          </div>
      </div>


    </section>
</form>
