<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">Donnée</label>
              <select class="competence-base flexrow" type="text" name="data.donnee" value="{{data.donnee}}" data-dtype="String">
                {{#select data.donnee}}
                {{#each @root.donnees as |donnee key|}}
                <option value="{{donnee.name}}">{{donnee.name}}</option>
                {{/each}}
                {{/select}}
              </select> 
            </li>
            <li class="flexrow"><label class="generic-label">Points d'Energie</label><input type="text" name="data.pe" value="{{data.pe}}" data-dtype="Number"/></li>
            <li class="flexrow"><label class="generic-label">Cible</label><input type="text" name="data.target" value="{{data.target}}" data-dtype="String"/></li>
            <li class="flexrow"><label class="generic-label">Difficulté</label><input type="text" name="data.difficulty" value="{{data.difficulty}}" data-dtype="Number"/></li>
            <li class="flexrow"><label class="generic-label">XP</label><input type="text" name="data.xp" value="{{data.xp}}" data-dtype="Number"/></li>
            <li class="flexrow"><label class="generic-label">Dégâts</label><input type="text" name="data.damage" value="{{data.damage}}" data-dtype="String"/></li>
            <li class="flexrow"><label class="generic-label">Dégâts Critiques</label><input type="text" name="data.damagecritical" value="{{data.damagecritical}}" data-dtype="String"/></li>
            <li class="flexrow"><label class="generic-label">Peut être maintenu ?</label><label class="attribute-value checkbox"><input type="checkbox" name="data.ismaintain" {{checked data.ismaintain}}/></label></li>
            <li class="flexrow"><label class="generic-label">Actions complexes possibles ?</label><label class="attribute-value checkbox">
              <input type="checkbox" name="data.complexactions" {{checked data.complexactions}}/></label></li>
            <li class="flexrow"><label class="generic-label">Valeur de critique</label>
              <input type="text" name="data.valuecritical" value="{{data.valuecritical}}" data-dtype="Number"/></li>
            </ul>
          <label class="generic-label">Description</label>
          <div class="form-group small-editor">
            {{editor content=data.notes target="data.notes" button=true owner=owner editable=editable}}
          </div>
          <label class="generic-label">Effets</label>
          <div class="form-group small-editor">
            {{editor content=data.effect target="data.effect" button=true owner=owner editable=editable}}
          </div>
          <label class="generic-label">Effets critiques</label>
          <div class="form-group small-editor">
            {{editor content=data.criticaleffect target="data.criticaleffect" button=true owner=owner editable=editable}}
          </div>
        </div>

    </section>
</form>