<div class="tab characteristics sheet-part" data-group="sheet" data-tab="characteristics">
  <h3>{{ localize 'VERMINE.abilities' }}</h3>

  {{!-- Caracteristiques physiques --}}
  <div class="ability-section">
    <h4 class="ability-category-header">{{ localize 'VERMINE.ability_category.physical' }}</h4>
    <div class="grid grid-2col">
      <div class="ability-item">
        <label for="system.abilities.vigor.value">{{ localize 'ABILITIES.vigor.name' }}</label>
        <div class="ability-control">
          {{#if isEditMode}}
          <input type="range" name="system.abilities.vigor.value" value="{{system.abilities.vigor.value}}" min="{{system.abilities.vigor.min}}" max="{{system.abilities.vigor.max}}" data-dtype="Number"/>
          {{/if}}
          <span class="ability-value">{{system.abilities.vigor.value}}D</span>
        </div>
      </div>
      <div class="ability-item">
        <label for="system.abilities.health.value">{{ localize 'ABILITIES.health.name' }}</label>
        <div class="ability-control">
          {{#if isEditMode}}
          <input type="range" name="system.abilities.health.value" value="{{system.abilities.health.value}}" min="{{system.abilities.health.min}}" max="{{system.abilities.health.max}}" data-dtype="Number"/>
          {{/if}}
          <span class="ability-value">{{system.abilities.health.value}}D</span>
        </div>
      </div>
    </div>
  </div>

  {{!-- Caracteristiques manuelles --}}
  <div class="ability-section">
    <h4 class="ability-category-header">{{ localize 'VERMINE.ability_category.manual' }}</h4>
    <div class="grid grid-2col">
      <div class="ability-item">
        <label for="system.abilities.precision.value">{{ localize 'ABILITIES.precision.name' }}</label>
        <div class="ability-control">
          {{#if isEditMode}}
          <input type="range" name="system.abilities.precision.value" value="{{system.abilities.precision.value}}" min="{{system.abilities.precision.min}}" max="{{system.abilities.precision.max}}" data-dtype="Number"/>
          {{/if}}
          <span class="ability-value">{{system.abilities.precision.value}}D</span>
        </div>
      </div>
      <div class="ability-item">
        <label for="system.abilities.reflexes.value">{{ localize 'ABILITIES.reflexes.name' }}</label>
        <div class="ability-control">
          {{#if isEditMode}}
          <input type="range" name="system.abilities.reflexes.value" value="{{system.abilities.reflexes.value}}" min="{{system.abilities.reflexes.min}}" max="{{system.abilities.reflexes.max}}" data-dtype="Number"/>
          {{/if}}
          <span class="ability-value">{{system.abilities.reflexes.value}}D</span>
        </div>
      </div>
    </div>
  </div>

  {{!-- Caracteristiques mentales --}}
  <div class="ability-section">
    <h4 class="ability-category-header">{{ localize 'VERMINE.ability_category.mental' }}</h4>
    <div class="grid grid-2col">
      <div class="ability-item">
        <label for="system.abilities.knowledge.value">{{ localize 'ABILITIES.knowledge.name' }}</label>
        <div class="ability-control">
          {{#if isEditMode}}
          <input type="range" name="system.abilities.knowledge.value" value="{{system.abilities.knowledge.value}}" min="{{system.abilities.knowledge.min}}" max="{{system.abilities.knowledge.max}}" data-dtype="Number"/>
          {{/if}}
          <span class="ability-value">{{system.abilities.knowledge.value}}D</span>
        </div>
      </div>
      <div class="ability-item">
        <label for="system.abilities.perception.value">{{ localize 'ABILITIES.perception.name' }}</label>
        <div class="ability-control">
          {{#if isEditMode}}
          <input type="range" name="system.abilities.perception.value" value="{{system.abilities.perception.value}}" min="{{system.abilities.perception.min}}" max="{{system.abilities.perception.max}}" data-dtype="Number"/>
          {{/if}}
          <span class="ability-value">{{system.abilities.perception.value}}D</span>
        </div>
      </div>
    </div>
  </div>

  {{!-- Caracteristiques sociales --}}
  <div class="ability-section">
    <h4 class="ability-category-header">{{ localize 'VERMINE.ability_category.social' }}</h4>
    <div class="grid grid-2col">
      <div class="ability-item">
        <label for="system.abilities.will.value">{{ localize 'ABILITIES.will.name' }}</label>
        <div class="ability-control">
          {{#if isEditMode}}
          <input type="range" name="system.abilities.will.value" value="{{system.abilities.will.value}}" min="{{system.abilities.will.min}}" max="{{system.abilities.will.max}}" data-dtype="Number"/>
          {{/if}}
          <span class="ability-value">{{system.abilities.will.value}}D</span>
        </div>
      </div>
      <div class="ability-item">
        <label for="system.abilities.empathy.value">{{ localize 'ABILITIES.empathy.name' }}</label>
        <div class="ability-control">
          {{#if isEditMode}}
          <input type="range" name="system.abilities.empathy.value" value="{{system.abilities.empathy.value}}" min="{{system.abilities.empathy.min}}" max="{{system.abilities.empathy.max}}" data-dtype="Number"/>
          {{/if}}
          <span class="ability-value">{{system.abilities.empathy.value}}D</span>
        </div>
      </div>
    </div>
  </div>

  {{!-- Reserves --}}
  <div class="ability-section">
    <h4 class="ability-category-header">{{ localize 'VERMINE.reserves' }}</h4>
    <div class="grid grid-2col">
      <div class="ability-item">
        <span>{{ localize 'VERMINE.effort' }} : {{system.attributes.effort.value}}/{{system.attributes.effort.max}}D</span>
      </div>
      <div class="ability-item">
        <span>{{ localize 'VERMINE.self_control' }} : {{system.attributes.self_control.value}}/{{system.attributes.self_control.max}}D</span>
      </div>
    </div>
  </div>
</div>
