<section class="{{cssClass}} les-oublies-sheet item-sheet" autocomplete="off">
  <header class="sheet-header hero-banner">
    <img class="profile-img" data-edit="img" data-action="editImage" src="{{item.img}}" title="{{item.name}}" />
    <div class="header-fields hero-copy">
      <p class="sheet-kicker">Savoir-faire</p>
      <h1 class="sheet-title"><input name="name" type="text" value="{{item.name}}" placeholder="Nom" {{#if isPlayMode}}disabled{{/if}} /></h1>
      <button class="mode-button" type="button" data-action="toggleSheet">{{#if isEditMode}}{{localize "LESOUBLIES.ui.playMode"}}{{else}}{{localize "LESOUBLIES.ui.editMode"}}{{/if}}</button>
    </div>
  </header>
  <section class="sheet-card summary-card">
    <div class="field-row"><label>Key</label><select name="system.key" {{#if isPlayMode}}disabled{{/if}}>{{#each choiceSets.skillOptions as |option|}}<option value="{{option.value}}" {{#if (eq option.value @root.system.key)}}selected{{/if}}>{{option.label}}</option>{{/each}}</select></div>
    <div class="field-row"><label>{{localize "LESOUBLIES.labels.profil"}}</label><select name="system.profileKey" {{#if isPlayMode}}disabled{{/if}}>{{#each choiceSets.profileOptions as |option|}}<option value="{{option.value}}" {{#if (eq option.value @root.system.profileKey)}}selected{{/if}}>{{option.label}}</option>{{/each}}</select></div>
    <div class="field-row"><label>{{localize "LESOUBLIES.labels.base"}}</label><input name="system.base" type="number" value="{{system.base}}" {{#if isPlayMode}}disabled{{/if}} /></div>
    <div class="field-row"><label>Fermée</label><input name="system.closed" type="checkbox" {{checked system.closed}} {{#if isPlayMode}}disabled{{/if}} /></div>
    <div class="field-row"><label>À domaines</label><input name="system.domainSkill" type="checkbox" {{checked system.domainSkill}} {{#if isPlayMode}}disabled{{/if}} /></div>
    <div class="field-row"><label>{{localize "LESOUBLIES.labels.domaines"}}</label><input type="text" value="{{join system.domains ", "}}" disabled /></div>
    <div class="field-row"><label>Domaines fixes</label><input type="text" value="{{join system.fixedDomains ", "}}" disabled /></div>
  </section>
  <section class="sheet-card notes-card">
    <h2>{{localize "LESOUBLIES.labels.description"}}</h2>
    {{formInput systemFields.description enriched=enriched.description value=system.description name="system.description" toggled=true}}
    <h2>{{localize "LESOUBLIES.labels.notes"}}</h2>
    {{formInput systemFields.notes enriched=enriched.notes value=system.notes name="system.notes" toggled=true}}
  </section>
</section>
