<div class="tab info sheet-part {{#if @root.tabs.info.active}}active{{/if}}" data-group="sheet" data-tab="info">
  <div class="grid grid-2col">
    <div>
      <h4>{{ localize 'IDENTITY.profile' }}</h4>
      {{#if isEditMode}}
      <input type="text" name="system.identity.profile" value="{{system.identity.profile}}"
             placeholder="Profil..." style="width: 100%;" />
      {{else}}
      <span>{{system.identity.profile}}</span>
      {{/if}}
    </div>
    <div>
      <h4>{{ localize 'IDENTITY.origin' }}</h4>
      {{#if isEditMode}}
      <input type="text" name="system.identity.origin" value="{{system.identity.origin}}"
             placeholder="Origine..." style="width: 100%;" />
      {{else}}
      <span>{{system.identity.origin}}</span>
      {{/if}}
    </div>
    <div>
      <h4>{{ localize 'IDENTITY.theme' }}</h4>
      {{#if isEditMode}}
      <input type="text" name="system.identity.theme" value="{{system.identity.theme}}"
             placeholder="Concept..." style="width: 100%;" />
      {{else}}
      <span>{{system.identity.theme}}</span>
      {{/if}}
    </div>
    <div>
      <h4>{{ localize 'ADVERSITY.skills' }}</h4>
      {{#if isEditMode}}
      <input type="text" name="system.skills" value="{{system.skills}}"
             placeholder="Compétences..." style="width: 100%;" />
      {{else}}
      <span>{{system.skills}}</span>
      {{/if}}
    </div>
  </div>

  {{!-- Capacités de créature --}}
  <div class="grid-span-2">
    <h4>{{ localize 'VERMINE.creature_capacities' }}{{#if isEditMode}}<a class="item-control item-create" data-action="create" data-type="creaturecapacity" title="{{ localize 'ITEMS.new_creaturecapacity' }}"><i class="fas fa-plus"></i></a>{{/if}}</h4>
    <ol class="creature-list">
      {{#each capacities as |item id|}}
      <li class="item" data-item-id="{{item._id}}">
        <div class="item-name">
          <a class="item-control item-roll" data-action="roll" data-item-id="{{item._id}}" title="{{ localize 'VERMINE.roll' }}">{{item.name}}</a>
          <span class="capacity-type">{{ smarttl "CREATURE_CAPACITY_TYPES" item.system.type }}</span>
        </div>
        <div class="item-controls">
          {{#if @root.isEditMode}}
          <a class="item-control item-edit" data-action="edit" data-item-id="{{item._id}}" title="{{ localize 'UI.effect_edit' }}"><i class="fas fa-edit"></i></a>
          <a class="item-control item-delete" data-action="delete" data-item-id="{{item._id}}" title="{{ localize 'UI.effect_delete' }}"><i class="fas fa-trash"></i></a>
          {{/if}}
        </div>
      </li>
      {{/each}}
    </ol>
  </div>

  <div class="grid-span-2">
    <fieldset>
      <legend><h4>{{ localize 'IDENTITY.notes' }}</h4></legend>
      {{formInput systemFields.identity.fields.notes enriched=enrichedNotes value=system.identity.notes name="system.identity.notes" toggled=true}}
    </fieldset>
  </div>

  {{!-- Modes --}}
  <div class="grid-span-2">
    <h4>{{ localize 'VERMINE.modes' }}</h4>
    <div class="grid grid-3col">
      <div>
        <label>
          <input type="checkbox" name="system.modes.survival"
                 {{#if system.modes.survival}}checked{{/if}} data-dtype="Boolean" />
          {{ localize 'GAME_MODES.survival' }}
        </label>
      </div>
      <div>
        <label>
          <input type="checkbox" name="system.modes.nightmare"
                 {{#if system.modes.nightmare}}checked{{/if}} data-dtype="Boolean" />
          {{ localize 'GAME_MODES.nightmare' }}
        </label>
      </div>
      <div>
        <label>
          <input type="checkbox" name="system.modes.apocalypse"
                 {{#if system.modes.apocalypse}}checked{{/if}} data-dtype="Boolean" />
          {{ localize 'GAME_MODES.apocalypse' }}
        </label>
      </div>
    </div>
  </div>
</div>
