<section class="{{cssClass}} prouesse-sheet" autocomplete="off">
  <header class="sheet-header">
    <img class="profile-img" src="{{item.img}}" data-action="editImage" title="{{item.name}}"/>
    <div class="header-fields">
      <h1 class="charname"><input name="item.name" type="text" value="{{item.name}}" placeholder="Nom de la Prouesse"/></h1>
    </div>
  </header>

  <div class="header-separator"></div>

  <section class="sheet-body">
    <div class="tab" data-group="primary">
      
      <div class="properties-grid">
        <div class="property-group">
          <label class="property-label">Catégorie</label>
          <select class="property-input" name="system.categorie" value="{{data.categorie}}" data-dtype="String">
            {{#if config.optionsProuesse}}
              {{selectOptions config.optionsProuesse selected=data.categorie valueAttr="key" labelAttr="label"}}
            {{/if}}
          </select>
        </div>

        <div class="property-group">
          <label class="property-label">Niveau</label>
          <select class="property-input" name="system.niveau" value="{{data.niveau}}" data-dtype="Number">
            {{#if optionsNiveaux4}}
              {{selectOptions optionsNiveaux4 selected=data.niveau}}
            {{/if}}
          </select>
        </div>

        <div class="property-group">
          <label class="property-label">Armes</label>
          <input class="property-input" type="text" name="system.armes" value="{{data.armes}}" data-dtype="String" placeholder="Armes compatibles"/>
        </div>

        <div class="property-group">
          <label class="property-label">Prérequis</label>
          <input class="property-input" type="text" name="system.prerequis" value="{{data.prerequis}}" data-dtype="String" placeholder="Conditions"/>
        </div>

        <div class="property-group">
          <label class="property-label">Modificateur</label>
          <input class="property-input" type="text" name="system.modificateur" value="{{data.modificateur}}" data-dtype="Number" placeholder="+/-"/>
        </div>

      </div>

      <div class="description-section">
        <h3 class="section-title">Description & Effets</h3>
        <div class="description-content">
          {{formInput systemFields.description enriched=enrichedDescription value=system.description name="system.description" toggled=true}}
        </div>

      </div>

    </div>
  </section>
</section>
