{{!-- Unnatural Tab (Adept / Avatar) --}}
<div class="tab strangeness {{#if (eq activeSheetTab "strangeness")}}active{{/if}}" data-group="sheet" data-tab="strangeness">

  <section class="skills-section">
    <div class="skills-controls">
      <button type="button" data-action="createStrangeness" class="create-btn">
        <i class="fas fa-plus"></i> {{localize "UA2E.Strangeness.New"}}
      </button>
    </div>

    {{#if skillsByType.strangeness.length}}
    <section class="skill-group strangeness-group">
      <h4 class="skill-group-header">{{localize "UA2E.Tabs.Unnatural"}}</h4>
      <table class="skill-table">
        <thead>
          <tr><th></th><th>{{localize "UA2E.Common.Name"}}</th><th>%</th><th></th></tr>
        </thead>
        <tbody>
          {{#each skillsByType.strangeness as |skill|}}
          <tr data-item-id="{{skill.id}}" class="skill-row strangeness {{#if skill.isObsession}}obsession{{/if}}">
            <td class="obsession-col">
              <button type="button" class="obsession-toggle {{#if skill.isObsession}}active{{/if}}"
                      data-action="toggleObsession" data-tooltip="{{localize "UA2E.Skill.ToggleObsession"}}">★</button>
            </td>
            <td class="skill-name-col"><span class="skill-name">{{skill.name}}</span></td>
            <td class="skill-value-col"><span class="skill-value">{{skill.value}}%</span></td>
            <td class="skill-controls-col">
              <button type="button" data-action="rollSkill" data-tooltip="{{localize "UA2E.Common.RollName" name=skill.name}}"><i class="fas fa-dice-d10"></i></button>
              <button type="button" data-action="editSkill" data-tooltip="{{localize "UA2E.Common.Edit"}}"><i class="fas fa-edit"></i></button>
              <button type="button" data-action="deleteSkill" data-tooltip="{{localize "UA2E.Common.Delete"}}"><i class="fas fa-trash"></i></button>
            </td>
          </tr>
          {{/each}}
        </tbody>
      </table>
    </section>
    {{else}}
      <p class="hint">{{localize "UA2E.Strangeness.Empty"}}</p>
    {{/if}}
  </section>

</div>
