{{!-- Strangeness (Magick/Avatar) Item Sheet --}}
<div class="ua2e-item-sheet strangeness-sheet">
  <header class="item-sheet-header flexrow">
    <img class="item-img" src="{{item.img}}" data-edit="img" title="{{item.name}}" />
    <div class="header-fields">
      <input class="item-name" type="text" name="name" value="{{item.name}}" placeholder="{{localize "UA2E.Strangeness.NamePlaceholder"}}" />
    </div>
  </header>

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

    <div class="form-group">
      <label>{{localize "UA2E.Strangeness.School"}}</label>
      <input type="text" name="system.school" value="{{system.school}}"
             placeholder="{{localize "UA2E.Strangeness.SchoolPlaceholder"}}" />
    </div>

    <div class="form-group">
      <label>{{localize "UA2E.Skill.Value"}}</label>
      <input type="number" name="system.value" value="{{system.value}}" min="1" max="99" />
      <span class="pct-label">%</span>
    </div>

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