<div class="tab traits sheet-part {{#if @root.tabs.traits.active}}active{{/if}}" data-group="sheet" data-tab="traits">
  <h3>{{ localize 'VERMINE.traits' }}</h3>
  <div class="grid grid-3col">

    {{!-- Menace --}}
    <div class="card npc-card">
      <h4 class="align-center"><i class="fas fa-exclamation-triangle"></i> {{ localize 'ADVERSITY.threat' }}</h4>
      <ul class="unstyled npc-trait-list">
        <li>
          <strong>{{ localize 'ADVERSITY.attack' }}:</strong>
          <span class="trait-value">{{ system.computed.attack }}D</span>
          <a class="rollable npc-roll-btn" data-type="attack" title="{{ localize 'VERMINE.roll' }}"><i class="fas fa-dice-d10"></i></a>
        </li>
        <li>
          <strong>{{ localize 'ADVERSITY.vigor' }}:</strong>
          <span class="trait-value">{{ system.computed.vigor }}D</span>
        </li>
        <li class="npc-wounds">
          <strong>{{ localize 'ADVERSITY.wounds' }}:</strong>
          <span class="wound-cat"><span class="wound-boxes">{{#repeat system.minorWound.max 1 "woundindex"}}<i class="fas fa-circle"></i>{{/repeat}}</span> {{ system.minorWound.threshold }}</span>
          <span class="wound-cat"><span class="wound-boxes">{{#repeat system.majorWound.max 1 "woundindex"}}<i class="fas fa-circle"></i>{{/repeat}}</span> {{ system.majorWound.threshold }}</span>
          <span class="wound-cat"><span class="wound-boxes">{{#repeat system.deadlyWound.max 1 "woundindex"}}<i class="fas fa-circle"></i>{{/repeat}}</span> {{ system.deadlyWound.threshold }}</span>
        </li>
      </ul>
    </div>

    {{!-- Expérience --}}
    <div class="card npc-card">
      <h4 class="align-center"><i class="fas fa-star"></i> {{ localize 'ADVERSITY.experience' }}</h4>
      <ul class="unstyled npc-trait-list">
        <li>
          <strong>{{ localize 'ADVERSITY.action' }}:</strong>
          <span class="trait-value">{{ system.computed.action }}D</span>
          <a class="rollable npc-roll-btn" data-type="action" title="{{ localize 'VERMINE.roll' }}"><i class="fas fa-dice-d10"></i></a>
        </li>
        <li>
          <strong>{{ localize 'ADVERSITY.specialties' }}:</strong>
          <span class="trait-value">{{ system.computed.specialties }}D</span>
          <a class="rollable npc-roll-btn" data-type="specialty" title="{{ localize 'VERMINE.roll' }}"><i class="fas fa-dice-d10"></i></a>
        </li>
        <li>
          <strong>{{ localize 'ADVERSITY.rerolls' }}:</strong>
          <span class="trait-value">{{ system.computed.rerolls }}D</span>
        </li>
        <li>
          <strong>{{ localize 'ADVERSITY.contact' }}:</strong>
          <span class="trait-value">{{ system.computed.contact }}</span>
        </li>
      </ul>
    </div>

    {{!-- Rôle --}}
    <div class="card npc-card">
      <h4 class="align-center"><i class="fas fa-users"></i> {{ localize 'ADVERSITY.role' }}</h4>
      <ul class="unstyled npc-trait-list">
        <li>
          <strong>{{ localize 'ADVERSITY.reaction' }}:</strong>
          <span class="trait-value">{{ system.computed.reaction }}D{{#if system.computed.reactionBonus}} +{{ system.computed.reactionBonus }}{{/if}}</span>
          <a class="rollable npc-roll-btn" data-type="reaction" title="{{ localize 'VERMINE.roll' }}"><i class="fas fa-dice-d10"></i></a>
        </li>
        <li>
          <strong>{{ localize 'ADVERSITY.pools' }}:</strong>
          <span class="trait-value">{{ system.computed.pools }}D</span>
        </li>
        <li>
          <strong>{{ localize 'ADVERSITY.gear' }}:</strong>
          <span class="trait-value">{{ system.computed.gear }}{{#if system.computed.gearHindrance}} ({{ system.computed.gearHindrance }}){{/if}}</span>
        </li>
        <li>
          <strong>{{ localize 'ADVERSITY.protection' }}:</strong>
          <span class="trait-value">{{ system.computed.protection }}</span>
        </li>
      </ul>
    </div>
  </div>

  {{!-- Spécialités (description libre) --}}
  <div class="form-group npc-free-skills">
    <label for="system.freeSkills">{{ localize 'ADVERSITY.skills' }}</label>
    {{#if isEditMode}}
    <input type="text" name="system.freeSkills" id="system.freeSkills" value="{{system.freeSkills}}" data-dtype="String" placeholder="{{ localize 'ADVERSITY.skills_placeholder' }}"/>
    {{else}}
    <span>{{system.freeSkills}}</span>
    {{/if}}
  </div>
</div>
