{{!-- Spell Item Sheet --}}
<div class="ua2e-item-sheet spell-sheet">
  <header class="item-sheet-header flexrow">
    <div class="header-fields">
      <input class="item-name" type="text" name="name" value="{{item.name}}" placeholder="{{localize "UA2E.Spell.NamePlaceholder"}}" />
    </div>
  </header>

  <section class="sheet-body">
    <div class="form-group">
      <label>{{localize "UA2E.Spell.ChargeType"}}</label>
      <select name="system.chargeType">
        {{#each chargeTypeChoices as |label key|}}
          <option value="{{key}}" {{#if (eq ../system.chargeType key)}}selected{{/if}}>{{label}}</option>
        {{/each}}
      </select>
    </div>

    <div class="form-group">
      <label>{{localize "UA2E.Spell.ChargeAmount"}}</label>
      <input type="number" name="system.chargeAmount" value="{{system.chargeAmount}}" min="1" max="10" />
    </div>

    <div class="form-group">
      <label>{{localize "UA2E.Spell.CostLabel"}}</label>
      <input type="text" name="system.costLabel" value="{{system.costLabel}}"
             placeholder="{{localize "UA2E.Spell.CostPlaceholder"}}" />
      <span class="hint">{{localize "UA2E.Spell.CostHint"}}</span>
    </div>

    <div class="form-group">
      <label>{{localize "UA2E.Spell.Effect"}}</label>
    </div>
    {{editor system.effect target="system.effect" button=true editable=editable engine="prosemirror" collaborate=false}}
  </section>
</div>
