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

        <div class="tab" data-group="primary">
          <ul>
            <li class="flexrow"><label class="generic-label">Type</label>
              <select class="competence-base flexrow" type="text" name="data.type" value="{{data.type}}" data-dtype="String">
                {{#select data.type}}
                <option value="mental">Mental</option>
                <option value="physical">Physical</option>
                {{/select}}
              </select> 
            </li>

            <li class="flexrow"><label class="generic-label">Positive/Negative</label>
              <select class="competence-base flexrow" type="text" name="data.genre" value="{{data.genre}}" data-dtype="String">
                {{#select data.genre}}
                <option value="positive">Positive</option>
                <option value="negative">Negative</option>
                {{/select}}
              </select> 
            </li>            

            <li class="flexrow"><label class="generic-label">Effect Level</label>
              <input type="text" class="input-numeric-short padd-right" name="data.effectlevel" value="{{data.effectlevel}}" data-dtype="Number"/>
            </li>
            
            <li class="flexrow"> <label class="generic-label">Affected Specialisations </label></li>
            <li class="flexrow">
              <ul class="ul-level1">
                <li class="flexrow"><div class="drop-effect-specaffected"><label>Drop Specialisations here !</label></div>
                </li>
                {{#each data.specaffected as |spec idx|}}
                  <li class="flexrow">
                    <label name="data.specaffected[{{idx}}].name"><a class="view-subitem" data-type="specaffected" data-index="{{idx}}">{{spec.name}}</a></label>
                    <div class="item-controls padd-left">
                      <a class="item-control delete-subitem padd-left" data-type="specaffected" data-index="{{idx}}" title="Delete Spec"><i class="fas fa-trash"></i></a>
                    </div>   
                  </li>
                {{/each}}
              </ul>  
            </li>

            <li class="flexrow"><label class="generic-label">Affected Stat</label>
              <select class="competence-base flexrow" type="text" name="data.stataffected" value="{{data.stataffected}}" data-dtype="String">
                {{#select data.stataffected}}
                {{> systems/fvtt-pegasus-rpg/templates/partial-options-statistics.html notapplicable=true mr=true all=true}}
                {{/select}}
              </select> 
            </li>

            {{#if (eq data.genre "positive")}}


            <li class="flexrow"><label class="generic-label">Stat Dice ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="data.statdice" {{checked data.statdice}}/></label>
            </li>

            <li class="flexrow"><label class="generic-label">Bonus Dice ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="data.bonusdice" {{checked data.bonusdice}}/></label>
            </li>
            
            <li class="flexrow"><label class="generic-label">Other Dice ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="data.otherdice" {{checked data.otherdice}}/></label>
            </li>

            {{else}}

            <li class="flexrow"><label class="generic-label">Reduce Dice Value ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="data.reducedicevalue" {{checked data.reducedicevalue}}/></label>
            </li>

            <li class="flexrow"><label class="generic-label">Hindrance ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="data.hindrance" {{checked data.hindrance}}/></label>
            </li>

            <li class="flexrow"><label class="generic-label">Resisted By</label>
              <select class="competence-base flexrow" type="text" name="data.resistedby" value="{{data.resistedby}}" data-dtype="String">
                {{#select data.resistedby}}
                {{> systems/fvtt-pegasus-rpg/templates/partial-options-statistics.html notapplicable=true mr=false all=false}}
                {{/select}}
              </select> 
            </li>

            <li class="flexrow"><label class="generic-label">Recovery Roll ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="data.recoveryroll" {{checked data.recoveryroll}}/></label>
            </li>
            
            {{#if data.recoveryroll}}
            <li class="flexrow"><label class="generic-label">Recovery Stat</label>
              <select class="competence-base flexrow" type="text" name="data.recoveryrollstat" value="{{data.recoveryrollstat}}" data-dtype="String">
                {{#select data.recoveryrollstat}}
                {{> systems/fvtt-pegasus-rpg/templates/partial-options-statistics.html notapplicable=true mr=false all=false}}
                {{/select}}
              </select> 
            </li>
            <li class="flexrow">
              <ul class="ul-level1">
                <li class="flexrow"> 
                  <label class="generic-label">Recovery Specialisations </label>
                </li>
                <li class="flexrow"><div class="drop-effect-spec"><label>Drop Specialisations here !</label></div>
                </li>
                {{#each data.recoveryrollspec as |spec idx|}}
                  <li class="flexrow">
                    <label name="data.recoveryrollspec[{{idx}}].name"><a class="view-subitem" data-type="recoveryrollspec" data-index="{{idx}}">{{spec.name}}</a></label>
                    <div class="item-controls padd-left">
                      <a class="item-control delete-subitem padd-left" data-type="recoveryrollspec" data-index="{{idx}}" title="Delete Spec"><i class="fas fa-trash"></i></a>
                    </div>   
                  </li>
                {{/each}}
              </ul>  
            </li>
            {{/if}}

            {{/if}}

          </ul>

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