<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">Catégorie</label>
            <select class="competence-base flexrow" type="text" name="data.categorie" value="{{data.categorie}}" data-dtype="String">
              {{#select data.categorie}}
              <option value="attaque">Attaque</option>
              <option value="defensive">Défensive</option>
              <option value="utilitaire">Utilitaire</option>
              {{/select}}
            </select> 
          </li>
          <li class="flexrow">
            <label class="generic-label">Niveau</label>
            <select class="competence-base flexrow" type="text" name="data.niveau" value="{{data.niveau}}" data-dtype="Number">
              {{#select data.niveau}}
              {{{optionsNiveaux4}}}
              {{/select}}
            </select> 
          </li>
          <li class="flexrow"><label class="generic-label">Armes</label><input type="text" name="data.armes" value="{{data.armes}}" data-dtype="String"/></li>
          <li class="flexrow"><label class="generic-label">Prérequis</label><input type="text" name="data.prerequis" value="{{data.prerequis}}" data-dtype="String"/></li>
          <li class="flexrow"><label class="generic-label">Modificateur</label><input type="text" name="data.modificateur" value="{{data.modificateur}}" data-dtype="Number"/></li>
        </ul>
        <label class="generic-label">Description</label>
        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
      </div>

  </section>
</form>