<section>
  <div class="header">
    <img
      class="item-img"
      src="{{item.img}}"
      data-edit="img"
      data-action="editImage"
      data-tooltip="{{item.name}}"
    />
    {{formInput fields.name value=source.name}}
  </div>

  {{! Navigation des onglets }}
  <nav class="sheet-tabs tabs" data-group="primary">
    <a class="item {{tabs.details.cssClass}}" data-tab="details">{{localize
        "PRISMRPG.Label.details"
      }}</a>
    <a
      class="item {{tabs.description.cssClass}}"
      data-tab="description"
    >{{localize "PRISMRPG.Label.description"}}</a>
  </nav>

  {{! Onglet Details }}
  <div
    class="tab {{tabs.details.cssClass}}"
    data-group="primary"
    data-tab="details"
  >
    <div class="flexrow">
      <div class="align-top">

        {{! Basic Information }}
        {{formField systemFields.senses value=system.senses}}

        {{formField systemFields.size value=system.size localize=true}}

        {{formField
          systemFields.ageCategory
          value=system.ageCategory
          localize=true
        }}

        {{formField systemFields.language value=system.language}}

        {{formField systemFields.baseBurden value=system.baseBurden}}

      </div>
      <div class="align-top">

        {{! Racial Passive }}
        {{formField systemFields.racialPassive value=system.racialPassive}}

        {{! Sub-race }}
        {{formField systemFields.subrace value=system.subrace}}

        {{formField systemFields.subraceAbility value=system.subraceAbility}}

      </div>
    </div>

    {{! Racial Passive Description }}
    <fieldset>
      <legend>{{localize "PRISMRPG.Label.racialPassive"}}</legend>
      {{formInput
        systemFields.racialPassiveDescription
        enriched=enrichedRacialPassiveDescription
        value=system.racialPassiveDescription
        name="system.racialPassiveDescription"
        toggled=true
      }}
    </fieldset>

    {{! Sub-race Ability Description }}
    <fieldset>
      <legend>{{localize "PRISMRPG.Label.subraceAbility"}}</legend>
      {{formInput
        systemFields.subraceAbilityDescription
        enriched=enrichedSubraceAbilityDescription
        value=system.subraceAbilityDescription
        name="system.subraceAbilityDescription"
        toggled=true
      }}
    </fieldset>
  </div>

  {{! Onglet Description }}
  <div
    class="tab {{tabs.description.cssClass}}"
    data-group="primary"
    data-tab="description"
  >
    <fieldset>
      <legend>{{localize "PRISMRPG.Label.description"}}</legend>
      {{formInput
        systemFields.description
        enriched=enrichedDescription
        value=system.description
        name="system.description"
        toggled=true
      }}
    </fieldset>

    {{! Notes }}
    <fieldset>
      <legend>{{localize "PRISMRPG.Label.notes"}}</legend>
      {{formInput
        systemFields.notes
        enriched=enrichedNotes
        value=system.notes
        name="system.notes"
        toggled=true
      }}
    </fieldset>
  </div>

</section>