<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="generale">Générale</option>
                <option value="magique">Magique</option>
                <option value="martiale">Martiale</option>
                {{/select}}
              </select> 
            </li>
            <li class="flexrow"><label class="generic-label">Niveau</label>
              <select class="competence-malus flexrow" type="text" name="data.niveau" value="{{data.niveau}}" data-dtype="Number">
              {{selectOptions @root.optionsBase selected=data.niveau  localize=false}}               
              </select>
            </li>
            <li class="flexrow"><label class="generic-label">Spécialisation ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="data.isspecialisation" {{checked data.isspecialisation}}/></label>
            </li>
            <li class="flexrow"><label class="generic-label">Spécialisation</label><input type="text" name="data.specialisation" value="{{data.specialisation}}" data-dtype="String"/></li>
            <li class="flexrow"><label class="generic-label">Niveau 1 requis ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="data.niveauunrequis" {{checked data.niveauunrequis}}/></label>
            </li>
          </ul>
          <label class="generic-label">Description</label>
          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
        </div>

    </section>
</form>
