{{!-- Skill Item Sheet --}}
<div class="ua2e-item-sheet skill-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.Skill.NamePlaceholder"}}" />
    </div>
  </header>

  <section class="sheet-body">
    <div class="form-group">
      <label>{{localize "UA2E.Skill.Stat"}}</label>
      <select name="system.stat">
        {{#each statChoices as |label key|}}
          <option value="{{key}}" {{#if (eq ../system.stat key)}}selected{{/if}}>{{label}}</option>
        {{/each}}
      </select>
    </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 checkbox-group">
      <label>{{localize "UA2E.Skill.IsFree"}}</label>
      <input type="checkbox" name="system.isFree" {{#if system.isFree}}checked{{/if}} />
    </div>

    <div class="form-group">
      <label>{{localize "UA2E.Skill.Notes"}}</label>
      <textarea name="system.notes" rows="4" placeholder="{{localize "UA2E.Skill.NotesPlaceholder"}}">{{system.notes}}</textarea>
    </div>
  </section>
</div>