<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">Art occulte</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>Tradition</label><select name="system.tradition" {{#if isPlayMode}}disabled{{/if}}>{{#each choiceSets.spellTraditionOptions as |option|}}<option value="{{option.value}}" {{#if (eq option.value @root.system.tradition)}}selected{{/if}}>{{option.label}}</option>{{/each}}</select></div>
    <div class="field-row"><label>Compétence</label><select name="system.skillKey" {{#if isPlayMode}}disabled{{/if}}>{{#each choiceSets.spellSkillOptions as |option|}}<option value="{{option.value}}" {{#if (eq option.value @root.system.skillKey)}}selected{{/if}}>{{option.label}}</option>{{/each}}</select></div>
    <div class="field-row"><label>Polarité</label><select name="system.polarity" {{#if isPlayMode}}disabled{{/if}}>{{#each choiceSets.polarityOptions as |option|}}<option value="{{option.value}}" {{#if (eq option.value @root.system.polarity)}}selected{{/if}}>{{option.label}}</option>{{/each}}</select></div>
    <div class="field-row"><label>{{localize "LESOUBLIES.labels.cout"}}</label><input name="system.cost" type="number" value="{{system.cost}}" {{#if isPlayMode}}disabled{{/if}} /></div>
    <div class="field-row"><label>{{localize "LESOUBLIES.labels.preparation"}}</label><input name="system.preparation" type="text" value="{{system.preparation}}" {{#if isPlayMode}}disabled{{/if}} /></div>
    <div class="field-row"><label>{{localize "LESOUBLIES.labels.duree"}}</label><input name="system.duration" type="text" value="{{system.duration}}" {{#if isPlayMode}}disabled{{/if}} /></div>
    <div class="field-row"><label>{{localize "LESOUBLIES.labels.portee"}}</label><input name="system.range" type="text" value="{{system.range}}" {{#if isPlayMode}}disabled{{/if}} /></div>
    <div class="field-row"><label>{{localize "LESOUBLIES.labels.aire"}}</label><input name="system.area" type="text" value="{{system.area}}" {{#if isPlayMode}}disabled{{/if}} /></div>
    <div class="field-row"><label>{{localize "LESOUBLIES.labels.cumul"}}</label><select name="system.stacking" {{#if isPlayMode}}disabled{{/if}}>{{#each choiceSets.stackingOptions as |option|}}<option value="{{option.value}}" {{#if (eq option.value @root.system.stacking)}}selected{{/if}}>{{option.label}}</option>{{/each}}</select></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>Effets</h2>
    {{formInput systemFields.effectsText enriched=enriched.effectsText value=system.effectsText name="system.effectsText" toggled=true}}
  </section>
</section>
