<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="system.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="system.pe"
            value="{{data.pe}}" data-dtype="Number" /></li>
        <li class="flexrow"><label class="generic-label">Cible</label><input type="text" name="system.target"
            value="{{data.target}}" data-dtype="String" /></li>
        <li class="flexrow"><label class="generic-label">Difficulté</label><input type="text" name="system.difficulty"
            value="{{data.difficulty}}" data-dtype="Number" /></li>
        <li class="flexrow"><label class="generic-label">XP</label><input type="text" name="system.xp"
            value="{{data.xp}}" data-dtype="Number" /></li>
        <li class="flexrow"><label class="generic-label">Dégâts</label><input type="text" name="system.damage"
            value="{{data.damage}}" data-dtype="String" /></li>
        <li class="flexrow"><label class="generic-label">Dégâts Critiques</label><input type="text"
            name="system.damagecritical" value="{{data.damagecritical}}" data-dtype="String" /></li>
        <li class="flexrow"><label class="generic-label">Valeur de critique</label>
          <input type="text" name="system.valuecritical" value="{{data.valuecritical}}" data-dtype="Number" />
        </li>
      </ul>
      <hr>
      <h4 class="generic-label">Description</h4>
      <div class="form-group small-editor">
        {{editor notes target="system.notes" button=true owner=owner editable=editable}}
      </div>
      <hr>
      <h4 class="generic-label">Effets</h4>
      <div class="form-group small-editor">
        {{editor effect target="system.effect" button=true owner=owner editable=editable}}
      </div>
      <hr>
      <h4 class="generic-label">Effets critiques</h4>
      <div class="form-group small-editor">
        {{editor criticaleffect target="system.criticaleffect" button=true owner=owner editable=editable}}
      </div>
    </div>

  </section>
</form>