<section
  class="tab character-{{tab.id}} {{tab.cssClass}}"
  data-tab="{{tab.id}}"
  data-group="{{tab.group}}"
>
  <div class="main-div">

    <fieldset>
      <legend>{{localize "LETHALFANTASY.Label.biodata"}}</legend>
      <div class="biodata">
        <div class="biodata-elem">
          <span class="name">Class</span>
          {{formInput
            systemFields.biodata.fields.class
            value=system.biodata.class
          }}
        </div>
        <div class="biodata-elem">
          <span class="name">Level</span>
          {{formInput
            systemFields.biodata.fields.level
            value=system.biodata.level
          }}
        </div>
        <div class="biodata-elem">
          <span class="name">Mortal</span>
          {{formInput
            systemFields.biodata.fields.mortal
            value=system.biodata.mortal
          }}
        </div>
        <div class="biodata-elem">
          <span class="name">Alignment</span>
          {{formInput
            systemFields.biodata.fields.alignment
            value=system.biodata.alignment
          }}
        </div>
        <div class="biodata-elem">
          <span class="name">Age</span>
          {{formInput systemFields.biodata.fields.age value=system.biodata.age}}
        </div>
        <div class="biodata-elem">
          <span class="name">Height</span>
          {{formInput
            systemFields.biodata.fields.height
            value=system.biodata.height
          }}
        </div>
        <div class="biodata-elem">
          <span class="name">Weight</span>
          {{formInput
            systemFields.biodata.fields.weight
            value=system.biodata.weight
          }}
        </div>
        <div class="biodata-elem">
          <span class="name">Eyes</span>
          {{formInput
            systemFields.biodata.fields.eyes
            value=system.biodata.eyes
          }}
        </div>
        <div class="biodata-elem">
          <span class="name">Hair</span>
          {{formInput
            systemFields.biodata.fields.hair
            value=system.biodata.hair
          }}
        </div>
        <div class="biodata-elem">
          <span class="name">Dev. Points (Total)</span>
          {{formInput
            systemFields.developmentPoints.fields.total
            value=system.developmentPoints.total
          }}
        </div>
        <div class="biodata-elem">
          <span class="name">Dev. Points (Rem.)</span>
          {{formInput
            systemFields.developmentPoints.fields.remaining
            value=system.developmentPoints.remaining
          }}
        </div>
        <div class="biodata-elem">
          <span class="name">Magic User</span>
          {{formInput
            systemFields.biodata.fields.magicUser
            value=system.biodata.magicUser
          }}
        </div>
        <div class="biodata-elem">
          <span class="name">Cleric User</span>
          {{formInput
            systemFields.biodata.fields.clericUser
            value=system.biodata.clericUser
          }}
        </div>
        <div class="biodata-elem">
          <span class="name">Save bonus (1/5levels)</span>
          {{formInput
            systemFields.modifiers.fields.saveModifier
            value=system.modifiers.saveModifier
            disabled=true
          }}
        </div>

        {{#if system.biodata.magicUser}}
          <div class="biodata-elem">
            <span class="name">Spell bonus (1/5levels)</span>
            {{formInput
              systemFields.modifiers.fields.levelSpellModifier
              value=system.modifiers.levelSpellModifier
              disabled=true
            }}
          </div>
        {{/if}}
        {{#if system.biodata.clericUser}}
          <div class="biodata-elem">
            <span class="name">Miracle bonus (1/5levels)</span>
            {{formInput
              systemFields.modifiers.fields.levelMiracleModifier
              value=system.modifiers.levelMiracleModifier
              disabled=true
            }}
          </div>
        {{/if}}

        <div class="biodata-elem">
          <span class="name">Last HD roll</span>
          {{formInput
            systemFields.biodata.fields.hpPerLevel
            value=system.biodata.hpPerLevel
            disabled=isPlayMode
          }}
        </div>

        <div class="biodata-elem">
          <span class="name">Natural DR</span>
          {{formInput
            systemFields.biodata.fields.naturalDR
            value=system.biodata.naturalDR
            disabled=isPlayMode
          }}
        </div>

        <div class="biodata-elem">
          <span class="name">Magical DR</span>
          {{formInput
            systemFields.biodata.fields.magicDR
            value=system.biodata.magicDR
            disabled=isPlayMode
          }}
        </div>

      </fieldset>

    <fieldset>
      <legend>{{localize "LETHALFANTASY.Label.description"}}</legend>
      {{formInput
        systemFields.description
        enriched=enrichedDescription
        value=system.description
        name="system.description"
        toggled=true
      }}
    </fieldset>

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