<form class="{{cssClass}}" autocomplete="off">
    <header class="sheet-header">
        <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
        <div class="header-fields">
            <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
        </div>
    </header>
    
    {{!-- Sheet Body --}}
    <section class="sheet-body">
      <div class="form-group">
        <label class="alchimie-title" for="xp">Type</label>
        <select name="data.type" data-dtype="String">
          {{#select item.data.type}}
          <option value="recreative">Récréative</option>
          <option value="soliste">Soliste</option>
          {{/select}}    
        </select>
      </div>
      <div class="form-group">
        <label class="alchimie-title" for="xp">Agilité ?</label>
        <input class="attribute-value" type="checkbox" name="data.agilite" {{#if data.agilite}}checked{{/if}}/>    
      </div>
      <div class="form-group">
          <label class="alchimie-title" for="xp">Apparence ?</label>
        <input class="attribute-value" type="checkbox" name="data.apparence"  {{#if data.apparence}}checked{{/if}}/>    
      </div>
      <div class="form-group">
        <label class="alchimie-title" for="xp">Niveau</label>
        <input class="attribute-value" type="text" name="data.niveau" value="{{data.niveau}}" data-dtype="Number"/>
      </div>
      <div class="form-group">
        <label>Référence / Auteur</label>
        <input class="attribute-value" type="text" name="data.reference" value="{{data.reference}}" data-dtype="String"/>
      </div>
      <div class="flexcol">
        <span><label class="alchimie-title">Description : </label></span>
        <div class="form-group editor">
          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
        </div>
      </div>
    </section>
    
</form>
